.spk-join-page{min-height:100dvh;color:var(--laya-text-primary);background:var(--laya-surface-canvas)}.spk-join-page .spk{font-size:14px;line-height:20px}.spk-join-root{display:block;min-width:0}.spk-join-main{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:32px 16px 96px}.spk-join-main--wide{max-width:1120px}.spk-join-main--room{max-width:1040px;padding-top:16px}.spk-join-main:has(.spk-k-dock--fixed){padding-bottom:calc(136px + env(safe-area-inset-bottom, 0px))}.spk-join-room,.spk-join-stackcol{display:grid;grid-gap:12px;gap:12px;min-width:0}.spk-join-top{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 24px;background:var(--laya-surface-raised);border-bottom:1px solid var(--laya-border-soft)}.spk-join-top__brand{display:inline-flex;align-items:center;min-width:0;padding:4px;margin-left:-4px;color:inherit;text-decoration:none;border-radius:var(--spk-r-control);outline:none}.spk-join-top__about:focus-visible,.spk-join-top__brand:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--spk-focus)}.spk-join-top__spacer{flex:1 1 auto}.spk-join-top__about{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;font-weight:500;line-height:18px;color:var(--laya-text-secondary);text-decoration:none;border-radius:var(--spk-r-control);outline:none;transition:background-color var(--spk-quick),color var(--spk-quick)}.spk-join-top__about:hover{color:var(--laya-text-primary);background:var(--laya-surface-sunken)}.spk-join-top__about svg{width:16px;height:16px;flex:none}.spk-join-brand{display:inline-flex;align-items:center;gap:8px;min-width:0}.spk-join-brand__name{font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.01em;color:var(--laya-text-primary)}.spk-join-brand__by{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:16px;color:var(--laya-text-secondary);white-space:nowrap}.spk-join-card{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px;min-width:0;padding:28px;background:var(--laya-surface-raised);border:1px solid var(--laya-border-soft);border-radius:14px;box-shadow:var(--spk-shadow-rest)}.spk-join-h2{font-weight:600;color:var(--laya-text-primary);outline:none}.spk-join-h2,.spk-join-p{margin:0;font-size:14px;line-height:20px}.spk-join-p{color:var(--laya-text-secondary)}.spk-join-hint,.spk-join-note{margin:0;font-size:12px;line-height:16px;color:var(--laya-text-secondary)}.spk-join-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.spk-join-head{display:grid;grid-gap:10px;gap:10px;min-width:0}.spk-join-pills{display:flex;flex-wrap:wrap;gap:6px}.spk-join-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;font-weight:600;line-height:16px;color:var(--spk-primary-ink)}.spk-join-eyebrow svg{width:14px;height:14px;flex:none}.spk-join-title{margin:0;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.02em;color:var(--laya-text-primary);overflow-wrap:anywhere;outline:none}.spk-join-host{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;line-height:20px;color:var(--laya-text-secondary);min-width:0}.spk-join-host>span{min-width:0;overflow-wrap:anywhere}.spk-join-host strong{font-weight:600;color:var(--laya-text-primary)}.spk-join-form{display:grid;grid-gap:16px;gap:16px;min-width:0}.spk-join-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.spk-join-label{display:block;padding:0;margin:0;font-size:13px;font-weight:600;line-height:18px;color:var(--laya-text-primary)}.spk-join-input.spk-k-input{height:44px;font-size:16px}.spk-join-error{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:13px;line-height:18px;color:var(--spk-danger-ink)}.spk-join-error svg{width:14px;height:14px;flex:none;margin-top:2px}.spk-join-card .spk-join-cta{height:44px;font-size:15px}.spk-join-privacy{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:16px;color:var(--laya-text-secondary)}.spk-join-privacy svg{width:14px;height:14px;flex:none;margin-top:1px}.spk-join-linkbtn.spk-k-btn{justify-self:start;font-size:14px}.spk-join-or{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:500;line-height:16px;color:var(--laya-text-secondary)}.spk-join-or:after,.spk-join-or:before{content:"";flex:1 1 auto;height:1px;background:var(--laya-border-soft)}.spk-join-alts{display:grid;grid-gap:16px;gap:16px}.spk-join-alt{display:grid;grid-gap:6px;gap:6px;align-content:start;min-width:0}@media (min-width:561px){.spk-join-alts--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.spk-join-linkfirst{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.spk-join-choices{display:block;min-width:0;margin:0;padding:0;border:0}.spk-join-choices>legend{float:left;width:100%;margin-bottom:8px}.spk-join-choices__grid{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.spk-join-choices[data-columns="1"] .spk-join-choices__grid{grid-template-columns:minmax(0,1fr)}.spk-join-choices[data-columns="3"] .spk-join-choices__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spk-join-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:10px;gap:10px;min-height:44px;padding:12px;background:var(--laya-surface-raised);border:1.5px solid var(--laya-border-strong);border-radius:var(--spk-r-card);cursor:pointer;transition:border-color var(--spk-quick),background-color var(--spk-quick),box-shadow var(--spk-quick)}.spk-join-choice[data-icon]{grid-template-columns:auto minmax(0,1fr) auto}.spk-join-choice:hover:not([data-disabled]){border-color:var(--spk-primary-half)}.spk-join-choice[data-checked]{background:var(--spk-primary-tint);border-color:var(--spk-primary)}.spk-join-choice:has(.spk-join-choice__input:focus-visible){box-shadow:var(--spk-focus)}.spk-join-choice[data-disabled]{cursor:not-allowed;opacity:.6}.spk-join-choice__input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.spk-join-choice__icon{display:grid;place-items:center;width:28px;height:28px;color:var(--laya-text-secondary);background:var(--laya-surface-sunken);border-radius:var(--spk-r-control);transition:color var(--spk-quick),background-color var(--spk-quick)}.spk-join-choice[data-checked] .spk-join-choice__icon{color:var(--spk-primary-ink);background:var(--spk-primary-edge)}.spk-join-choice__icon svg{width:16px;height:16px}.spk-join-choice__text{display:grid;grid-gap:2px;gap:2px;min-width:0}.spk-join-choice__name{font-size:14px;font-weight:600;line-height:20px;color:var(--laya-text-primary)}.spk-join-choice__desc{font-size:12px;line-height:16px;color:var(--laya-text-secondary)}.spk-join-choice__mark{box-sizing:border-box;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--laya-border-strong);border-radius:50%;background:var(--laya-surface-raised);transition:border-color var(--spk-quick)}.spk-join-choice[data-checked] .spk-join-choice__mark{border-color:var(--spk-primary-strong);background:radial-gradient(circle,var(--spk-primary-strong) 0 4px,var(--laya-surface-raised) 4.5px)}.spk-join-who{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;background:var(--laya-surface-sunken);border-radius:var(--spk-r-card);text-align:left}.spk-join-who__icon{display:grid;place-items:center;width:32px;height:32px;color:var(--laya-text-secondary);background:var(--laya-surface-raised);border-radius:50%}.spk-join-who__icon svg{width:16px;height:16px}.spk-join-who__text{display:grid;grid-gap:2px;gap:2px;flex:1 1 200px;min-width:0;font-size:13px;line-height:18px;color:var(--laya-text-secondary)}.spk-join-who__text strong{font-size:14px;font-weight:600;line-height:20px;color:var(--laya-text-primary)}.spk-join-jira{flex:none}.spk-join-notice{--spk-join-tone-ink:var(--spk-primary-ink);display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:10px;gap:10px;padding:12px 14px;font-size:13px;line-height:18px;color:var(--laya-text-primary);text-align:left;background:var(--spk-primary-tint);border:1px solid var(--spk-primary-edge);border-radius:var(--spk-r-card);outline:none}.spk-join-notice:focus-visible{box-shadow:var(--spk-focus)}.spk-join-notice--warning{--spk-join-tone-ink:var(--spk-warning-ink);background:var(--spk-warning-tint);border-color:var(--spk-warning-edge)}.spk-join-notice--danger{--spk-join-tone-ink:var(--spk-danger-ink);background:var(--spk-danger-tint);border-color:var(--spk-danger-edge)}.spk-join-notice--success{--spk-join-tone-ink:var(--spk-success-ink);background:var(--spk-success-tint);border-color:var(--spk-success-edge)}.spk-join-notice--neutral{--spk-join-tone-ink:var(--laya-text-secondary);background:var(--laya-surface-sunken);border-color:var(--laya-border-soft)}.spk-join-notice__icon{display:grid;place-items:center;width:20px;height:18px;color:var(--spk-join-tone-ink)}.spk-join-notice__icon svg{width:16px;height:16px}.spk-join-notice__body{display:grid;grid-gap:2px;gap:2px;min-width:0}.spk-join-notice__title{margin:0;font-weight:600}.spk-join-notice__text p{margin:0}.spk-join-notice__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.spk-join-info{display:grid;grid-gap:10px;gap:10px;padding-top:20px;border-top:1px solid var(--laya-border-soft)}.spk-join-info__list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.spk-join-info__list li{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:10px;gap:10px;font-size:13px;line-height:18px;color:var(--laya-text-secondary)}.spk-join-info__list strong{font-weight:600;color:var(--laya-text-primary)}.spk-join-info__icon{display:grid;place-items:center;width:20px;height:20px;color:var(--spk-primary-ink);background:var(--spk-primary-tint);border-radius:var(--spk-r-chip)}.spk-join-info__list li[data-tone=shared] .spk-join-info__icon{color:var(--spk-success-ink);background:var(--spk-success-tint)}.spk-join-info__list li[data-tone=hidden] .spk-join-info__icon{color:var(--laya-text-secondary);background:var(--laya-surface-sunken)}.spk-join-info__icon svg{width:13px;height:13px}.spk-join-state{justify-items:center;gap:12px;padding:40px 28px;text-align:center}.spk-join-state__icon{display:grid;place-items:center;width:48px;height:48px;color:var(--laya-text-secondary);background:var(--laya-surface-sunken);border-radius:12px}.spk-join-state__icon svg{width:24px;height:24px}.spk-join-state__icon[data-tone=warning]{color:var(--spk-warning-ink);background:var(--spk-warning-tint)}.spk-join-state__icon[data-tone=danger]{color:var(--spk-danger-ink);background:var(--spk-danger-tint)}.spk-join-state__icon[data-tone=success]{color:var(--spk-success-ink);background:var(--spk-success-tint)}.spk-join-state__icon[data-tone=accent]{color:var(--spk-primary-ink);background:var(--spk-primary-tint)}.spk-join-state__title{margin:4px 0 0;font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.01em;color:var(--laya-text-primary);outline:none}.spk-join-state__body{display:grid;justify-items:center;grid-gap:12px;gap:12px;width:100%;max-width:460px;font-size:14px;line-height:20px;color:var(--laya-text-secondary)}.spk-join-state__body>p{margin:0}.spk-join-state__body .spk-join-notice,.spk-join-state__body .spk-join-who{justify-self:stretch}.spk-join-state__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px}.spk-join-thanks .spk-join-state__body{max-width:none;justify-items:stretch}.spk-join-thanks .spk-join-state__body>p{text-align:center}.spk-join-results{display:grid;width:100%;margin:0;padding:0;list-style:none;text-align:left;border:1px solid var(--laya-border-soft);border-radius:var(--spk-r-card);overflow:hidden}.spk-join-result{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px}.spk-join-result+.spk-join-result{border-top:1px solid var(--laya-border-soft)}.spk-join-result__key{flex:none}.spk-join-result__text{display:grid;grid-gap:4px;gap:4px;flex:1 1 auto;min-width:0}.spk-join-result__title{min-width:0;font-size:14px;line-height:20px;color:var(--laya-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spk-join-result__mine{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:16px;color:var(--laya-text-secondary)}.spk-join-result__mycard{display:inline-grid;place-items:center;flex:none;min-width:20px;height:24px;padding:0 4px;font-size:12px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--laya-text-primary);background:var(--laya-surface-raised);border:1px dashed var(--laya-border-strong);border-radius:4px}.spk-join-result__mycard svg{width:12px;height:12px}.spk-join-result__value{flex:none}.spk-join-result__none{font-size:12px;line-height:16px;color:var(--laya-text-secondary)}.spk-join-loading{gap:12px}.spk-join-loading__bar{display:block;width:100%;height:14px;background:var(--laya-surface-sunken);border-radius:6px;animation:spk-join-pulse 1.4s ease-in-out infinite;animation-play-state:var(--spk-motion-play,running)}.spk-join-loading__bar--pills{width:42%;height:22px;border-radius:999px}.spk-join-loading__bar--title{width:72%;height:28px}.spk-join-loading__bar--short{width:48%}.spk-join-loading__text{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:13px;line-height:18px;color:var(--laya-text-secondary)}.spk-join-loading__text svg{width:16px;height:16px;flex:none}@keyframes spk-join-pulse{50%{opacity:.55}}.spk-join-idbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:10px 14px;background:var(--laya-surface-raised);border:1px solid var(--laya-border-soft);border-radius:12px;box-shadow:var(--spk-shadow-rest)}.spk-join-idbar__text{display:grid;grid-gap:2px;gap:2px;min-width:0}.spk-join-idbar__title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;font-weight:600;line-height:20px;color:var(--laya-text-primary);outline:none}.spk-join-idbar__name{min-width:0;overflow-wrap:anywhere}.spk-join-idbar__pills{display:inline-flex;flex-wrap:wrap;gap:6px}.spk-join-idbar__sub{margin:0;font-size:12px;line-height:16px;color:var(--laya-text-secondary)}.spk-join-idbar .spk-join-idbar__leaveicon{display:none}.spk-join-keep{display:grid;grid-gap:10px;gap:10px;padding:14px 16px;background:var(--laya-surface-raised);border:1px solid var(--laya-border-soft);border-radius:12px}.spk-join-keep--compact{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.spk-join-keep--compact>p{flex:1 1 240px;margin:0;font-size:13px;line-height:18px;color:var(--laya-text-secondary)}.spk-join-keep__icon{width:18px;height:18px;flex:none;color:var(--spk-primary-ink)}.spk-join-keep__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.spk-join-keep__result{margin:0;font-size:13px;line-height:18px;color:var(--spk-success-ink);outline:none}.spk-join-keep__result--bad{color:var(--spk-danger-ink)}@media (max-width:560px){.spk-join-top{padding:0 12px 0 16px;gap:8px}.spk-join-brand__by{display:none}.spk-join-main{padding:0 0 96px}.spk-join-main--room{padding:8px 8px 96px}.spk-join-main>.spk-join-card,.spk-join-stackcol>.spk-join-card{border-width:0 0 1px;border-radius:0;box-shadow:none}.spk-join-card{gap:20px;padding:20px 16px 24px}.spk-join-state{padding:32px 16px}.spk-join-stackcol{gap:0}.spk-join-stackcol>.spk-join-keep{margin:12px 16px 0}.spk-join-title{font-size:22px;line-height:28px}.spk-join-card .spk-join-cta{height:48px}.spk-join-state__actions{align-self:stretch;width:100%;flex-direction:column}.spk-join-state__actions>.spk-k-btn{width:100%;height:44px}.spk-join-row>.spk-join-rowbtn{flex:1 1 auto}.spk-join-idbar{align-items:start;gap:10px;padding:10px 8px 10px 12px}.spk-join-idbar .spk-join-idbar__leave{display:none}.spk-join-idbar .spk-join-idbar__leaveicon{display:inline-flex}}@media (max-width:420px){.spk-join-top__about-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spk-join-top__about{width:32px;padding:0;justify-content:center}}@media (max-width:480px){.spk-join-choices[data-columns="2"] .spk-join-choice__icon{display:none}.spk-join-choices[data-columns="2"] .spk-join-choice[data-icon]{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:359px){.spk-join-choices__grid{grid-template-columns:minmax(0,1fr)}}.spk-join-state__body .spk-join-lobby__live{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;line-height:18px;color:var(--laya-text-secondary)}.spk-join-lobby__live svg{width:16px;height:16px;flex:none}