.web-access-trigger{border:1px solid var(--line,#373b33);min-width:44px;min-height:44px;color:var(--gold-soft,#d8bd86);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.web-access-trigger.compact{width:44px;padding:0}.web-access-trigger.compact span{display:none}.web-access-trigger.nav-item{border:0;justify-content:flex-start;width:100%}.product-mobile-tools{align-items:center;gap:6px;display:flex}.web-access-dialog{background:var(--surface-1,#181b17);width:min(440px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text,#ede9df);border:1px solid #373b33;border-radius:13px;padding:24px;overflow:auto;box-shadow:0 24px 80px #0008}.web-access-dialog::backdrop{background:#000a}.web-access-dialog .modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.web-access-dialog .modal-heading h2{margin:0;font-size:22px}.web-access-dialog .primary-button,.web-access-dialog .secondary-button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.web-install-tabs{border:1px solid #474139;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.web-install-tabs button{color:#c4bdb2;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px}.web-install-tabs button[aria-selected=true]{color:#17140e;background:#dfbb76;font-weight:700}.web-access-dialog .web-access-steps{margin-block:24px}.web-access-dialog .web-access-steps li+li{margin-top:18px}.web-access-hint{color:#ada79c}.web-share-dialog{width:min(480px,100% - 24px)}.web-share-poster{border:1px solid #474139;border-radius:10px;width:100%;height:auto;display:block}.web-share-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.web-share-actions button{white-space:nowrap;padding-inline:8px;font-size:14px}.web-copy-link{color:#dfbb76;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:8px;display:flex}.web-update-details{border-top:1px solid #474139;margin-top:20px;padding-top:8px}.web-update-notice{box-sizing:border-box;max-width:calc(100% - 24px)}.web-access-dialog p,.web-access-steps{font-size:14px;line-height:1.8}.web-access-steps{padding-left:22px}.web-access-steps li+li{margin-top:8px}.web-access-close{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.web-access-url{box-sizing:border-box;width:100%;color:inherit;background:0 0;border:1px solid #373b33;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.web-access-status{color:var(--gold-soft,#d8bd86)}.web-update-notice{bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;white-space:nowrap;color:#ede9df;background:#181b17;border:1px solid #373b33;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.web-update-notice button{color:#d8bd86;cursor:pointer;background:0 0;border:0;min-height:44px}.web-access-trigger:focus-visible,.web-access-dialog button:focus-visible{outline-offset:3px;outline:2px solid #d8bd86}@media (width<=767px){.public-header-actions .web-access-trigger{width:44px;padding:0}.public-header-actions .web-access-trigger span{display:none}.web-update-notice{bottom:calc(80px + env(safe-area-inset-bottom))}}@media (width<=480px){header.public-site-header{gap:8px;padding-inline:8px}.public-brand strong{white-space:nowrap}.public-header-actions .public-login-action{padding-inline:10px}}.video-source-shortcut{min-height:44px;color:var(--gold-soft,#e8c48c);align-items:center;gap:7px;margin:0 16px 8px;font-size:13px;text-decoration:none;display:flex}.video-source-shortcut:hover{text-decoration:underline}.public-header-actions button{white-space:nowrap;flex-shrink:0}@media (width<=480px){.public-header-actions .public-login-action{min-width:56px}.public-header-actions .public-login-action span,.public-header-actions .public-login-action svg{display:none}.public-header-actions .public-login-action:before{content:"进入";font-size:12px}}@media (width<=360px){.public-site-header .public-brand strong{display:none}}@media (width>=1200px){header.public-site-header{grid-template-columns:minmax(145px,1fr) auto auto;gap:18px}header.public-site-header .public-site-nav{gap:16px}}