/* standee.css */ .mfzy-standee{--sc-ink:#24334c;--sc-muted:#7b879b;--sc-bg:#fff;--sc-soft:#f5f7fb;--sc-border:#e9edf4;--sc-blue:#377cf6;color:var(--sc-ink);font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif} .mfzy-standee svg,.mfzy-standee-entry svg{display:inline-block;flex-shrink:0;width:18px;height:18px;vertical-align:middle;fill:none} .mfzy-standee [hidden]{display:none!important}.mfzy-standee button,.mfzy-standee input{font-family:inherit}.mfzy-standee h2,.mfzy-standee h3{border:0;padding:0;background:none}.mfzy-standee h2:before,.mfzy-standee h3:before{display:none} .standee-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:300px;padding:34px 40px;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 95% 20%,#21666c99,transparent 55%),linear-gradient(115deg,#15243f,#1d3850 70%,#214d50);color:#fff;isolation:isolate} .standee-intro:after{content:"";position:absolute;bottom:-110px;right:-60px;width:320px;height:320px;border:1px solid #ffffff12;border-radius:50%;z-index:-1}.standee-hero-copy{position:relative;z-index:2;min-width:0}.standee-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #ffffff22;background:#ffffff08;color:#b9d8e1;border-radius:30px;font-size:11px;line-height:1.6;letter-spacing:.6px}.standee-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#74d8c9;box-shadow:0 0 9px #74d8c955}.standee-intro h2{margin:17px 0 12px!important;font-size:32px!important;font-weight:700;line-height:1.4;letter-spacing:.3px;color:#fff!important}.standee-intro h2>span{display:block;font-size:14px;font-weight:400;color:#94aebf;margin-top:5px;letter-spacing:3px}.standee-intro p{margin:0 0 20px!important;color:#b1c2d3;font-size:13px!important;line-height:1.9!important}.mfzy-standee .standee-source-link{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #ffffff26;border-radius:9px;color:#e9f2fa;font-size:12px;text-decoration:none!important;background:#ffffff08;transition:background .2s}.standee-source-link:hover{background:#ffffff17!important;color:white!important}.standee-source-link svg{width:15px;height:15px} .standee-hero-art{position:relative;width:245px;flex:0 0 245px;height:225px;pointer-events:none}.standee-orbit{position:absolute;width:210px;height:210px;left:15px;top:8px;border:1px solid #96dcd91a;border-radius:50%}.standee-orbit:after{content:"";position:absolute;inset:22px;border:1px dashed #96dcd926;border-radius:50%}.standee-art-card{position:absolute;border-radius:16px}.standee-art-back{width:130px;height:170px;left:3px;top:25px;transform:rotate(-16deg);padding:18px;background:linear-gradient(140deg,#526783,#293f5a);border:1px solid #ffffff24;box-shadow:0 15px 25px #08132230;color:#b6c9df;font-size:12px}.standee-art-back>i{display:block;height:6px;width:70%;background:#ffffff18;border-radius:3px;margin-top:14px}.standee-art-back>i:last-child{width:45%}.standee-art-front{display:flex;align-items:center;flex-direction:column;justify-content:center;width:150px;height:190px;top:22px;right:12px;transform:rotate(9deg);background:linear-gradient(145deg,#fff4d9,#efd5a0);border:1px solid #fff0c5;box-shadow:0 22px 35px #08132240;color:#88622e}.standee-art-front>svg{width:43px;height:43px;color:#a47c40;margin-bottom:12px}.standee-art-front>span{font-size:17px;font-weight:600;letter-spacing:2px}.standee-art-front>small{font-size:8px;letter-spacing:1px;opacity:.6}.standee-art-bars{display:flex;gap:5px;margin:15px 0 13px}.standee-art-bars i{display:block;width:12px;height:5px;border-radius:2px;background:#bb96575c}.standee-art-spark{position:absolute;top:0;right:5px;color:#d5e6d8;font-size:28px} .standee-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:23px 0;margin:0 0 28px;border-bottom:1px solid var(--sc-border)}.standee-overview>div{padding:0 25px;display:flex;flex-direction:column;gap:8px}.standee-overview>div:first-child{padding-left:8px}.standee-overview>div+div{border-left:1px solid var(--sc-border)}.standee-overview>div>span{font-size:12px;color:var(--sc-muted)}.standee-overview strong{font-size:25px;line-height:1.2;font-weight:600;color:var(--sc-ink)}.standee-overview strong small{font-size:11px;font-weight:400;color:var(--sc-muted);margin-left:6px}.standee-overview .standee-overview-sync strong{font-size:15px;line-height:30px;color:var(--sc-muted);font-weight:400} .standee-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.standee-list-heading h3{font-size:17px;font-weight:600;margin:0!important;line-height:1.5;color:var(--sc-ink)}.standee-list-heading>span{font-size:11px;color:var(--sc-muted)}.standee-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 17px}.standee-filters{display:flex;gap:4px;align-items:center;padding:4px;background:var(--sc-soft);border-radius:11px;max-width:100%}.standee-filters button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 10px;line-height:1.4;border:0;border-radius:8px;font-size:12px;color:var(--sc-muted);background:none;cursor:pointer;transition:background .15s,color .15s}.standee-filters button small{font-size:10px;opacity:.7}.standee-filters button[aria-pressed=true]{color:#fff;background:var(--sc-blue);box-shadow:0 3px 8px #377cf622}.standee-filters button:hover:not([aria-pressed=true]){color:var(--sc-ink);background:var(--sc-bg)}.standee-search{position:relative;display:block;margin:0;max-width:100%;width:190px}.standee-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--sc-muted);pointer-events:none}.standee-search input{width:100%;height:38px;border:1px solid var(--sc-border);background:var(--sc-bg);color:var(--sc-ink);border-radius:10px;padding:8px 12px 8px 34px;font-size:12px;font-weight:400;appearance:none;box-shadow:none}.standee-search input::placeholder{color:var(--sc-muted)} .standee-status{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sc-muted);font-size:11px;margin-bottom:14px;min-height:23px}.standee-sync-status{display:inline-flex;align-items:center;gap:6px;line-height:1.6}.standee-sync-status:before{content:"";display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#cba763}.standee-sync-status[data-state=ok]:before{background:#43b99b}.standee-refresh{display:inline-flex;align-items:center;gap:5px;padding:3px 0;color:var(--sc-muted);background:none;border:0;cursor:pointer;font-size:11px;flex-shrink:0}.standee-refresh svg{width:13px;height:13px}.standee-refresh:hover{color:var(--sc-blue)}.standee-refresh:disabled{opacity:.6;cursor:wait}.standee-refresh:disabled svg{animation:standee-rotate 1s linear infinite}@keyframes standee-rotate{to{transform:rotate(360deg)}} .standee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.standee-card{position:relative;padding:20px;border:1px solid var(--sc-border);background:var(--sc-bg);border-radius:14px;min-width:0;box-shadow:0 2px 5px #23365203;transition:border-color .2s,box-shadow .2s}.standee-card:hover{border-color:#377cf64a;box-shadow:0 6px 24px #23365208}.standee-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.standee-level{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--sc-soft);color:var(--sc-muted);font-size:11px;line-height:1.4}.standee-level[data-level=顶级]{background:#fff3dd;color:#ad7d31}.standee-level[data-level=高级]{background:#f0ecff;color:#8667c6}.standee-level[data-level=普通]{background:#e9f4ff;color:#4b8ac5}.standee-level svg{width:12px;height:12px}.standee-time{color:var(--sc-muted);font-size:10px}.standee-code-label{font-size:10px;color:var(--sc-muted);margin-top:20px;letter-spacing:.5px}.standee-code{margin:7px 0 17px!important;padding:12px 13px!important;background:var(--sc-soft)!important;color:var(--sc-ink)!important;font-family:ui-monospace,SFMono-Regular,Consolas,"Microsoft YaHei",monospace!important;font-size:14px!important;line-height:1.8!important;border:0!important;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}.standee-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.standee-origin{font-size:10px;color:var(--sc-muted)}.standee-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:0;border-radius:8px;background:#edf4ff;color:#377cf6;font-size:12px;line-height:1.5;cursor:pointer;min-width:95px;transition:background .2s}.standee-copy svg{width:13px;height:13px}.standee-copy:hover{background:#e0edff}.standee-copy[data-copied=true]{color:#238f71;background:#e8f8f1} .standee-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 20px 32px;border:1px solid var(--sc-border);border-radius:15px;background:linear-gradient(180deg,var(--sc-soft),var(--sc-bg))}.standee-empty-art{position:relative;display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--sc-border);border-radius:22px;background:var(--sc-bg);color:#9aaccc;box-shadow:0 5px 16px #23365205;margin-bottom:20px;transform:rotate(-7deg)}.standee-empty-art>svg{width:31px;height:31px}.standee-empty-art>span{position:absolute;right:-7px;top:-7px;color:#c2a96c;font-size:23px;transform:rotate(7deg)}.standee-empty h3{font-size:15px;font-weight:500;color:var(--sc-ink);margin:0 0 8px!important;line-height:1.5}.standee-empty-description{font-size:12px!important;color:var(--sc-muted);margin:0 0 18px!important;line-height:1.9!important;max-width:320px}.mfzy-standee .standee-empty-source,.standee-reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--sc-border);padding:8px 12px;border-radius:8px;background:var(--sc-bg);color:var(--sc-muted);font-size:11px;text-decoration:none!important;cursor:pointer}.standee-empty-source svg{width:13px;height:13px}.standee-empty-source:hover,.standee-reset:hover{color:var(--sc-blue)}.standee-note{margin:17px 0 0!important;color:var(--sc-muted);font-size:10px!important;line-height:1.9!important;text-align:center}.mfzy-standee button:focus-visible,.mfzy-standee input:focus-visible,.mfzy-standee a:focus-visible{outline:2px solid var(--sc-blue)!important;outline-offset:3px}.standee-feedback:not(.screen-reader-text){position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:90vw;padding:11px 17px;border-radius:10px;z-index:100000;background:#25364a;color:#fff;font-size:13px;box-shadow:0 6px 22px #10203022;text-align:center} .mfzy-standee-entry{display:flex;align-items:center;gap:13px;position:relative;padding:16px 18px;background:linear-gradient(115deg,#f2f6ff,#f4fbfc);border:1px solid #e2eaf8;border-radius:12px;margin-bottom:20px;color:#293c59;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}.mfzy-standee-entry:hover{border-color:#b4cef5;box-shadow:0 4px 14px #377cf609}.standee-entry-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;color:#5282dc;background:#e3edff}.standee-entry-icon svg{width:24px;height:24px}.standee-entry-copy{min-width:0}.mfzy-standee-entry strong{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#293c59;line-height:1.5}.mfzy-standee-entry strong>span{font-size:9px;font-weight:400;color:#8e773d;border:1px solid #d8bd713d;background:#fcf6e8;padding:1px 5px;border-radius:4px;white-space:nowrap}.mfzy-standee-entry small{display:block;color:#8896aa;font-size:11px;margin-top:4px;line-height:1.5}.standee-entry-go{display:flex;align-items:center;gap:7px;margin-left:auto;padding:7px 10px;border-radius:8px;background:#fff9;color:#5282dc;font-size:11px;white-space:nowrap;flex-shrink:0}.standee-entry-go svg{width:14px;height:14px} body.dark-theme .mfzy-standee{--sc-ink:#d6dfed;--sc-muted:#8998ae;--sc-bg:#272d38;--sc-soft:#222833;--sc-border:#353e4d}body.dark-theme .standee-copy{background:#2d405d;color:#9bbfff}body.dark-theme .standee-copy[data-copied=true]{background:#24493f;color:#8ad9b9}body.dark-theme .standee-level[data-level=顶级]{background:#493c29;color:#dec38f}body.dark-theme .standee-level[data-level=高级]{background:#3c3350;color:#c4a9f1}body.dark-theme .standee-level[data-level=普通]{background:#2c4056;color:#9fc6ea}body.dark-theme .mfzy-standee-entry{background:linear-gradient(115deg,#29374a,#283c42);border-color:#384958}body.dark-theme .mfzy-standee-entry strong{color:#d5e2f6}body.dark-theme .standee-entry-icon{background:#344962;color:#a0beef}body.dark-theme .standee-entry-go{background:#ffffff09;color:#a0beef}body.dark-theme .mfzy-standee-entry strong>span{background:#4a4230;color:#dac48d} @media(max-width:760px){.standee-intro{padding:28px;min-height:270px}.standee-hero-art{flex-basis:200px;transform:scale(.85);transform-origin:center right}.standee-intro h2{font-size:28px!important}.standee-search{width:170px}.standee-overview>div{padding:0 18px}} @media(max-width:600px){.standee-intro{min-height:265px;padding:25px 22px;border-radius:16px}.standee-intro h2{font-size:25px!important;letter-spacing:0;margin-top:16px!important}.standee-intro h2>span{font-size:12px;margin-top:7px}.standee-intro p{font-size:12px!important;max-width:230px}.standee-eyebrow{font-size:10px}.standee-hero-art{position:absolute;right:-28px;bottom:-45px;opacity:.2;transform:scale(.7);transform-origin:bottom right;z-index:0}.standee-hero-copy{z-index:2}.standee-source-link{font-size:11px!important}.standee-overview{padding:20px 0;margin-bottom:22px}.standee-overview>div{padding:0 12px;gap:9px}.standee-overview>div:first-child{padding-left:3px}.standee-overview>div>span{font-size:10px}.standee-overview strong{font-size:22px}.standee-overview strong small{font-size:10px;margin-left:3px}.standee-overview .standee-overview-sync strong{font-size:12px;line-height:26px}.standee-list-heading h3{font-size:16px}.standee-list-heading>span{font-size:9px}.standee-toolbar{gap:12px;margin-bottom:14px}.standee-filters{width:100%;overflow-x:auto;scrollbar-width:none;gap:3px;flex-wrap:nowrap}.standee-filters::-webkit-scrollbar{display:none}.standee-filters button{padding:7px 9px;font-size:11px;gap:5px}.standee-search{width:100%}.standee-search input{height:39px}.standee-status{font-size:10px;gap:8px}.standee-refresh{font-size:10px}.standee-grid{grid-template-columns:1fr;gap:12px}.standee-card{padding:17px}.standee-empty{padding:30px 16px}.standee-empty-art{width:62px;height:62px;border-radius:19px;margin-bottom:17px}.standee-empty h3{font-size:14px}.standee-empty-description{font-size:11px!important}.standee-note{font-size:9px!important}.mfzy-standee-entry{padding:13px 12px;gap:10px}.standee-entry-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.standee-entry-icon svg{width:21px;height:21px}.mfzy-standee-entry strong{font-size:12px;gap:6px;flex-wrap:wrap}.mfzy-standee-entry strong>span{font-size:8px}.mfzy-standee-entry small{font-size:10px}.standee-entry-go{padding:7px;font-size:10px;gap:3px}} @media(prefers-reduced-motion:reduce){.mfzy-standee *,.mfzy-standee-entry{animation:none!important;transition:none!important}} .standee-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 20px;margin:-8px 0 26px;border:1px solid var(--sc-border);border-radius:12px;background:var(--sc-soft)}.standee-health>div{display:flex;flex-direction:column;gap:7px;min-width:0}.standee-health span{font-size:10px;color:var(--sc-muted)}.standee-health strong{font-size:12px;font-weight:500;color:var(--sc-ink);overflow-wrap:anywhere}.standee-health p{grid-column:1/-1;margin:0!important;padding-top:12px!important;border-top:1px solid var(--sc-border);color:var(--sc-muted);font-size:11px!important;line-height:1.7!important}@media(max-width:600px){.standee-health{padding:15px 12px;gap:10px}.standee-health strong{font-size:10px}.standee-health span{font-size:9px}.standee-health p{font-size:10px!important}} /* Compact code list: code, copy button and update time only. */ .mfzy-standee.standee-simple{max-width:880px;margin:0 auto;padding:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;color:var(--main-color,#30343b)} .standee-simple .standee-simple-updated{font-size:12px;line-height:1.8;color:var(--muted-color,#818997);margin:0 0 12px;padding:0 2px} .standee-simple .standee-grid{display:flex!important;flex-direction:column;gap:0;margin:0;border:1px solid var(--main-border-color,rgba(128,128,128,.16));border-radius:12px;overflow:hidden;background:var(--sc-bg,#fff)} .standee-simple .standee-simple-row{display:flex;align-items:center;gap:20px;padding:18px 20px;margin:0;border-bottom:1px solid var(--main-border-color,rgba(128,128,128,.14))} .standee-simple .standee-simple-row:last-child{border-bottom:0} .standee-simple .standee-simple-body{min-width:0;flex:1} .standee-simple .standee-code{font-family:inherit!important;font-size:15px!important;font-weight:400;line-height:1.8!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:var(--sc-ink,#30343b)!important;word-break:break-word;white-space:pre-wrap;min-height:0} .standee-simple .standee-time{display:block;font-size:12px;color:var(--muted-color,#818997);line-height:1.6;margin-top:8px} .standee-simple .standee-copy{min-width:0;flex:0 0 68px;width:68px;height:36px;padding:0;border:0;border-radius:7px;background:#2878ed;color:#fff;font:inherit;font-size:13px;cursor:pointer;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap} .standee-simple .standee-copy:hover{background:#1765d5} .standee-simple .standee-copy:focus-visible{outline:2px solid #2878ed;outline-offset:3px} .standee-simple .standee-empty{margin:0;padding:40px 12px;text-align:center;border:0;background:none;font-size:14px;color:var(--muted-color,#818997)} .standee-simple [hidden]{display:none!important} @media(max-width:600px){.standee-simple .standee-simple-row{padding:14px 12px;gap:12px}.standee-simple .standee-code{font-size:14px!important;line-height:1.75!important}.standee-simple .standee-copy{flex-basis:60px;width:60px;height:34px}.standee-simple .standee-time{font-size:11px}} /* Live connection badge and newly received codes. */ .mfzy-standee.standee-simple{position:relative} .standee-simple .standee-simple-updated{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 16px;margin-bottom:14px} .standee-update-meta{min-width:0} .standee-live{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;margin-left:auto;padding:5px 10px;border-radius:20px;background:#edf9f2;color:#258652;line-height:1.5;font-size:12px;white-space:nowrap} .standee-live-dot{position:relative;display:block;width:7px;height:7px;border-radius:50%;background:#28ba71;flex:0 0 7px} .standee-live[data-state=ok] .standee-live-dot:after{content:"";position:absolute;inset:-4px;border:1px solid #28ba7155;border-radius:50%;animation:standee-live-pulse 2s ease-out infinite} .standee-live-label{font-weight:500}.standee-live-hint{font-size:10px;opacity:.7;margin-left:2px} .standee-live[data-state=error],.standee-live[data-state=connecting]{background:#fff7e7;color:#a77725}.standee-live[data-state=error] .standee-live-dot,.standee-live[data-state=connecting] .standee-live-dot{background:#dfa747} .standee-live[data-state=hidden]{background:var(--sc-soft);color:var(--sc-muted)}.standee-live[data-state=hidden] .standee-live-dot{background:#99a4b1} .standee-new-notice{position:fixed;top:96px;right:max(20px,calc((100vw - 880px)/2));z-index:10000;padding:10px 16px;border:1px solid #bde9ce;border-radius:10px;background:#f0fcf5;color:#21834d;font-size:13px;box-shadow:0 6px 24px #18432c16;pointer-events:none;animation:standee-notice-in .3s ease-out both} .standee-simple-row.standee-row-new{animation:standee-code-enter 1.8s ease-out both;box-shadow:inset 3px 0 #2abc78} .standee-row-new .standee-time:after{content:"新入场";display:inline-block;margin-left:9px;padding:1px 6px;border-radius:4px;color:#208452;background:#e5f6ec;font-size:10px} @keyframes standee-live-pulse{0%{transform:scale(.55);opacity:.9}80%,100%{transform:scale(1.6);opacity:0}} @keyframes standee-code-enter{0%{opacity:0;transform:translateY(-12px);background:#dcf8e8}25%{opacity:1;transform:translateY(0);background:#e9f9f0}100%{opacity:1;transform:translateY(0);background:transparent}} @keyframes standee-notice-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}} body.dark-theme .standee-live{background:#203d30;color:#85d7aa}body.dark-theme .standee-new-notice{background:#233e31;border-color:#37634b;color:#a2e2bb}body.dark-theme .standee-row-new .standee-time:after{background:#264835;color:#91dcb2} @media(max-width:600px){.standee-simple .standee-simple-updated{gap:7px;font-size:11px}.standee-live{font-size:11px;padding:4px 8px;gap:6px}.standee-live-hint{display:none}.standee-new-notice{top:80px;right:12px;font-size:12px;padding:9px 12px}} @media(prefers-reduced-motion:reduce){.standee-live-dot:after,.standee-new-notice,.standee-simple-row.standee-row-new{animation:none!important}.standee-simple-row.standee-row-new{background:#e9f9f0}body.dark-theme .standee-simple-row.standee-row-new{background:#233e31}} /* Homepage live preview: same public code snapshot as the dedicated page. */ .mfzy-standee-entry{align-items:center;padding:9px 14px;gap:11px;background:linear-gradient(110deg,#fff1d4,#fffaf0 62%,#fff0e7);border:1px solid #f3cf91;border-left:4px solid #f59b26;border-radius:10px;box-shadow:0 3px 12px #dc8d1910;margin-bottom:14px} .mfzy-standee-entry:hover{border-color:#efa740;box-shadow:0 4px 16px #e19a2420} .mfzy-standee-entry .standee-entry-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px;background:#ffe2ab;color:#d7810d} .mfzy-standee-entry .standee-entry-icon svg{width:21px;height:21px} .mfzy-standee-entry .standee-entry-copy{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;flex:1;min-width:0} .mfzy-standee-entry strong{display:block;font-size:16px;font-weight:700;color:#a9540b;line-height:1.5;overflow-wrap:anywhere} .standee-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;margin-top:0;color:#8a7662;font-size:10px;line-height:1.5} .standee-entry-status{display:inline-flex;align-items:center;gap:5px;color:#258e69;white-space:nowrap} .standee-entry-status i{width:6px;height:6px;border-radius:50%;background:#2bbf85;box-shadow:0 0 0 3px #2bbf8514;flex-shrink:0} .standee-entry-status[data-state="retrying"]{color:#a77d30} .standee-entry-status[data-state="retrying"] i{background:#c89a43;box-shadow:none} .standee-entry-latest{display:block;flex-basis:100%;margin-top:0;font-size:12px;line-height:1.5;color:#735b43;overflow-wrap:anywhere} .mfzy-standee-entry .standee-entry-go{align-self:center;margin-left:0;padding:7px 11px;background:#ef9226;color:#fff;font-weight:600} body.dark-theme .mfzy-standee-entry{background:linear-gradient(110deg,#44321f,#332d25);border-color:#77522d;border-left-color:#eea345;box-shadow:none} body.dark-theme .mfzy-standee-entry strong{color:#ffd08d} body.dark-theme .mfzy-standee-entry .standee-entry-icon{background:#62441e;color:#ffcd82} body.dark-theme .mfzy-standee-entry .standee-entry-go{background:#b97522;color:#fff6e7} body.dark-theme .standee-entry-latest{color:#d2bca0} body.dark-theme .standee-entry-meta{color:#8f9fb6} body.dark-theme .standee-entry-status{color:#72d5af} @media(max-width:600px){ .mfzy-standee-entry{padding:8px 9px;gap:8px} .mfzy-standee-entry .standee-entry-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px} .mfzy-standee-entry .standee-entry-icon svg{width:18px;height:18px} .mfzy-standee-entry strong{font-size:13px;line-height:1.45} .standee-entry-meta{font-size:9px;gap:1px 7px} .standee-entry-latest{font-size:10px;margin-top:0;line-height:1.5} .mfzy-standee-entry .standee-entry-go{font-size:0;padding:6px 0;background:transparent;color:#d78010} .mfzy-standee-entry .standee-entry-go svg{width:17px;height:17px} } /* Score palette for the code page only. */ .standee-simple{--score-accent:#cbd5e1;--score-surface:#fff;--score-border:#e2e8f0;--score-text:#526174;--score-badge:#f1f5f9} .standee-simple [data-tone="white"]{--score-accent:#cbd5e1;--score-surface:#fff;--score-border:#e2e8f0;--score-text:#526174;--score-badge:#f1f5f9} .standee-simple [data-tone="blue"]{--score-accent:#4c8ff0;--score-surface:#f0f7ff;--score-border:#d7e7fd;--score-text:#245fae;--score-badge:#dfedff} .standee-simple [data-tone="yellow"]{--score-accent:#e9bd34;--score-surface:#fffbed;--score-border:#f2e5b1;--score-text:#8c6811;--score-badge:#fff0b9} .standee-simple [data-tone="green"]{--score-accent:#37ac78;--score-surface:#f0fbf5;--score-border:#d2ecdf;--score-text:#217c54;--score-badge:#d8f3e5} .standee-simple [data-tone="purple"]{--score-accent:#a273e4;--score-surface:#f8f3ff;--score-border:#e6daf6;--score-text:#7948b5;--score-badge:#ecdfff} .standee-simple [data-tone="orange"]{--score-accent:#e5484d;--score-surface:#fff1f2;--score-border:#f6c6ca;--score-text:#b42332;--score-badge:#ffdce0} .standee-simple .standee-page-title{margin-bottom:10px!important;letter-spacing:.1px} .standee-simple .standee-simple-updated{margin-bottom:12px;font-size:11px} .standee-simple .standee-score-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 16px;font-size:10px;line-height:1.4;color:var(--sc-muted)} .standee-score-legend>span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--score-border);border-radius:6px;background:var(--score-surface);color:var(--score-text);padding:4px 7px;white-space:nowrap} .standee-score-legend>span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--score-accent);flex-shrink:0} .standee-simple .standee-grid{gap:9px;background:transparent;border:0;border-radius:0;overflow:visible} .standee-simple .standee-simple-row{padding:13px 16px;gap:16px;border:1px solid var(--score-border);border-left:4px solid var(--score-accent);border-radius:11px;background:var(--score-surface);box-shadow:0 1px 3px #23365204} .standee-simple .standee-simple-row:last-child{border-bottom:1px solid var(--score-border)} .standee-simple .standee-code{font-size:14px!important;font-weight:500;line-height:1.7!important} .standee-simple .standee-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin-top:6px;line-height:1.4} .standee-simple .standee-score-badge{display:inline-flex;align-items:center;border-radius:5px;background:var(--score-badge);color:var(--score-text);padding:2px 6px;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap} .standee-simple .standee-time{margin:0;font-size:10px;line-height:1.5} .standee-simple .standee-simple-row .standee-copy{width:60px;flex-basis:60px;height:32px;border-radius:7px;background:var(--score-badge);color:var(--score-text);font-size:12px;font-weight:600;transition:filter .15s} .standee-simple .standee-simple-row .standee-copy:hover{background:var(--score-badge);filter:brightness(.95)} .standee-simple .standee-simple-row .standee-copy:focus-visible{outline-color:var(--score-accent)} .standee-simple .standee-simple-row.standee-row-new{animation:standee-score-enter .45s ease-out both;box-shadow:0 2px 9px #23365209} .standee-simple .standee-row-new .standee-time:after{color:var(--score-text);background:var(--score-badge)} @keyframes standee-score-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} body.dark-theme .standee-simple [data-tone="white"]{--score-accent:#64748b;--score-surface:#292f38;--score-border:#3c4552;--score-text:#d4deea;--score-badge:#3b4553} body.dark-theme .standee-simple [data-tone="blue"]{--score-accent:#6b9fea;--score-surface:#243246;--score-border:#354c69;--score-text:#a4c8ff;--score-badge:#314c70} body.dark-theme .standee-simple [data-tone="yellow"]{--score-accent:#d8b446;--score-surface:#3b3524;--score-border:#594d2d;--score-text:#e8cf7c;--score-badge:#54482a} body.dark-theme .standee-simple [data-tone="green"]{--score-accent:#52ba8b;--score-surface:#24392f;--score-border:#365846;--score-text:#9bdcba;--score-badge:#31543f} body.dark-theme .standee-simple [data-tone="purple"]{--score-accent:#af85eb;--score-surface:#332a43;--score-border:#4f3d67;--score-text:#d2b3ff;--score-badge:#4b3864} body.dark-theme .standee-simple [data-tone="orange"]{--score-accent:#fb7185;--score-surface:#3d252c;--score-border:#693640;--score-text:#fda4af;--score-badge:#642e3b} @media(max-width:600px){ .standee-simple .standee-score-legend{gap:5px;margin-bottom:12px;font-size:9px} .standee-score-legend>span{padding:3px 5px;gap:4px} .standee-simple .standee-grid{gap:8px} .standee-simple .standee-simple-row{padding:11px 10px;gap:9px;border-radius:9px} .standee-simple .standee-code{font-size:13px!important;line-height:1.7!important} .standee-simple .standee-simple-row .standee-copy{width:48px;flex-basis:48px;height:30px;font-size:11px} .standee-simple .standee-row-meta{gap:4px 6px;margin-top:5px} .standee-simple .standee-time{font-size:9px} .standee-simple .standee-score-badge{font-size:9px;padding:2px 5px} } @media(prefers-reduced-motion:reduce){.standee-simple .standee-simple-row.standee-row-new{animation:none!important}} /* Keep the full original code on one line; narrow screens put Copy below it. */ .standee-simple .standee-code{white-space:nowrap!important;word-break:normal;overflow-wrap:normal;text-overflow:clip;letter-spacing:0;min-width:0} @media(max-width:760px){ .standee-simple .standee-simple-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center} .standee-simple .standee-simple-body{display:contents} .standee-simple .standee-code{grid-column:1/-1;grid-row:1} .standee-simple .standee-row-meta{grid-column:1;grid-row:2;margin-top:0;min-width:0} .standee-simple .standee-simple-row .standee-copy{grid-column:2;grid-row:2;justify-self:end} } /* Larger, clearer score and update labels. */ .standee-simple .standee-score-badge{font-size:13px;font-weight:700;padding:3px 7px} .standee-simple .standee-time{font-size:12px;font-weight:500;color:var(--score-text);line-height:1.6} .standee-simple .standee-simple-updated{font-size:13px} .standee-simple .standee-updated-time{font-weight:600;color:var(--sc-ink,#30343b)} @media(max-width:600px){ .standee-simple .standee-score-badge{font-size:12px;padding:3px 6px} .standee-simple .standee-time{font-size:11.5px} .standee-simple .standee-simple-updated{font-size:12px} } /* Immediate readable codes: highlight without hiding or staggering. */ .standee-simple .standee-simple-row.standee-row-new{opacity:1!important;transform:none!important;animation:standee-instant-highlight .65s ease-out both!important;animation-delay:0s!important} @keyframes standee-instant-highlight{from{box-shadow:inset 4px 0 #26b875,0 0 0 2px #26b87544}to{box-shadow:inset 4px 0 var(--score-accent)}} /* Neutral card content; quality appears only on borders and the left stripe. */ .standee-simple .standee-simple-row[data-tone]{--score-surface:var(--sc-bg,#fff)!important;--score-badge:var(--sc-soft,#f5f7fb)!important;--score-text:#222!important;background:var(--sc-bg,#fff)!important;color:#222!important;border-color:var(--score-accent)!important} .standee-simple .standee-simple-row[data-tone]:last-child{border-bottom-color:var(--score-accent)!important} .standee-simple .standee-simple-row .standee-code,.standee-simple .standee-simple-row .standee-score-badge,.standee-simple .standee-simple-row .standee-copy{color:#222!important} .standee-simple .standee-simple-row .standee-score-badge,.standee-simple .standee-simple-row .standee-copy,.standee-simple .standee-row-new .standee-time:after{background:var(--sc-soft,#f5f7fb)!important;color:#222!important} .standee-simple .standee-simple-row .standee-time{color:var(--sc-muted,#7b879b)!important} .standee-simple .standee-score-legend>span{background:var(--sc-bg,#fff)!important;color:#222!important;border-color:var(--score-accent)} body.dark-theme .standee-simple .standee-simple-row[data-tone]{--score-text:var(--sc-ink,#d6dfed)!important;color:var(--sc-ink,#d6dfed)!important} body.dark-theme .standee-simple .standee-simple-row .standee-code,body.dark-theme .standee-simple .standee-simple-row .standee-score-badge,body.dark-theme .standee-simple .standee-simple-row .standee-copy,body.dark-theme .standee-simple .standee-row-new .standee-time:after,body.dark-theme .standee-simple .standee-score-legend>span{color:var(--sc-ink,#d6dfed)!important} @keyframes standee-instant-highlight{from{box-shadow:0 0 0 2px var(--score-accent)}to{box-shadow:none}} /* Larger neutral score, update time and new-entry tag. */ .standee-simple .standee-row-meta{gap:8px 10px;align-items:center} .standee-simple .standee-simple-row .standee-score-badge{font-size:16px;font-weight:800;line-height:1.4;padding:4px 9px;border:1px solid var(--sc-border,#e9edf4);border-radius:6px} .standee-simple .standee-simple-row[data-tone="orange"] .standee-score-badge{font-size:18px} .standee-simple .standee-simple-row .standee-time{font-size:14px;font-weight:650;line-height:1.7;color:#444!important} .standee-simple .standee-row-new .standee-time:after{font-size:13px;font-weight:750;line-height:1.4;padding:3px 8px;margin-left:8px;border:1px solid var(--sc-border,#d8dee8);border-radius:5px;vertical-align:middle} body.dark-theme .standee-simple .standee-simple-row .standee-time{color:var(--sc-ink,#d6dfed)!important} @media(max-width:760px){.standee-simple .standee-row-meta{gap:6px 8px}.standee-simple .standee-simple-row .standee-score-badge{font-size:15px;padding:3px 7px}.standee-simple .standee-simple-row[data-tone="orange"] .standee-score-badge{font-size:17px}.standee-simple .standee-simple-row .standee-time{font-size:13px}.standee-simple .standee-row-new .standee-time:after{font-size:12px;padding:3px 6px;margin-left:6px}} /* End larger neutral metadata. */ /* Enlarge only the clock; keep update label and calendar date at default size. */ .standee-simple .standee-simple-row .standee-time{font-size:12px;font-weight:400} .standee-simple .standee-simple-row .standee-time-prefix{font-size:inherit;font-weight:400} .standee-simple .standee-simple-row .standee-time-clock{font-size:15px;font-weight:750;white-space:nowrap;color:#222;font-variant-numeric:tabular-nums} body.dark-theme .standee-simple .standee-simple-row .standee-time-clock{color:var(--sc-ink,#d6dfed)} @media(max-width:760px){.standee-simple .standee-simple-row .standee-time{font-size:11.5px}.standee-simple .standee-simple-row .standee-time-clock{font-size:14px}} /* End clock-only emphasis. */ /* Reserve the new-entry tag slot so its visibility never changes row height. */ .standee-simple .standee-simple-row .standee-time::after{content:"新入场";display:inline-flex;visibility:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-size:13px;font-weight:750;line-height:1.4;padding:3px 8px;margin-left:8px;border:1px solid var(--sc-border,#d8dee8);border-radius:5px;vertical-align:middle;white-space:nowrap} .standee-simple .standee-simple-row.standee-row-new .standee-time::after{visibility:visible} @media(max-width:760px){.standee-simple .standee-simple-row .standee-time::after{font-size:12px;padding:3px 6px;margin-left:6px}} /* End stable new-entry tag slot. */ /* Keep score, timestamp and entry tag on one stable metadata line. */ .standee-simple .standee-simple-row .standee-row-meta{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch} .standee-simple .standee-simple-row .standee-row-meta::-webkit-scrollbar{display:none} .standee-simple .standee-simple-row .standee-score-badge{flex-shrink:0} .standee-simple .standee-simple-row .standee-time{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap} .standee-simple .standee-simple-row .standee-time-prefix,.standee-simple .standee-simple-row .standee-time-clock,.standee-simple .standee-simple-row .standee-time::after{flex-shrink:0} .standee-simple .standee-simple-row .standee-time-prefix{margin-right:3px} /* End single metadata line. */ /* Bright new-entry status without changing the reserved slot dimensions. */ .standee-simple .standee-simple-row.standee-row-new .standee-time::after,body.dark-theme .standee-simple .standee-simple-row.standee-row-new .standee-time::after{background:#e84b27!important;color:#fff!important;border-color:#e84b27!important;box-shadow:0 1px 4px #e84b272e} /* End bright new-entry status. */ /* Larger neutral copy target, independent of card quality. */ .standee-simple .standee-simple-row .standee-copy{width:82px;flex-basis:82px;min-width:82px;height:42px;padding:0 12px;border:1.5px solid #8b96a6;border-radius:8px;background:#edf0f4!important;color:#17212f!important;font-size:15px;font-weight:750;box-shadow:0 2px 5px #16203312;transition:background .15s,border-color .15s,box-shadow .15s} .standee-simple .standee-simple-row .standee-copy:hover{background:#dfe5ed!important;border-color:#59677b;filter:none;box-shadow:0 3px 8px #16203320} .standee-simple .standee-simple-row .standee-copy:focus-visible{outline:2px solid #59677b;outline-offset:3px} body.dark-theme .standee-simple .standee-simple-row .standee-copy{background:#3b4553!important;color:#f2f5f9!important;border-color:#8290a3} body.dark-theme .standee-simple .standee-simple-row .standee-copy:hover{background:#4a5768!important;border-color:#a4b2c5} @media(max-width:760px){.standee-simple .standee-simple-row .standee-copy{width:68px;flex-basis:68px;min-width:68px;height:40px;padding:0 10px;font-size:14px}} /* End larger copy target. */ /* Compact copy buttons and no resource-search floater on the standee page. */ .standee-simple .standee-simple-row .standee-copy{width:72px;flex-basis:72px;min-width:72px;height:36px;padding:0 10px;font-size:14px;border-radius:7px} @media(max-width:760px){.standee-simple .standee-simple-row .standee-copy{width:60px;flex-basis:60px;min-width:60px;height:34px;padding:0 8px;font-size:13px}} body.page-id-207718 .mfzy-site-tools>a[href*="#resource-search"]{display:none!important} body.page-id-207718 .mfzy-site-tools{padding:0;border:0;background:transparent;box-shadow:none} body.page-id-207718 .mfzy-site-tools #mfzy-back-top{background:var(--main-bg-color,#fff);border:1px solid rgba(128,144,166,.15);box-shadow:0 3px 14px rgba(35,55,85,.08)} body.page-id-207718 .mfzy-site-tools #mfzy-back-top[hidden]{display:none!important} /* End compact copy and page search-floater removal. */ /* Emphasize incoming cards without changing their content size or position. */ .standee-simple .standee-simple-row.standee-row-new{border-width:2px!important;border-left-width:8px!important;padding:12px 15px 12px 12px} @media(max-width:760px){.standee-simple .standee-simple-row.standee-row-new{padding:10px 9px 10px 6px}} /* End incoming card emphasis. */ /* 999 red frame with wide layered gold battle wings inside. */ .standee-simple .standee-simple-row[data-tone="orange"]{position:relative;isolation:isolate;margin-left:0;margin-right:0;border-color:#e5484d!important;border-left-color:#e5484d!important;box-shadow:0 2px 8px #e5484d0d} .standee-simple .standee-simple-row[data-tone="orange"]::before{content:"";display:block;position:absolute;inset:4px 7%;width:auto;height:auto;transform:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20170%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22base%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff0a1%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23d9a126%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239a6418%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22plate%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23f9da71%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23c28b25%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23edbe4e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22light%22%3E%3Cstop%20stop-color%3D%22%23e6ae39%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffe39a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b47b1e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22%239a6415%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M390%20128%20341%2057%20280%2068%20210%2028%20217%2060%20122%208%20147%2053%2027%200%2083%2076%2010%2050%2068%20110%2037%20121%20138%20139%20112%20153%20273%20146%20319%20157Z%22%20fill%3D%22url%28%23base%29%22%2F%3E%3Cpath%20d%3D%22M389%20128%20339%2073%20292%2084%20228%2053%20238%2078%20167%2039%20186%2078%2078%2036%20125%2094%2064%2080%20112%20119%2089%20126%20206%20137%20187%20146%20308%20137Z%22%20fill%3D%22url%28%23plate%29%22%2F%3E%3Cpath%20d%3D%22M390%20128%20334%2097%20287%20108%20252%2090%20259%20110%20207%2091%20225%20118%20160%20103%20191%20130%20159%20134%20285%20141Z%22%20fill%3D%22url%28%23light%29%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff0a4%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M55%2015%20131%2087%20287%20124%20377%20131M142%2028%20213%2091%20326%20126M227%2048%20281%2099%20359%20125M86%20102%20198%20130M308%2083%20377%20128%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28800%200%29%20scale%28-1%201%29%22%3E%3Cg%20stroke%3D%22%239a6415%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M390%20128%20341%2057%20280%2068%20210%2028%20217%2060%20122%208%20147%2053%2027%200%2083%2076%2010%2050%2068%20110%2037%20121%20138%20139%20112%20153%20273%20146%20319%20157Z%22%20fill%3D%22url%28%23base%29%22%2F%3E%3Cpath%20d%3D%22M389%20128%20339%2073%20292%2084%20228%2053%20238%2078%20167%2039%20186%2078%2078%2036%20125%2094%2064%2080%20112%20119%2089%20126%20206%20137%20187%20146%20308%20137Z%22%20fill%3D%22url%28%23plate%29%22%2F%3E%3Cpath%20d%3D%22M390%20128%20334%2097%20287%20108%20252%2090%20259%20110%20207%2091%20225%20118%20160%20103%20191%20130%20159%20134%20285%20141Z%22%20fill%3D%22url%28%23light%29%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff0a4%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M55%2015%20131%2087%20287%20124%20377%20131M142%2028%20213%2091%20326%20126M227%2048%20281%2099%20359%20125M86%20102%20198%20130M308%2083%20377%20128%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22m400%2070%2020%2029-8%2028-12%2035-12-35-8-28Z%22%20fill%3D%22url%28%23base%29%22%20stroke%3D%22%2396621a%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m400%2089%208%2017-8%2030-8-30Z%22%20fill%3D%22%23fff0ae%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;opacity:.23;pointer-events:none;z-index:0;filter:none} .standee-simple .standee-simple-row[data-tone="orange"]::after{display:none;content:none} .standee-simple .standee-simple-row[data-tone="orange"]>.standee-simple-body,.standee-simple .standee-simple-row[data-tone="orange"]>.standee-copy{position:relative;z-index:1} body.dark-theme .standee-simple .standee-simple-row[data-tone="orange"]{border-color:#fb7185!important;border-left-color:#fb7185!important;box-shadow:0 2px 8px #fb71850d} body.dark-theme .standee-simple .standee-simple-row[data-tone="orange"]::before{opacity:.26} @media(max-width:760px){.standee-simple .standee-simple-row[data-tone="orange"]::before{inset:5px 4%;width:auto;height:auto;transform:none;background-size:100% 100%;opacity:.19}} /* End red frame battle wings. */ /* Brief reminder below the code page title. */ .standee-simple .standee-speed-hint{display:flex;align-items:center;gap:6px;margin:0 0 12px!important;font-size:13px!important;font-weight:600;line-height:1.6;color:#b96b0d}.standee-simple .standee-speed-hint>span{font-size:15px}body.dark-theme .standee-simple .standee-speed-hint{color:#edbd68}@media(max-width:760px){.standee-simple .standee-speed-hint{font-size:12px!important;margin-bottom:10px!important}} /* Two-line reminder beside the update timestamp. */ .standee-simple .standee-simple-updated{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 16px;align-items:center} .standee-simple .standee-update-meta{grid-column:1;grid-row:1;min-width:0} .standee-simple .standee-simple-updated>.standee-live{grid-column:1;grid-row:2;justify-self:start} .standee-simple .standee-simple-updated>.standee-speed-hint{display:block;grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;margin:0!important;padding:0;text-align:left;line-height:1.6;font-size:13px!important;font-weight:650;white-space:nowrap} .standee-simple .standee-simple-updated>.standee-speed-hint>span{display:block;font-size:inherit} @media(max-width:760px){.standee-simple .standee-simple-updated{gap:4px 10px}.standee-simple .standee-simple-updated>.standee-speed-hint{font-size:12px!important}} /* End two-line update reminder. */ /* Reminder immediately to the left of the live-update indicator. */ .standee-simple .standee-simple-updated{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto;gap:12px;align-items:center} .standee-simple .standee-update-meta{grid-column:1;grid-row:1} .standee-simple .standee-simple-updated>.standee-speed-hint{grid-column:2;grid-row:1;justify-self:end} .standee-simple .standee-simple-updated>.standee-live{grid-column:3;grid-row:1;justify-self:end} @media(max-width:600px){.standee-simple .standee-simple-updated{grid-template-columns:auto auto;gap:7px 10px}.standee-simple .standee-update-meta{grid-column:1 / -1;grid-row:1}.standee-simple .standee-simple-updated>.standee-speed-hint{grid-column:1;grid-row:2;justify-self:end}.standee-simple .standee-simple-updated>.standee-live{grid-column:2;grid-row:2;justify-self:end}} /* End reminder beside live indicator. */ /* Center update time between the reminder and live status. */ .standee-simple .standee-simple-updated{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto;gap:12px;align-items:center} .standee-simple .standee-simple-updated>.standee-speed-hint{grid-column:1;grid-row:1;justify-self:start;text-align:left} .standee-simple .standee-update-meta{grid-column:2;grid-row:1;justify-self:center;text-align:center} .standee-simple .standee-simple-updated>.standee-live{grid-column:3;grid-row:1;justify-self:end} @media(max-width:600px){.standee-simple .standee-simple-updated{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px;font-size:10px}.standee-simple .standee-simple-updated>.standee-speed-hint{grid-column:1;grid-row:1;font-size:10px!important}.standee-simple .standee-update-meta{grid-column:2;grid-row:1;max-width:100px;line-height:1.6;text-wrap:balance}.standee-simple .standee-simple-updated>.standee-live{grid-column:3;grid-row:1;font-size:10px;gap:4px;padding:4px 5px;white-space:nowrap}} /* End centered update time. */ /* Large live Beijing clock in the center column. */ .standee-simple .standee-update-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;max-width:none!important;white-space:nowrap;line-height:1.25} .standee-simple .standee-clock-label{font-size:11px;font-weight:400;color:var(--sc-muted,#7b879b)} .standee-simple .standee-beijing-clock{font-size:28px!important;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.6px;color:var(--sc-ink,#24334c)} @media(max-width:600px){.standee-simple .standee-beijing-clock{font-size:22px!important;letter-spacing:0}.standee-simple .standee-clock-label{font-size:10px}} /* End live Beijing clock. */ /* Reminder label to the left of its two text lines. */ .standee-simple .standee-simple-updated>.standee-speed-hint{display:flex;align-items:center;gap:10px;white-space:nowrap} .standee-simple .standee-speed-hint>.standee-hint-heading{font-size:12px;font-weight:700;line-height:1.5;color:inherit} .standee-simple .standee-speed-hint>.standee-hint-lines{display:flex;flex-direction:column;gap:0;font-size:inherit;line-height:1.6} @media(max-width:600px){.standee-simple .standee-simple-updated>.standee-speed-hint{gap:5px}.standee-simple .standee-speed-hint>.standee-hint-heading{font-size:10px;max-width:2em;white-space:normal;text-align:center;line-height:1.4}} /* End reminder label. */ /* Warm reminder badge above the two message lines. */ .standee-simple .standee-simple-updated>.standee-speed-hint{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px} .standee-simple .standee-speed-hint>.standee-hint-heading{display:inline-flex;align-items:center;justify-content:center;max-width:none;padding:2px 7px;border:1px solid #f1ce8f;border-radius:5px;background:#fff3db;color:#a56610;font-size:11px;font-weight:650;line-height:1.4;white-space:nowrap;text-align:center} body.dark-theme .standee-simple .standee-speed-hint>.standee-hint-heading{border-color:#77592c;background:#46351e;color:#efc77d} @media(max-width:600px){.standee-simple .standee-simple-updated>.standee-speed-hint{gap:3px}.standee-simple .standee-speed-hint>.standee-hint-heading{font-size:10px;max-width:none;padding:2px 5px;white-space:nowrap;line-height:1.3}} /* End stacked reminder badge. */ /* Vertical reminder badge, with two horizontal message lines beside it. */ .standee-simple .standee-simple-updated>.standee-speed-hint{flex-direction:row;align-items:center;gap:7px} .standee-simple .standee-speed-hint>.standee-hint-heading{display:block;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;max-width:none;padding:4px 3px;line-height:1;letter-spacing:1px;font-size:10px} .standee-simple .standee-speed-hint>.standee-hint-lines{writing-mode:horizontal-tb;text-orientation:mixed;display:flex;flex-direction:column;gap:0;white-space:nowrap;line-height:1.7} @media(max-width:600px){.standee-simple .standee-simple-updated>.standee-speed-hint{flex-direction:row;align-items:center;gap:5px}.standee-simple .standee-speed-hint>.standee-hint-heading{writing-mode:vertical-rl;text-orientation:upright;padding:3px 2px;font-size:9px;line-height:1;letter-spacing:.5px;max-width:none;white-space:nowrap}} /* End vertical reminder badge. */ /* Explicit two-line reminder, unaffected by generic span rules. */ .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-lines{display:block!important;writing-mode:horizontal-tb!important;text-orientation:mixed;white-space:nowrap;line-height:1.7} .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-lines>br{display:block!important} /* End explicit reminder line break. */ /* Coral-red warm reminder badge. */ .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-heading{background:#fff0f0;color:#c53340;border-color:#f0afb6;box-shadow:0 1px 3px #c533400b} body.dark-theme .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-heading{background:#47272d;color:#ffadb6;border-color:#89505b} /* Android/iOS share and metadata compatibility, 2026-10-21. */ .mfzy-standee.standee-simple{-webkit-text-size-adjust:100%;text-size-adjust:100%} .mfzy-standee-share-overlay{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.45);box-sizing:border-box} .mfzy-standee-share-sheet{box-sizing:border-box;width:100%;max-width:410px;padding:20px;border-radius:14px;background:#fff;color:#24334c;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei",sans-serif;box-shadow:0 14px 50px #0003;max-height:90vh;overflow:auto} .mfzy-standee-share-sheet h3{margin:0 0 12px;font-size:18px;color:inherit} .mfzy-standee-share-sheet .mfzy-standee-share-text{display:block;box-sizing:border-box;width:100%;height:130px;margin:0;padding:10px;border:1px solid #d8dee8;border-radius:8px;background:#f7f9fc;color:#24334c;font-family:inherit;font-size:16px;line-height:1.6;resize:none;-webkit-user-select:text;user-select:text;-webkit-appearance:none;appearance:none} .mfzy-standee-share-sheet .mfzy-standee-share-note{margin:10px 0 14px;font-size:12px;color:#68758a;line-height:1.6} .mfzy-standee-share-actions{display:flex;flex-wrap:wrap;gap:8px} .mfzy-standee-share-actions button{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-height:40px;padding:8px 12px;border:1px solid #ccd6e4;border-radius:8px;background:#edf2f8;color:#24334c;font:inherit;font-size:13px;line-height:1.5;cursor:pointer} .mfzy-standee-share-actions button:first-child{background:#2878ed;border-color:#2878ed;color:#fff} @media(max-width:760px){ .standee-simple .standee-simple-row .standee-time{min-width:0;flex:1 1 auto} .standee-simple .standee-simple-row .standee-time-prefix{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .standee-simple .standee-simple-row .standee-time-clock,.standee-simple .standee-simple-row .standee-time::after{flex:0 0 auto} .standee-simple .standee-simple-row .standee-copy{box-sizing:border-box;-webkit-appearance:none;appearance:none;line-height:1.4} } /* End Android/iOS share and metadata compatibility. */ /* Balanced score / update / arrival / copy spacing, 2026-10-21. */ .standee-simple .standee-simple-row .standee-row-meta{gap:8px} .standee-simple .standee-simple-row .standee-time{min-width:0;flex:1 1 auto;justify-content:flex-start;column-gap:0} .standee-simple .standee-simple-row .standee-time-prefix{flex:0 0 auto;margin-right:2px;overflow:visible;text-overflow:clip} .standee-simple .standee-simple-row .standee-time-clock{flex:0 0 auto} .standee-simple .standee-simple-row .standee-time::after{flex:0 0 auto;margin-left:10px} @media(max-width:760px){ .standee-simple .standee-simple-row{column-gap:8px} .standee-simple .standee-simple-row .standee-row-meta{gap:7px} .standee-simple .standee-simple-row .standee-time::after{margin-left:8px} } @media(max-width:380px){ .standee-simple .standee-simple-row .standee-row-meta{gap:6px} .standee-simple .standee-simple-row .standee-time-prefix{font-size:10px} .standee-simple .standee-simple-row .standee-time-clock{font-size:13px} .standee-simple .standee-simple-row .standee-time::after{margin-left:6px;padding:3px 4px;font-size:11px} } /* End balanced metadata spacing. */ /* Four independent items with equal edge-to-edge gaps. */ .standee-simple .standee-simple-row{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;align-items:center;gap:7px 6px} .standee-simple .standee-simple-row .standee-simple-body,.standee-simple .standee-simple-row .standee-row-meta{display:contents} .standee-simple .standee-simple-row .standee-code{grid-column:1/-1;grid-row:1;width:100%;min-width:0} .standee-simple .standee-simple-row .standee-score-badge{grid-column:1;grid-row:2;justify-self:start} .standee-simple .standee-simple-row .standee-time{grid-column:2;grid-row:2;justify-self:center;margin:0;flex:none;overflow:visible} .standee-simple .standee-simple-row .standee-time-prefix{flex:none;margin-right:2px;overflow:visible} .standee-simple .standee-simple-row .standee-time::after{content:none!important;display:none!important} .standee-simple .standee-simple-row .standee-arrival-tag{grid-column:3;grid-row:2;justify-self:center;visibility:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border:1px solid #e84b27;border-radius:5px;background:#e84b27;color:#fff;font-size:13px;font-weight:750;line-height:1.4;white-space:nowrap;box-shadow:0 1px 4px #e84b272e} .standee-simple .standee-simple-row.standee-row-new .standee-arrival-tag{visibility:visible} .standee-simple .standee-simple-row .standee-copy{grid-column:4;grid-row:2;justify-self:end} @media(max-width:760px){.standee-simple .standee-simple-row .standee-arrival-tag{font-size:12px;padding:3px 6px}} @media(max-width:380px){ .standee-simple .standee-simple-row .standee-arrival-tag{font-size:11px;padding:3px 4px} .standee-simple .standee-simple-row .standee-score-badge,.standee-simple .standee-simple-row[data-tone="orange"] .standee-score-badge{font-size:14px;padding:3px 5px} .standee-simple .standee-simple-row .standee-copy{width:54px;min-width:54px;flex-basis:54px;padding:0 6px} } /* End four independent items. */ /* Keep the four controls in one real flex row across Android and iOS. */ .standee-simple .standee-simple-row{display:block} .standee-simple .standee-simple-row .standee-simple-body{display:block;width:100%;min-width:0} .standee-simple .standee-simple-row .standee-row-meta{display:flex;width:100%;min-width:0;max-width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:6px;margin-top:6px;overflow:visible} .standee-simple .standee-simple-row .standee-time{flex:0 0 auto} .standee-simple .standee-simple-row .standee-arrival-tag{flex:0 0 auto} /* End real metadata flex row. */ /* Compact toolbar and stable interaction; existing 999 art is unchanged. */ .standee-simple .standee-page-title{font-size:24px!important;line-height:1.45!important;font-weight:750;letter-spacing:0;margin-bottom:12px!important} .standee-simple .standee-simple-updated{padding:11px 0 13px;margin-bottom:12px;border-bottom:1px solid var(--sc-border,#e9edf4)} .standee-simple .standee-clock-label{letter-spacing:.7px} .standee-simple .standee-live{border:1px solid #ccebd8;padding:5px 9px;box-shadow:none} .standee-simple .standee-speed-hint{opacity:.9} .standee-simple .standee-score-legend{gap:5px;margin-bottom:13px} .standee-quick-filters{display:flex;align-items:center;gap:6px;padding:4px;margin:0 0 13px;background:var(--sc-soft,#f5f7fb);border:1px solid var(--sc-border,#e9edf4);border-radius:11px} .standee-quick-filters .standee-filter-button{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:36px;padding:7px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sc-muted,#7b879b);font:inherit;font-size:13px;font-weight:650;line-height:1.5;white-space:nowrap;cursor:pointer} .standee-quick-filters .standee-filter-button small{font-size:10px;opacity:.7;font-weight:400} .standee-quick-filters .standee-filter-button[aria-pressed=true]{background:var(--sc-bg,#fff);border-color:var(--sc-border,#e9edf4);color:var(--sc-ink,#24334c);box-shadow:0 1px 4px #24334c09} .standee-simple .standee-filter-empty{margin:0;padding:28px 12px;text-align:center;font-size:13px;color:var(--sc-muted,#7b879b)} .standee-simple .standee-grid{scroll-margin-top:95px} .standee-simple .standee-pending-button{position:fixed;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10002;appearance:none;-webkit-appearance:none;max-width:calc(100vw - 32px);padding:11px 20px;border:1px solid #d8e5ff;border-radius:30px;background:#2878ed;color:#fff;font:inherit;font-size:14px;font-weight:650;line-height:1.5;white-space:nowrap;box-shadow:0 5px 20px #2878ed33;cursor:pointer;touch-action:manipulation} .standee-simple .standee-simple-row .standee-copy[data-copied=true]{background:#e7f6ed!important;color:#187347!important;border-color:#81c69a;font-size:12px;padding:0 4px;box-shadow:none} @media(max-width:600px){ .standee-simple .standee-page-title{font-size:19px!important;margin-bottom:9px!important} .standee-simple .standee-simple-updated{gap:5px;padding:8px 0 11px} .standee-simple .standee-live{padding:4px 5px} .standee-quick-filters{gap:3px;padding:3px;margin-bottom:11px} .standee-quick-filters .standee-filter-button{font-size:12px;gap:4px;padding:6px 4px;min-height:35px} .standee-quick-filters .standee-filter-button small{font-size:9px} .standee-simple .standee-simple-row .standee-copy[data-copied=true]{font-size:11px} } /* End compact toolbar and stable interaction. */ /* Unified quality bands and score filters; 999 artwork is unchanged. */ .standee-simple .standee-score-legend{display:none!important} .standee-simple [data-tone="white"]{--score-accent:#98a2b3} .standee-quick-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px} .standee-quick-filters .standee-filter-button{--filter-accent:#64748b;--filter-tint:var(--sc-bg,#fff);padding:7px 5px;gap:5px} .standee-quick-filters .standee-filter-button[data-minimum="-1"]{--filter-accent:#98a2b3;--filter-tint:#f1f3f6} .standee-quick-filters .standee-filter-button[data-minimum="900"]{--filter-accent:#4c8ff0;--filter-tint:#eaf2ff} .standee-quick-filters .standee-filter-button[data-minimum="950"]{--filter-accent:#e9bd34;--filter-tint:#fff8dc} .standee-quick-filters .standee-filter-button[data-minimum="980"]{--filter-accent:#37ac78;--filter-tint:#e9f8ef} .standee-quick-filters .standee-filter-button[data-minimum="999"]{--filter-accent:#e5484d;--filter-tint:#fff0f1} .standee-quick-filters .standee-filter-button:not([data-minimum="0"])::before{content:"";display:block;width:7px;height:7px;flex:0 0 7px;border-radius:2px;background:var(--filter-accent)} .standee-quick-filters .standee-filter-button[data-minimum][aria-pressed=true]{background:var(--filter-tint);border-color:var(--filter-accent);color:var(--sc-ink,#24334c);box-shadow:inset 0 -2px var(--filter-accent)} body.dark-theme .standee-quick-filters .standee-filter-button[data-minimum][aria-pressed=true]{background:var(--sc-bg,#292f38)} @media(max-width:600px){ .standee-quick-filters{gap:2px;padding:3px} .standee-quick-filters .standee-filter-button{padding:7px 2px;font-size:11px;gap:3px;min-height:36px} .standee-quick-filters .standee-filter-button small{display:none} .standee-quick-filters .standee-filter-button:not([data-minimum="0"])::before{width:5px;height:5px;flex-basis:5px} } /* End unified score filters. */ /* Larger five-way score navigation. */ .standee-quick-filters{grid-template-columns:repeat(5,minmax(0,1fr))} .standee-quick-filters .standee-filter-button{font-size:16px;font-weight:750;min-height:42px;gap:7px} .standee-quick-filters .standee-filter-button:not([data-minimum="0"])::before{width:11px;height:11px;flex-basis:11px;border-radius:3px} @media(max-width:600px){ .standee-quick-filters .standee-filter-button{font-size:14px;gap:5px;padding:8px 3px;min-height:40px} .standee-quick-filters .standee-filter-button:not([data-minimum="0"])::before{width:9px;height:9px;flex-basis:9px} } @media(max-width:360px){.standee-quick-filters .standee-filter-button{font-size:13px;gap:4px}} /* End larger five-way navigation. */ /* Compact title, Beijing clock and score-filter spacing. */ .standee-simple .standee-page-title{margin-bottom:4px!important} .standee-simple .standee-simple-updated{padding:4px 0 6px;margin-bottom:7px;row-gap:3px} .standee-simple .standee-update-meta{gap:0} .standee-simple .standee-quick-filters{margin-top:0;margin-bottom:9px} @media(max-width:600px){ .standee-simple .standee-page-title{margin-bottom:3px!important} .standee-simple .standee-simple-updated{padding:3px 0 5px;margin-bottom:6px;row-gap:2px} .standee-simple .standee-quick-filters{margin-bottom:8px} } /* End compact top spacing. */ /* Tight vertical rhythm between title, Beijing time and score filters. */ body.page-id-207718 .standee-simple .standee-page-title{margin-bottom:0!important;padding-bottom:0!important;line-height:1.25!important} body.page-id-207718 .standee-simple .standee-simple-updated{margin-top:0!important;margin-bottom:3px!important;padding-top:0!important;padding-bottom:2px!important;row-gap:0} body.page-id-207718 .standee-simple .standee-update-meta{gap:0;line-height:1.1} body.page-id-207718 .standee-simple .standee-clock-label{line-height:1.1} body.page-id-207718 .standee-simple .standee-beijing-clock{line-height:1.05} body.page-id-207718 .standee-simple .standee-quick-filters{margin-top:0!important;margin-bottom:7px} @media(max-width:600px){body.page-id-207718 .standee-simple .standee-simple-updated{margin-bottom:2px!important;padding-bottom:1px!important}} /* End tight top rhythm. */ /* Restore title inner spacing, remove only the gap below navigation. */ body.page-id-207718 main.container, body.page-id-207718 main.container>.content-wrap, body.page-id-207718 main.container>.content-wrap>.content-layout{margin-top:0!important;padding-top:0!important} body.page-id-207718 .page-article{margin-top:0!important} /* End navigation gap adjustment. */ /* Remove the theme's extra 20px below the fixed logo/navigation header. */ body.page-id-207718.nav-fixed{padding-top:68px!important} @media(max-width:767px){body.page-id-207718.nav-fixed{padding-top:52px!important}} /* End fixed navigation spacing adjustment. */ /* Opt-in sound control beside the score filters. */ .standee-simple .standee-filter-toolbar{display:flex;align-items:stretch;gap:6px;min-width:0;margin:0 0 7px} .standee-simple .standee-filter-toolbar .standee-quick-filters{flex:1;min-width:0;margin:0!important} .standee-simple .standee-sound-toggle{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;min-height:40px;padding:0;border:1px solid var(--sc-border,#e9edf4);border-radius:10px;background:var(--sc-soft,#f5f7fb);color:var(--sc-muted,#7b879b);cursor:pointer;touch-action:manipulation} .standee-simple .standee-sound-toggle[aria-pressed=true]{background:#e7f6ed;color:#187347;border-color:#94d0ab} .standee-simple .standee-sound-toggle:disabled{opacity:.6;cursor:wait} .standee-simple .standee-sound-toggle svg{display:block;width:19px;height:19px} @media(max-width:600px){.standee-simple .standee-filter-toolbar{gap:5px}.standee-simple .standee-sound-toggle{width:32px;flex-basis:32px;border-radius:9px}} @media(max-width:340px){.standee-simple .standee-filter-toolbar .standee-filter-button{font-size:12px;gap:3px;padding-left:2px;padding-right:2px}.standee-simple .standee-filter-toolbar .standee-filter-button::before{width:8px;height:8px;flex-basis:8px}} /* End opt-in sound control. */ /* Visitor share entrance; leaves the centered arrival notice unobstructed. */ .standee-submit-entry{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:10000;border:0;border-radius:24px;padding:12px 18px;background:#d83540;color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px 18px #a51c3440;cursor:pointer} .standee-submit-overlay[hidden]{display:none!important} .standee-submit-overlay{position:fixed;inset:0;background:#0007;z-index:100005;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box} .standee-submit-panel{position:relative;width:100%;max-width:440px;max-height:85vh;max-height:85dvh;overflow:auto;background:#fff;color:#20252d;padding:24px;border-radius:18px;box-sizing:border-box;box-shadow:0 15px 70px #0003;text-align:left} .standee-submit-panel h3{font-size:21px;margin:0 28px 14px 0}.standee-submit-panel p{font-size:14px;line-height:1.6;margin:10px 0}.standee-submit-panel label{display:block;font-size:14px;font-weight:600;margin-bottom:6px} .standee-submit-panel textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;padding:12px;border:1px solid #d4d9e2;border-radius:10px;font-size:16px;line-height:1.6;background:#f8fafc;color:#20252d}.standee-submit-panel textarea:focus{outline:2px solid #dc5965;outline-offset:1px} .standee-submit-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#667085;font-size:28px;cursor:pointer;width:36px;height:36px}.standee-submit-panel .standee-submit-note{font-size:12px;color:#777}.standee-submit-status{color:#9d2632;min-height:22px}.standee-submit-send{display:block;width:100%;border:0;border-radius:10px;background:#d83540;color:#fff;font-size:16px;font-weight:700;padding:12px;cursor:pointer}.standee-submit-send:disabled{opacity:.6} @media(max-width:600px){.standee-submit-entry{right:12px;padding:10px 14px;font-size:14px}.standee-pending-button{bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px))!important}.standee-submit-panel{padding:20px}} /* Compact centered visitor submission. */ .standee-submit-entry{left:50%;right:auto;transform:translateX(-50%);white-space:nowrap} .standee-submit-panel{max-width:390px;padding:20px} .standee-submit-panel textarea{height:96px;min-height:78px;padding:9px 11px} .standee-submit-panel h3{margin-bottom:10px} .standee-submit-panel p{margin:8px 0} .standee-pending-button{bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px))!important} @media(max-width:600px){.standee-submit-entry{left:50%;right:auto}.standee-submit-panel{padding:18px}} /* Small share dialog. */ .standee-submit-panel{max-width:340px;padding:18px;border-radius:14px} .standee-submit-panel h3{font-size:18px;margin:0 28px 12px 0} .standee-submit-panel textarea{height:66px;min-height:66px;resize:none;padding:8px 10px;line-height:1.4} .standee-submit-panel .standee-submit-note{font-size:11px;margin:7px 0;color:#8a8f98} .standee-submit-panel .standee-submit-status:empty{display:none} .standee-submit-panel .standee-submit-status{min-height:0;font-size:12px;line-height:1.4;margin:7px 0} .standee-submit-send{padding:10px;font-size:15px} /* Opaque cross-browser dialog, independent of theme forms and dark mode. */ .standee-submit-overlay{background:rgba(15,23,42,.62)!important;z-index:2147483000!important;isolation:isolate;opacity:1!important;visibility:visible!important;-webkit-backdrop-filter:none;backdrop-filter:none} .standee-submit-overlay .standee-submit-panel{display:block!important;position:relative!important;flex:none!important;background:#fff!important;background-image:none!important;color:#20252d!important;opacity:1!important;visibility:visible!important;border:1px solid #d8dee8!important;box-shadow:0 18px 64px rgba(0,0,0,.4)!important;filter:none!important;transform:none!important;mix-blend-mode:normal!important;color-scheme:light} .standee-submit-panel h3{color:#20252d!important}.standee-submit-panel textarea{background:#f5f7fa!important;color:#20252d!important;-webkit-text-fill-color:#20252d!important;border:1px solid #cbd2dd!important;opacity:1!important} .standee-submit-panel textarea::placeholder{color:#89919e!important;-webkit-text-fill-color:#89919e!important;opacity:1} .standee-submit-panel .standee-submit-paste{display:block;margin:6px 0 0 auto;padding:4px 12px;border:1px solid #d8dee8;border-radius:6px;background:#f1f4f8;color:#354052;font-size:12px;line-height:1.5;cursor:pointer} .standee-submit-panel .standee-submit-paste:disabled{opacity:.5} /* Stable, lightweight sheet: compositor-only transitions and keyboard viewport. */ .standee-submit-overlay{top:var(--submit-view-top,0px)!important;bottom:auto!important;height:var(--submit-view-height,100%)!important;opacity:0!important;transition:opacity .2s ease;overscroll-behavior:contain} .standee-submit-overlay.is-open{opacity:1!important} .standee-submit-overlay .standee-submit-panel{transform:translateY(16px)!important;transition:transform .22s cubic-bezier(.2,.75,.25,1);max-height:calc(var(--submit-view-height,100vh) - 32px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .standee-submit-overlay.is-open .standee-submit-panel{transform:translateY(0)!important} .standee-submit-panel .standee-submit-status,.standee-submit-panel .standee-submit-status:empty{display:block!important;min-height:17px;margin:6px 0;font-size:12px;line-height:17px} .standee-submit-close,.standee-submit-paste,.standee-submit-send,.standee-submit-entry{touch-action:manipulation;-webkit-tap-highlight-color:transparent} .standee-submit-panel .standee-submit-send:active{filter:brightness(.92)} @media(max-width:600px){.standee-submit-overlay{align-items:flex-end!important;padding:0!important}.standee-submit-overlay .standee-submit-panel{width:100%;max-width:100%;margin:0!important;border-radius:20px 20px 0 0!important;padding:18px 18px calc(16px + env(safe-area-inset-bottom))!important;transform:translateY(100%)!important;box-shadow:0 -8px 32px rgba(0,0,0,.18)!important}.standee-submit-overlay.is-open .standee-submit-panel{transform:translateY(0)!important}.standee-submit-panel textarea{height:66px!important;min-height:66px!important}.standee-submit-panel .standee-submit-paste{margin-top:6px}} @media(prefers-reduced-motion:reduce){.standee-submit-overlay,.standee-submit-overlay .standee-submit-panel{transition:none!important}} /* Paste action beside the input. */ .standee-submit-input-row{display:flex;align-items:stretch;gap:8px;width:100%} .standee-submit-panel .standee-submit-input-row textarea{flex:1;min-width:0;width:0} .standee-submit-panel .standee-submit-input-row .standee-submit-paste{flex:0 0 54px;align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0 8px;border-radius:9px;font-size:14px;background:#f1f4f8;color:#354052} .standee-submit-panel .standee-submit-note{font-size:12px!important;line-height:1.6;color:#8c5d35!important;margin:9px 0 6px!important} .standee-submit-panel .standee-submit-input-row .standee-submit-paste{flex-basis:64px;white-space:nowrap;font-size:13px} /* Neutral conversational client styling, scoped to visitor submission UI. */ .standee-submit-entry,.standee-submit-overlay{--submit-surface:#fff;--submit-ink:#202123;--submit-muted:#737373;--submit-line:#e5e5e5;--submit-input:#f7f7f8;--submit-action:#212121;--submit-action-ink:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0} .standee-submit-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px!important;border:1px solid #e3e3e3!important;border-radius:999px!important;background:#fff!important;color:#292929!important;font-size:14px!important;font-weight:600!important;line-height:22px;box-shadow:0 3px 14px rgba(0,0,0,.09)!important;transition:background .15s,box-shadow .15s} .standee-submit-entry-icon{display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:20px;font-weight:400} .standee-submit-entry:active{background:#f0f0f0!important;box-shadow:0 1px 5px #0001!important} .standee-submit-overlay .standee-submit-panel{max-width:400px;padding:22px!important;border:1px solid var(--submit-line)!important;border-radius:24px!important;background:var(--submit-surface)!important;color:var(--submit-ink)!important;box-shadow:0 16px 60px rgba(0,0,0,.18)!important} .standee-submit-panel h3{margin:0 28px 18px 0!important;color:var(--submit-ink)!important;font-size:19px!important;font-weight:600;line-height:1.4} .standee-submit-panel .standee-submit-close{top:13px;right:13px;width:32px;height:32px;border-radius:50%;background:transparent;color:var(--submit-muted);font-size:25px;font-weight:400;line-height:28px;padding:0} .standee-submit-panel .standee-submit-close:active{background:var(--submit-input)} .standee-submit-input-row{gap:6px;align-items:center;padding:7px 9px 7px 12px;box-sizing:border-box;background:var(--submit-input);border:1px solid var(--submit-line);border-radius:17px;transition:border-color .15s} .standee-submit-input-row:focus-within{border-color:#999} .standee-submit-panel .standee-submit-input-row textarea{height:66px!important;min-height:66px!important;padding:6px 0!important;background:transparent!important;border:0!important;border-radius:0;outline:none!important;box-shadow:none!important;color:var(--submit-ink)!important;-webkit-text-fill-color:var(--submit-ink)!important;font-size:16px;line-height:1.5} .standee-submit-panel textarea::placeholder{color:#969696!important;-webkit-text-fill-color:#969696!important} .standee-submit-panel .standee-submit-input-row .standee-submit-paste{flex-basis:auto!important;min-width:52px;align-self:center!important;height:34px;padding:0 10px!important;border:1px solid var(--submit-line)!important;border-radius:10px!important;background:var(--submit-surface)!important;color:var(--submit-ink)!important;font-size:12px!important;font-weight:500;box-shadow:0 1px 2px #00000005} .standee-submit-panel .standee-submit-note{color:var(--submit-muted)!important;font-size:12px!important;line-height:1.65!important;margin:12px 2px 0!important} .standee-submit-panel .standee-submit-status,.standee-submit-panel .standee-submit-status:empty{margin:7px 2px!important;color:var(--submit-muted)!important;font-size:12px!important} .standee-submit-panel .standee-submit-send{background:var(--submit-action)!important;color:var(--submit-action-ink)!important;border:0!important;border-radius:13px!important;font-size:14px!important;font-weight:600;padding:11px 16px!important;line-height:22px;box-shadow:none;transition:opacity .15s} .standee-submit-panel .standee-submit-send:disabled{opacity:.45} .standee-submit-panel button:focus-visible,.standee-submit-entry:focus-visible{outline:2px solid #888;outline-offset:3px} @media(max-width:600px){.standee-submit-overlay .standee-submit-panel{max-width:100%;border-radius:24px 24px 0 0!important;padding:21px 18px calc(18px + env(safe-area-inset-bottom))!important}.standee-submit-panel h3{margin-bottom:16px!important}} @media(prefers-color-scheme:dark){.standee-submit-entry,.standee-submit-overlay{--submit-surface:#242424;--submit-ink:#ececec;--submit-muted:#aaa;--submit-line:#414141;--submit-input:#303030;--submit-action:#ececec;--submit-action-ink:#202020}.standee-submit-entry{background:#292929!important;color:#ececec!important;border-color:#484848!important}.standee-submit-entry:active{background:#353535!important}} /* GPT-style page header; quality colors and code cards remain unchanged. */ body.page-id-207718 .standee-simple{--top-ink:#262626;--top-muted:#777;--top-surface:#fff;--top-soft:#f5f5f5;--top-line:#e6e6e6} body.page-id-207718 .standee-simple .standee-page-title{color:var(--top-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-weight:600!important;letter-spacing:-.3px;font-size:23px!important;line-height:1.35!important;margin-bottom:4px!important} body.page-id-207718 .standee-simple .standee-simple-updated{border-bottom:0!important;background:transparent!important;box-shadow:none!important;margin-bottom:7px!important;padding-bottom:3px!important;color:var(--top-muted);gap:8px} body.page-id-207718 .standee-simple .standee-clock-label{color:var(--top-muted);font-size:11px;letter-spacing:0;font-weight:400} body.page-id-207718 .standee-simple .standee-beijing-clock{color:var(--top-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;font-weight:600!important;letter-spacing:.3px;font-size:27px!important;line-height:1.2} body.page-id-207718 .standee-simple .standee-live{border:1px solid var(--top-line)!important;border-radius:12px!important;background:var(--top-soft)!important;color:var(--top-ink)!important;padding:6px 9px!important;box-shadow:none!important} body.page-id-207718 .standee-simple .standee-live-label{font-weight:500;color:var(--top-ink)} body.page-id-207718 .standee-simple .standee-live-hint{color:var(--top-muted);font-size:10px} body.page-id-207718 .standee-simple .standee-speed-hint{color:var(--top-muted)!important;opacity:1;font-weight:400} body.page-id-207718 .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-heading{background:var(--top-soft)!important;border:1px solid var(--top-line)!important;color:var(--top-muted)!important;border-radius:5px;box-shadow:none} body.page-id-207718 .standee-simple .standee-filter-toolbar{gap:7px;margin-bottom:9px} body.page-id-207718 .standee-simple .standee-quick-filters{background:var(--top-soft)!important;border:1px solid var(--top-line)!important;border-radius:14px!important;padding:4px!important;gap:4px;margin-bottom:0!important} body.page-id-207718 .standee-simple .standee-filter-button{color:var(--top-muted)!important;font-weight:600!important;border-radius:10px!important;transition:background .15s,color .15s,border-color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent} body.page-id-207718 .standee-simple .standee-filter-button[data-minimum][aria-pressed=true]{background:var(--top-surface)!important;color:var(--top-ink)!important;border:1px solid var(--top-line)!important;box-shadow:0 1px 3px #0000000a!important} body.page-id-207718 .standee-simple .standee-filter-button:not([data-minimum="0"])::before{border-radius:3px} body.page-id-207718 .standee-simple .standee-sound-toggle{background:var(--top-surface)!important;color:var(--top-muted)!important;border:1px solid var(--top-line)!important;border-radius:12px!important;box-shadow:none!important;touch-action:manipulation} body.page-id-207718 .standee-simple .standee-sound-toggle[aria-pressed=true]{background:var(--top-ink)!important;color:var(--top-surface)!important;border-color:var(--top-ink)!important} body.page-id-207718 .mfzy-standee-share{color:var(--main-color,#333)} @media(max-width:600px){body.page-id-207718 .standee-simple .standee-page-title{font-size:19px!important;letter-spacing:-.35px;margin-bottom:3px!important}body.page-id-207718 .standee-simple .standee-simple-updated{gap:5px;margin-bottom:6px!important}body.page-id-207718 .standee-simple .standee-beijing-clock{font-size:24px!important}body.page-id-207718 .standee-simple .standee-live{padding:5px 6px!important;border-radius:10px!important}body.page-id-207718 .standee-simple .standee-quick-filters{gap:2px;padding:3px!important}body.page-id-207718 .standee-simple .standee-filter-button{font-size:14px!important;gap:4px;min-height:38px}body.page-id-207718 .standee-simple .standee-filter-toolbar{gap:5px;margin-bottom:8px}} @media(max-width:360px){body.page-id-207718 .standee-simple .standee-filter-button{font-size:13px!important;gap:3px}} body.dark-theme.page-id-207718 .standee-simple{--top-ink:#ececec;--top-muted:#aaa;--top-surface:#303030;--top-soft:#262626;--top-line:#414141} @media(prefers-reduced-motion:reduce){body.page-id-207718 .standee-simple .standee-filter-button{transition:none}} /* Slightly larger reading hint. */ body.page-id-207718 .standee-simple .standee-simple-updated>.standee-speed-hint{font-size:14px!important} body.page-id-207718 .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-lines{font-size:inherit!important} body.page-id-207718 .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-heading{font-size:11px!important} @media(max-width:600px){body.page-id-207718 .standee-simple .standee-simple-updated>.standee-speed-hint{font-size:11px!important;gap:4px}body.page-id-207718 .standee-simple .standee-simple-updated>.standee-speed-hint>.standee-hint-heading{font-size:10px!important}} /* Center the game-share instruction title; reserve room for close control. */ .standee-submit-overlay .standee-submit-panel h3{margin:0 22px 16px!important;text-align:center!important;font-size:17px!important;line-height:1.55!important;font-weight:600;text-wrap:balance} @media(max-width:600px){.standee-submit-overlay .standee-submit-panel h3{margin:0 22px 16px!important;font-size:16px!important}} /* Full example visibility and compact warning/action spacing. */ .standee-submit-overlay .standee-submit-panel .standee-submit-input-row textarea{height:144px!important;min-height:144px!important;padding:6px 0!important;line-height:1.5!important;overflow-y:auto!important} .standee-submit-overlay .standee-submit-panel textarea::placeholder{color:#b7b7b7!important;-webkit-text-fill-color:#b7b7b7!important;opacity:1!important} .standee-submit-overlay .standee-submit-panel .standee-submit-input-row .standee-submit-paste{align-self:flex-start!important;margin-top:4px!important} .standee-submit-overlay .standee-submit-panel .standee-submit-note{margin:8px 2px 5px!important} .standee-submit-overlay .standee-submit-panel .standee-submit-status:empty{display:none!important;min-height:0!important;margin:0!important} .standee-submit-overlay .standee-submit-panel .standee-submit-status:not(:empty){margin:4px 2px 6px!important;min-height:17px} @media(prefers-color-scheme:dark){.standee-submit-overlay .standee-submit-panel textarea::placeholder{color:#858585!important;-webkit-text-fill-color:#858585!important}} /* Fit to the template's actual wrapped text, with small vertical padding. */ .standee-submit-overlay .standee-submit-panel .standee-submit-input-row textarea{padding:2px 0!important} .standee-submit-overlay .standee-submit-panel .standee-submit-input-row{padding-top:6px;padding-bottom:6px} .standee-submit-overlay .standee-submit-panel .standee-submit-input-row .standee-submit-paste{align-self:center!important;margin-top:0!important} /* site.css */ :root{--main-color:#30343b;--muted-color:#818997;--muted-2-color:#9099a7;--main-bg-color:#fff;--body-bg-color:#f6f7f9;--main-border-color:rgba(128,128,128,.14);--theme-color:#377cf6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--main-color);background:var(--body-bg-color)}*{box-sizing:border-box}body{margin:0;font-size:14px}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wz-header{max-width:1150px;margin:auto;min-height:76px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.wz-brand{display:flex;align-items:center}.wz-brand img{display:block;width:auto;height:40px;max-width:155px;object-fit:contain}.wz-header-actions{display:flex;align-items:center;gap:22px}.wz-header-actions>a{font-size:12px;color:#8b94a0}.wz-share,.mfzy-standee-share{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px}.wz-share svg,.mfzy-standee-share svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wz-main{max-width:1150px;margin:0 auto;padding:0 24px}.wz-content{padding:24px 30px;border-radius:14px;background:#fff;min-height:350px;box-shadow:0 3px 18px #14294004}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.wz-footer{text-align:center;font-size:11px;line-height:1.9;color:#98a1ad;padding:27px 20px calc(94px + env(safe-area-inset-bottom))}.wz-footer p{margin:5px 0}.wz-footer nav{display:flex;justify-content:center;gap:18px;margin-top:12px}.mfzy-standee button:focus-visible,.wz-header a:focus-visible,.wz-header button:focus-visible{outline:3px solid #b8cfef;outline-offset:3px}@media(max-width:600px){.wz-header{padding:12px 15px;min-height:64px}.wz-brand img{height:35px;max-width:130px}.wz-header-actions{gap:13px}.wz-header-actions>a{font-size:10px}.wz-main{padding:0 10px}.wz-content{padding:18px 10px;border-radius:12px}.wz-footer{font-size:10px;padding-top:22px}.wz-header+.wz-main .standee-page-title{margin-top:0!important}}@media(prefers-reduced-motion:reduce){.wz-header *{transition:none!important}} /* Share action above the live indicator; standalone top navigation removed. */ .wz-main{padding-top:14px} .standee-simple .standee-simple-updated>.wz-live-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;min-width:0} .wz-live-actions>.mfzy-standee-share{display:grid;place-items:center;width:34px;min-width:34px;height:30px;min-height:30px;padding:4px!important;border:1px solid #e8ebef!important;border-radius:9px;background:#fff!important;color:#6d7683!important;flex-shrink:0} .wz-live-actions>.mfzy-standee-share svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .standee-simple .wz-live-actions>.standee-live{margin-left:0} @media(max-width:600px){.wz-main{padding-top:8px}.standee-simple .standee-simple-updated>.wz-live-actions{gap:3px}.wz-live-actions>.mfzy-standee-share{width:32px;min-width:32px;height:29px;min-height:29px}} /* Center the standalone page title on desktop and mobile. */ body.page-id-207718 .standee-simple .standee-page-title{text-align:center!important;width:100%;margin-left:auto!important;margin-right:auto!important} .hk-test-banner{font:11px/1.8 -apple-system,BlinkMacSystemFont,sans-serif;text-align:center;padding:8px 12px;background:#eef4ea;color:#788c6a;border-bottom:1px solid #e1e9da}.hk-test-banner a{margin-left:8px;color:#637d52} /* gate-finished.css */ /* Match the code library's white cards, blue controls and slate typography. */ .hk-share-dialog{--gate-ink:#30343b;--gate-muted:#818997;--gate-line:#e8ebef;--gate-soft:#f6f7f9;--gate-accent:#377cf6;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;margin:auto;padding:26px 22px 16px;border:1px solid #e8ebef;border-radius:20px;background:#fff;color:var(--gate-ink);font-family:inherit;text-align:left;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #18263d26;scrollbar-width:thin} .hk-share-dialog::backdrop{background:#18263d59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} .hk-share-dialog button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,border-color .15s,box-shadow .15s} .hk-share-dialog h2{margin:0 28px 6px 0;font-size:21px;font-weight:650;line-height:1.45;letter-spacing:-.4px;color:var(--gate-ink)} .hk-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:10px;background:var(--gate-soft);color:#818997;font-size:23px;line-height:1} .hk-share-dialog .hk-sub{margin:0;color:var(--gate-muted);font-size:12px;line-height:1.8} .hk-share-dialog section{margin-top:17px} .hk-share-dialog h3{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 9px;font-size:12px;font-weight:600;line-height:1.5;color:#596271;text-align:center} .hk-share-dialog h3 b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #dfe9fc;border-radius:7px;background:#f0f5ff;color:var(--gate-accent);font-size:10px;font-weight:600} .hk-count{margin-left:2px;padding:2px 7px;border-radius:6px;background:var(--gate-soft);color:#9099a7;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums} .hk-copy-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--gate-line);border-radius:12px;background:var(--gate-soft)} .hk-copy-row p{flex:1;min-width:0;margin:0;font-size:11px;line-height:1.75;color:#596271;overflow-wrap:anywhere} .hk-copy-promo{flex-shrink:0;min-height:36px;padding:8px 10px;border:1px solid #dfe7f3;border-radius:9px;background:#fff;color:var(--gate-accent);font-size:11px;font-weight:500;white-space:nowrap} .hk-upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;overflow:hidden;padding:14px;border:1px dashed #cbd7e8;border-radius:12px;background:#f8faff;color:#597397;font-size:12px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s} .hk-upload:focus-within{outline:2px solid #b8cfef;outline-offset:3px} .hk-upload input[type=file]{display:block!important;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px} .hk-previews{display:flex;justify-content:center;gap:7px;margin-top:9px}.hk-previews:empty{margin-top:0} .hk-thumb{position:relative;width:calc((100% - 28px)/5);height:56px;padding:0;overflow:hidden;border:1px solid var(--gate-line);border-radius:9px;background:var(--gate-soft)} .hk-thumb::after{content:'×';position:absolute;right:2px;top:2px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#30343bb3;color:#fff;font-size:12px;line-height:1} .hk-thumb:disabled::after{display:none} .hk-thumb img{display:block;width:100%;height:100%;object-fit:cover} .hk-note{margin:14px 0 9px;padding-top:12px;border-top:1px solid var(--gate-line);color:#9099a7;font-size:10px;line-height:1.7} .hk-consent{display:flex;align-items:center;gap:7px;min-height:28px;margin:0 0 9px;color:#818997;font-size:11px;line-height:1.6;cursor:pointer} .hk-consent input{flex-shrink:0;width:14px;height:14px;margin:0;accent-color:var(--gate-accent)} .hk-status{margin:0 0 10px;padding:9px 11px;border:1px solid #f4dcd9;border-radius:9px;background:#fff6f5;color:#b34e46;font-size:11px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.hk-status:empty{display:none} .hk-complete{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px;border:1px solid transparent;border-radius:11px;background:var(--gate-accent);color:#fff;font-size:14px;font-weight:600;box-shadow:0 3px 8px #377cf61a} .hk-complete:disabled{background:#eef1f5;color:#a3acb9;box-shadow:none;cursor:default}.hk-complete.hk-verifying{background:#377cf6;color:#fff} .hk-reset{display:block;min-height:30px;margin:5px auto 0;padding:5px 12px;border:0;background:none;color:#98a1ad;font-size:10px} .hk-verifying::before{content:'';width:13px;height:13px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:hk-spin .8s linear infinite} .hk-share-dialog button:focus-visible{outline:3px solid #b8cfef;outline-offset:3px} .hk-share-dialog[open]{animation:hk-enter .18s ease-out} @keyframes hk-spin{to{transform:rotate(360deg)}}@keyframes hk-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}} @media(hover:hover){.hk-close:hover{background:#edf0f5}.hk-copy-promo:hover{background:#eef4ff;border-color:#cfdef8}.hk-upload:hover{background:#f0f5ff;border-color:#8eb1ee}.hk-complete:not(:disabled):hover{background:#286be1}.hk-reset:hover{color:#596271}} @media(max-width:360px){.hk-share-dialog{padding:24px 16px 12px;border-radius:17px}.hk-share-dialog h2{font-size:19px}.hk-copy-row{padding:10px;gap:8px}.hk-thumb{height:48px}} @media(max-height:700px){.hk-share-dialog{padding-top:20px;padding-bottom:10px}.hk-share-dialog section{margin-top:12px}.hk-note{margin-top:11px;padding-top:9px}} @media(prefers-reduced-motion:reduce){.hk-share-dialog[open],.hk-verifying::before{animation:none}.hk-share-dialog button,.hk-upload{transition:none}} /* Stronger hierarchy, using the site's blue accent. */ .hk-share-dialog{width:min(430px,calc(100vw - 24px));padding:0 22px 12px;border:0;border-radius:24px;box-shadow:0 28px 110px #10204455} .hk-share-dialog::backdrop{background:#14213b80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .hk-dialog-heading{margin:0 -22px;padding:23px 24px 25px;border:0;background:linear-gradient(120deg,#2265ed,#4389ff);color:#fff;border-radius:24px 24px 0 0} .hk-brandline{display:inline-block;margin-bottom:12px;padding:4px 9px;border:1px solid #ffffff45;border-radius:6px;color:#fff;font-size:10px;font-weight:600;letter-spacing:1px} .hk-share-dialog h2{margin:0 20px 7px 0;font-size:26px;font-weight:750;line-height:1.35;letter-spacing:-.8px;color:#fff} .hk-dialog-heading .hk-sub{color:#e4eeff;font-size:13px;line-height:1.6} .hk-close{z-index:1;top:16px;right:15px;width:32px;height:32px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff1f;color:#fff;font-size:23px} .hk-share-dialog section{margin-top:19px} .hk-share-dialog h3{position:relative;justify-content:center;gap:8px;margin-bottom:11px;font-size:14px;font-weight:700;color:#24344e} .hk-share-dialog h3 b{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:7px;background:#377cf6;color:#fff;font-size:12px;font-weight:700} .hk-count{position:absolute;right:0;top:1px;margin:0;padding:3px 8px;border-radius:7px;background:#eaf2ff;color:#377cf6;font-size:11px;font-weight:700;line-height:18px} .hk-copy-row{display:flex;gap:12px;padding:13px 14px;border:1px solid #e3e9f2;border-radius:13px;background:#f5f7fb} .hk-copy-row p{color:#4d5c73;font-size:12px;line-height:1.75} .hk-copy-row strong{display:inline-block;margin-top:4px;color:#263c5e;font-size:14px;font-weight:700;letter-spacing:.3px} .hk-copy-promo{min-height:39px;padding:9px 11px;border:0;border-radius:9px;background:#377cf6;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 3px 9px #377cf624} .hk-platforms{margin:9px 2px 0;color:#79869a;font-size:11px;line-height:1.7} .hk-upload{min-height:98px;display:flex;align-items:center;justify-content:center;gap:13px;padding:17px 12px;border:1.5px dashed #88b1f6;border-radius:14px;background:#f0f6ff;color:#2868d4} .hk-upload svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:#377cf6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .hk-upload span{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:15px;font-weight:700} .hk-upload small{font-size:11px;font-weight:400;color:#718ab1} .hk-previews{gap:7px}.hk-thumb{height:54px;width:calc((100% - 28px)/5);border-radius:9px} .hk-consent{min-height:26px;margin:15px 0 0;color:#66758b;font-size:11px} .hk-consent input{width:15px;height:15px;accent-color:#377cf6} .hk-note{margin:4px 0 13px;padding:0;border:0;font-size:10px;line-height:1.65;color:#8995a7} .hk-complete{min-height:48px;border-radius:12px;background:#377cf6;color:#fff;font-size:16px;font-weight:700;box-shadow:0 5px 14px #377cf626} .hk-complete:disabled{background:#dce8fc;color:#647fa9;box-shadow:none}.hk-complete.hk-verifying{background:#377cf6;color:#fff} .hk-status{padding:11px 12px;border:1px solid #ffd5cd;background:#fff1ee;color:#b94b36;font-size:12px;font-weight:500} .hk-reset{min-height:27px;margin-top:5px;font-size:10px;color:#97a3b4} @media(hover:hover){.hk-close:hover{background:#ffffff35}.hk-copy-promo:hover{background:#2168e5;color:#fff}.hk-upload:hover{background:#e8f1ff;border-color:#377cf6}} @media(max-width:360px){.hk-share-dialog{padding:0 17px 10px}.hk-dialog-heading{margin:0 -17px;padding:21px 19px}.hk-share-dialog h2{font-size:23px}.hk-copy-row{padding:11px;gap:9px}.hk-copy-row p{font-size:11px}.hk-copy-promo{padding:8px 9px;font-size:11px}.hk-upload span{font-size:14px}} @media(max-height:700px){.hk-dialog-heading{padding-top:18px;padding-bottom:19px}.hk-brandline{margin-bottom:9px}.hk-share-dialog section{margin-top:14px}.hk-upload{min-height:80px}.hk-note{margin-bottom:10px}} /* Keep the share text continuous and the frame close to its contents. */ .hk-copy-row{padding:9px 11px;gap:10px;min-height:0;align-items:center} .hk-copy-row p{margin:0;padding:0;font-size:12px;line-height:1.65;overflow-wrap:anywhere} .hk-copy-promo{min-height:34px;padding:7px 9px;font-size:11px} .hk-status.hk-info{background:#eef5ff;border-color:#d7e7ff;color:#436da8;font-weight:400} /* Final visual layer; verification and queue behaviour remain independent. */ .hk-share-dialog{width:min(424px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0 22px 9px;border:1px solid #ffffffbf;border-radius:23px;background:#fff;box-shadow:0 28px 90px #101f4445} .hk-dialog-heading{position:relative;isolation:isolate;overflow:hidden;margin:0 -22px;padding:20px 24px 22px;border-radius:22px 22px 0 0;background:linear-gradient(125deg,#205de4 0%,#367cf6 70%,#4c8dff 100%)} .hk-dialog-heading::after{content:'';position:absolute;z-index:-1;width:176px;height:176px;right:-68px;bottom:-118px;border:25px solid #ffffff0d;border-radius:50%;pointer-events:none} .hk-brandline{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:3px 8px 3px 4px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff12;font-size:10px;letter-spacing:.5px;line-height:20px} .hk-brandline::before{content:'';display:block;width:20px;height:20px;background:url('/logo.svg') center/contain no-repeat;border-radius:6px} .hk-share-dialog h2{margin:0 20px 5px 0;font-size:26px;font-weight:750;line-height:1.35;letter-spacing:-.5px} .hk-dialog-heading .hk-sub{color:#e3edff;font-size:12px;line-height:1.7} .hk-close{top:15px;right:14px;width:30px;height:30px;border:1px solid #ffffff26;background:#ffffff17;font-size:21px;box-shadow:none} .hk-share-dialog section{margin-top:16px} .hk-share-dialog h3{display:block;position:relative;margin:0 0 10px;padding:0 1px;color:#33425a;font-size:13px;font-weight:650;line-height:1.85;text-align:center;overflow-wrap:break-word} .hk-share-dialog h3 b{display:inline-grid;vertical-align:middle;place-items:center;width:21px;height:21px;margin:0 7px 1px 0;border-radius:7px;background:#eaf2ff;color:#377cf6;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px #dce9ff} .hk-count{top:1px;right:0;padding:2px 8px;border:1px solid #e2eaf6;border-radius:7px;background:#f4f7fc;color:#7890b1;font-size:10px;font-weight:600;line-height:17px} .hk-copy-row{align-items:center;gap:11px;padding:10px 11px;border:1px solid #e0e8f3;border-radius:12px;background:#f7f9fc;box-shadow:0 2px 5px #263e6203} .hk-copy-row p{margin:0;font-size:12px;font-weight:400;line-height:1.7;color:#58677d;overflow-wrap:anywhere} .hk-copy-promo{min-height:36px;padding:8px 10px;border:0;border-radius:9px;background:#377cf6;font-size:11px;font-weight:600;box-shadow:0 3px 7px #377cf61c} .hk-upload{min-height:92px;gap:13px;padding:17px 12px;border:1px dashed #9bbbf0;border-radius:13px;background:linear-gradient(120deg,#f3f7ff,#f8fbff);color:#3774d6} .hk-upload svg{width:34px;height:34px;padding:5px;border-radius:10px;background:#e6efff;stroke-width:1.7} .hk-upload span{gap:5px;font-size:14px;font-weight:650;line-height:1.45} .hk-upload small{font-size:10px;color:#8a9bb5;font-weight:400} .hk-previews{margin-top:9px;gap:7px}.hk-thumb{width:calc((100% - 28px)/5);height:53px;border:1px solid #e1e8f2;border-radius:9px;box-shadow:0 2px 5px #263e6205} .hk-thumb::after{right:3px;top:3px;background:#263650aa;backdrop-filter:blur(3px)} .hk-consent{gap:7px;min-height:26px;margin-top:12px;font-size:11px;color:#718199} .hk-consent input{width:14px;height:14px;border-radius:4px} .hk-note{margin:3px 0 12px;font-size:10px;line-height:1.65;color:#93a0b1} .hk-complete{min-height:46px;padding:11px;border-radius:12px;background:linear-gradient(110deg,#286aeb,#3d82fa);font-size:15px;font-weight:650;letter-spacing:1px;box-shadow:0 4px 12px #377cf626} .hk-complete:disabled{background:#e7eefb;color:#8ca0c1;box-shadow:none}.hk-complete.hk-verifying{background:#377cf6;color:#fff} .hk-status{margin-bottom:10px;border-radius:10px;font-size:11px;line-height:1.65}.hk-status.hk-info{border-color:#dfeafe;background:#f2f7ff;color:#6580a8} .hk-reset{min-height:27px;margin-top:5px;font-size:10px;color:#a1adbd} @media(max-width:360px){.hk-share-dialog{padding:0 17px 8px;border-radius:20px}.hk-dialog-heading{margin:0 -17px;padding:18px 20px 20px;border-radius:19px 19px 0 0}.hk-share-dialog h2{font-size:23px}.hk-share-dialog h3{font-size:12px}.hk-copy-row p{font-size:11px}.hk-copy-row{padding:9px 10px;gap:8px}.hk-upload{min-height:85px}.hk-upload span{font-size:13px}} @media(max-height:700px){.hk-dialog-heading{padding-top:17px;padding-bottom:18px}.hk-brandline{margin-bottom:9px}.hk-share-dialog section{margin-top:12px}.hk-upload{min-height:79px;padding:13px 12px}.hk-consent{margin-top:10px}.hk-note{margin-bottom:10px}} /* Compact screenshot picker height at every viewport size. */ .hk-share-dialog .hk-upload{min-height:54px;padding-top:6px;padding-bottom:6px} /* Compact blue header with aligned white encouragement text. */ .hk-share-dialog .hk-dialog-heading{padding-top:12px;padding-bottom:13px} @media(max-width:360px),(max-height:700px){.hk-share-dialog .hk-dialog-heading{padding-top:11px;padding-bottom:12px}} /* brand.css */ .wz-footer .wzkl-brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 10px;text-align:left;color:#30343b} .wzkl-brand img{display:block;width:44px;height:44px;flex-shrink:0} .wzkl-brand-copy{display:flex;flex-direction:column;gap:3px} .wzkl-brand strong{font-size:19px;font-weight:650;line-height:1.25;letter-spacing:2px} .wzkl-brand small{font-size:10px;font-weight:600;line-height:1.3;letter-spacing:2.2px;color:#8492a8} .wzkl-brand:focus-visible{outline:3px solid #b8cfef;outline-offset:5px;border-radius:9px} @media(max-width:600px){.wzkl-brand img{width:40px;height:40px}.wzkl-brand strong{font-size:18px}.wzkl-brand small{font-size:9px}} /* Disable double-tap zoom while preserving pinch zoom and scrolling. */ html,body,body *{touch-action:manipulation} /* Compact centered site identity above the code library. */ .wz-top-brand{display:flex;justify-content:center;align-items:center;padding:10px 16px 6px;margin:0 auto;box-sizing:border-box} .wz-top-brand .wzkl-brand{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:0;color:#202123;text-align:left;text-decoration:none} .wz-top-brand .wzkl-brand img{width:40px;height:40px} .wz-top-brand .wzkl-brand strong{font-size:18px;line-height:1.2;letter-spacing:1px} .wz-top-brand .wzkl-brand small{font-size:9px;line-height:1.3;letter-spacing:1.7px} /* Subtle identity integrated with the page heading. */ .wz-top-brand{padding:5px 16px 2px;background:transparent} .wz-top-brand .wzkl-brand{gap:6px;opacity:.85} .wz-top-brand .wzkl-brand img{width:25px;height:25px} .wz-top-brand .wzkl-brand-copy{flex-direction:row;align-items:baseline;gap:7px} .wz-top-brand .wzkl-brand strong{font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.3px;color:#596271} .wz-top-brand .wzkl-brand small{font-size:9px;font-weight:500;line-height:1.4;letter-spacing:.5px;color:#9299a3} /* Site mark attached directly to the centered page title. */ .standee-page-title .wz-title-logo{display:inline-block;width:1.15em;height:1.15em;margin:0 6px 0 0;vertical-align:-.2em;object-fit:contain} /* Device-aware bookmark guide. */ .wz-bookmark-row{display:flex;justify-content:center;margin:-4px 0 9px}#wz-bookmark{display:inline-flex;align-items:center;gap:4px;border:1px solid #e8dfcd;border-radius:20px;padding:4px 11px;background:#fffaf0;color:#8a682e;font:600 12px/1.5 inherit;cursor:pointer}#wz-bookmark span{font-size:17px;line-height:1}#wz-bookmark-dialog{box-sizing:border-box;width:calc(100% - 40px);max-width:330px;padding:26px 22px 20px;border:1px solid #ececec;border-radius:20px;background:#fff;color:#252932;text-align:center;box-shadow:0 20px 70px #0003}#wz-bookmark-dialog::backdrop{background:#18202f66}#wz-bookmark-dialog form{margin:0}.wz-bookmark-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#858a93;font-size:25px;cursor:pointer}.wz-bookmark-star{color:#b88c36;font-size:34px}#wz-bookmark-title{margin:8px 0 12px;font-size:19px}#wz-bookmark-help{font-size:14px;line-height:1.8;color:#626975;margin:0}.wz-bookmark-address{margin:15px 0;padding:9px;background:#f5f6f8;border-radius:10px;font-size:15px;font-weight:700}.wz-bookmark-done{width:100%;border:0;border-radius:11px;padding:11px;background:#272e3b;color:white;font-size:14px;font-weight:600;cursor:pointer} #wz-bookmark{font-family:inherit;font-size:12px;font-weight:600;line-height:1.5} /* Bookmark beside share, above the live status. */ .wz-live-buttons{display:flex;align-items:center;justify-content:flex-end;gap:5px}.wz-live-buttons>#wz-bookmark{padding:3px 7px;white-space:nowrap;font-size:11px;height:29px}.wz-live-buttons>.mfzy-standee-share{display:grid;place-items:center;width:29px;min-width:29px;height:29px;min-height:29px;padding:4px!important;border:1px solid #e8ebef!important;border-radius:9px;background:#fff!important;color:#6d7683!important}.wz-live-buttons>.mfzy-standee-share svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* Unified compact notice; typography is natural and each message fits on mobile. */ .wz-activity-notice{box-sizing:border-box;display:flex;align-items:center;gap:8px;max-width:900px;margin:6px auto;padding:4px 8px;min-height:36px;border:1px solid #eadfc8;border-radius:9px;background:#fffaf0;color:#70501f} .wz-important-label{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:5px;background:#b44735;color:#fff;font-size:11px;font-weight:800;line-height:18px;white-space:nowrap} .wz-notice-viewport{flex:1 1 0;min-width:0;height:28px;overflow:hidden;outline-offset:2px} .wz-notice-track{display:flex;flex-direction:column;width:100%;animation:wz-notice-final 7.6s ease-in-out infinite} .wz-notice-track>span{box-sizing:border-box;flex-shrink:0;display:block;width:100%;height:28px;min-height:28px;padding:0;line-height:28px;font-size:clamp(12px,3.65vw,16px);font-weight:800;text-align:center;letter-spacing:normal;white-space:nowrap} .wz-notice-viewport:hover .wz-notice-track,.wz-notice-viewport:focus .wz-notice-track{animation-play-state:paused} @keyframes wz-notice-final{0%,40%{transform:translateY(0)}50%,90%{transform:translateY(-28px)}100%{transform:translateY(-56px)}} @media(max-width:932px){.wz-activity-notice{margin:5px 12px;padding:4px 6px}} @media(prefers-reduced-motion:reduce){.wz-notice-track{animation:none}.wz-notice-viewport{height:auto}.wz-notice-track>span{height:auto;white-space:normal}.wz-notice-track>span:last-child{display:none}} /* Closed event: keep the page available for future activities. */ [data-activity-ended="1"] .standee-simple-updated,[data-activity-ended="1"] .standee-score-legend,[data-activity-ended="1"] .wz-share{display:none!important}[data-activity-ended="1"] .standee-empty{display:block;padding:32px 12px;text-align:center;color:#7a818c;line-height:2;font-size:14px} /* Self-contained bookmark walkthrough. No images, video or external libraries required. */ .wz-bookmark-guide{--guide-gold:#a67c32;--guide-ink:#303846;box-sizing:border-box;width:100%;max-width:480px;margin:4px auto 18px;padding:19px 20px 14px;border:1px solid #e9e5dc;border-radius:18px;background:linear-gradient(145deg,#fffdf8,#fff);color:var(--guide-ink)} .wz-guide-heading{text-align:center}.wz-guide-eyebrow{display:inline-block;color:var(--guide-gold);font-size:11px;font-weight:650;letter-spacing:1px}.wz-guide-heading h3{margin:6px 0;font-size:21px;font-weight:750;letter-spacing:-.5px}.wz-guide-heading p{margin:0;color:#92959d;font-size:12px;line-height:1.6}.wz-guide-heading strong{color:#7f6641;font-weight:650} .wz-guide-tabs{display:flex;gap:4px;margin:16px 0 13px;padding:4px;border-radius:11px;background:#f1f1f0}.wz-bookmark-guide .wz-guide-tabs button{flex:1;min-width:0;border:0;border-radius:8px;padding:7px 3px;background:transparent;color:#8b8e95;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.wz-bookmark-guide .wz-guide-tabs button[aria-selected=true]{background:#fff;color:#4b4436;box-shadow:0 1px 5px #3428170c} .wz-guide-demo{position:relative;overflow:hidden;display:flex;justify-content:center;padding:20px 10px 12px;border-radius:12px;background:#f5f5f6}.wz-guide-demo-label{position:absolute;top:7px;left:11px;color:#acafb5;font-size:9px;letter-spacing:1px}.wz-demo-browser{position:relative;overflow:hidden;width:100%;max-width:300px;height:207px;border:1px solid #dcdfe4;border-radius:13px;background:#fff;box-shadow:0 5px 15px #26334409}.wz-demo-address{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;height:32px;margin:7px 9px 0;border-radius:8px;background:#f2f3f5;font-size:11px;color:#7d838d}.wz-demo-lock{color:#aaaeb6}.wz-demo-menu-icon{position:absolute;right:10px;font-size:19px;color:#747c88;opacity:0}.wz-demo-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:122px}.wz-demo-page strong{font-size:15px;font-weight:700;color:#555d69}.wz-demo-page small{font-size:9px;color:#a7abb1}.wz-demo-toolbar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:37px;border-top:1px solid #eceef2;background:#fdfdfe;color:#748299;font-size:23px}.wz-demo-share{display:grid;place-items:center;width:30px;height:29px;border-radius:6px}.wz-demo-share svg{width:21px;height:21px}.wz-demo-toolbar-menu{font-size:16px}.wz-demo-actions{position:absolute;inset:auto 7px 7px;padding:10px 12px 2px;border:1px solid #e5e7eb;border-radius:11px;background:#fffffff5;box-shadow:0 -6px 25px #24324712;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s}.wz-demo-action-title{display:block;margin-bottom:4px;color:#a0a5ae;font-size:9px}.wz-demo-actions>div{display:flex;justify-content:space-between;align-items:center;padding:9px 1px;border-top:1px solid #f0f1f3;color:#657080;font-size:12px}.wz-demo-actions b{font-size:17px;font-weight:400;color:#a18754}.wz-demo-confirm{position:absolute;inset:52px 22px auto;padding:13px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 7px 24px #202b3b1a;opacity:0;transform:translateY(8px) scale(.97);transition:opacity .4s,transform .4s}.wz-demo-confirm-title{display:block;text-align:center;font-size:11px;font-weight:600;color:#687080}.wz-demo-bookmark-name{display:flex;align-items:center;gap:7px;margin:11px 0 10px;padding:7px;border-radius:7px;background:#f5f6f8;font-size:10px;color:#646b78}.wz-demo-bookmark-name small{display:block;margin-top:2px;color:#a0a6b0;font-size:9px}.wz-demo-confirm-button{display:block;padding:6px;text-align:center;border-radius:6px;background:#b18b43;color:#fff;font-size:10px;font-weight:650}.wz-demo-pointer{position:absolute;z-index:5;bottom:10px;left:calc(50% - 12px);width:24px;height:24px;border:2px solid #c39e58;border-radius:50%;background:#d8b96e35;animation:wz-guide-tap 1.5s ease-in-out infinite;transition:left .45s,bottom .45s,top .45s,right .45s}.wz-demo-pointer:after{content:"";position:absolute;inset:-5px;border:1px solid #c39e5850;border-radius:50%}.wz-demo-shortcut{position:absolute;left:0;right:0;bottom:19px;display:none;justify-content:center;align-items:center;gap:7px;color:#8e95a0}.wz-demo-shortcut kbd{min-width:38px;padding:7px 10px;border:1px solid #d7dce3;border-bottom-width:3px;border-radius:7px;background:#fff;font-family:inherit;font-size:13px;font-weight:650;line-height:1.3;color:#616a78} .wz-bookmark-guide[data-step="1"] .wz-demo-actions{opacity:1;transform:none}.wz-bookmark-guide[data-step="1"] .wz-demo-pointer{left:calc(100% - 45px);bottom:63px}.wz-bookmark-guide[data-step="2"] .wz-demo-confirm{opacity:1;transform:none}.wz-bookmark-guide[data-step="2"] .wz-demo-pointer{left:calc(50% - 12px);bottom:25px}.wz-bookmark-guide[data-step="1"] .wz-demo-page,.wz-bookmark-guide[data-step="2"] .wz-demo-page{opacity:.25}.wz-bookmark-guide[data-platform="android"] .wz-demo-menu-icon{opacity:1}.wz-bookmark-guide[data-platform="android"][data-step="0"] .wz-demo-pointer{left:calc(100% - 42px);bottom:calc(100% - 37px)}.wz-bookmark-guide[data-platform="android"] .wz-demo-share{opacity:.35}.wz-bookmark-guide[data-platform="desktop"] .wz-demo-browser{max-width:340px;border-radius:10px}.wz-bookmark-guide[data-platform="desktop"] .wz-demo-toolbar{display:none}.wz-bookmark-guide[data-platform="desktop"][data-step="0"] .wz-demo-shortcut{display:flex}.wz-bookmark-guide[data-platform="desktop"][data-step="0"] .wz-demo-pointer{bottom:20px;left:calc(50% + 21px)}.wz-bookmark-guide[data-platform="desktop"] .wz-demo-menu-icon{opacity:1}.wz-bookmark-guide[data-platform="desktop"] .wz-demo-actions{bottom:12px;left:38px;right:38px}.wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-demo-pointer{left:calc(100% - 70px);bottom:68px} .wz-guide-steps{display:grid;gap:6px;list-style:none;margin:14px 0 10px;padding:0}.wz-bookmark-guide .wz-guide-steps button{display:flex;align-items:center;gap:9px;width:100%;padding:5px 3px;border:0;background:transparent;text-align:left;color:#a0a4ad;cursor:pointer}.wz-guide-steps button>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #e2e4e8;border-radius:50%;font-size:11px;font-weight:700;color:#a1a6af;transition:background .25s,color .25s}.wz-guide-steps b{font-size:12px;font-weight:500;line-height:1.5}.wz-bookmark-guide .wz-guide-steps button[aria-current=step]{color:#655332}.wz-guide-steps button[aria-current=step]>span{background:#b18b43;border-color:#b18b43;color:#fff}.wz-guide-steps button[aria-current=step] b{font-weight:650}.wz-guide-controls{display:flex;justify-content:center;align-items:center;gap:16px}.wz-bookmark-guide .wz-guide-controls button{padding:5px 3px;border:0;background:transparent;color:#9b8b6e;font-size:10px;cursor:pointer}.wz-guide-note{margin:6px 0 0;text-align:center;color:#afb2b9;font-size:9px;line-height:1.65}.wz-bookmark-guide button:focus-visible{outline:2px solid #c6a365;outline-offset:3px}.wz-bookmark-guide[data-paused="true"] .wz-demo-pointer{animation-play-state:paused} @keyframes wz-guide-tap{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.13);opacity:1}} @media(max-width:600px){.wz-bookmark-guide{max-width:440px;padding:16px 14px 12px;border-radius:15px}.wz-guide-heading h3{font-size:20px}.wz-guide-demo{padding:20px 8px 10px}.wz-guide-steps b{font-size:11px}.wz-guide-tabs{margin-top:13px}.wz-demo-browser{height:198px}.wz-demo-page{height:113px}} @media(prefers-reduced-motion:reduce){.wz-bookmark-guide *, .wz-bookmark-guide *:after{animation:none!important;transition:none!important}} [data-activity-ended="1"] .standee-empty{padding:18px 12px 12px} /* BEGIN WZKL IOS GLASS */ /* WZKL iOS / ChatGPT inspired light glass interface. */ :root{color-scheme:light} body.page-id-207718{--glass-ink:#24272d;--glass-secondary:#717782;--glass-line:rgba(255,255,255,.88);--glass-surface:rgba(255,255,255,.65);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--glass-ink);min-height:100vh;min-height:100svh;background-color:#f5f6f8;background-image:radial-gradient(ellipse at 15% 0%,rgba(213,226,242,.48),transparent 48%),radial-gradient(ellipse at 92% 35%,rgba(231,226,218,.28),transparent 48%),linear-gradient(180deg,#f4f5f8 0%,#f9fafb 100%);-webkit-font-smoothing:antialiased} body.page-id-207718 button{font-family:inherit;touch-action:manipulation} body.page-id-207718 .wz-activity-notice{width:calc(100% - 40px);max-width:640px;margin:20px auto 12px;padding:5px 7px;gap:8px;border:1px solid var(--glass-line);border-radius:15px;background:rgba(255,255,255,.54);color:#5a626e;box-shadow:0 3px 14px rgba(49,64,86,.025);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)} body.page-id-207718 .wz-important-label{padding:3px 7px;border:1px solid rgba(10,132,255,.16);border-radius:9px;background:rgba(10,132,255,.11);color:#1672cd;font-weight:650;font-size:10px;line-height:18px} body.page-id-207718 .wz-notice-track>span{color:#606975;letter-spacing:normal} body.page-id-207718 .wz-main{max-width:800px;margin:0 auto;padding:10px 24px 0} body.page-id-207718 .wz-content{padding:12px 0 0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none} body.page-id-207718 .mfzy-standee.standee-simple{padding:0;border:0;background:transparent;box-shadow:none} body.page-id-207718 .standee-simple .standee-page-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:8px;row-gap:9px;margin:6px 0 15px!important;font-size:clamp(20px,3vw,25px)!important;font-weight:650!important;line-height:1.45!important;letter-spacing:-.8px;color:#30343b} body.page-id-207718 .wz-title-logo{width:28px;height:28px;margin:0;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(160,121,49,.08))} body.page-id-207718 .wz-event-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(255,255,255,.84);border-radius:20px;background:rgba(255,255,255,.7);box-shadow:0 1px 4px rgba(26,36,55,.025);font-size:10px;line-height:1.4;font-weight:550;letter-spacing:0;color:#7b828b} body.page-id-207718 .wz-event-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#a7adb5} body.page-id-207718 .wz-bookmark-row{margin:0 0 2px} body.page-id-207718 #wz-bookmark{gap:6px;min-height:36px;padding:7px 17px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.78);color:#414750;box-shadow:0 3px 12px rgba(40,49,68,.035),inset 0 1px 0 rgba(255,255,255,.8);font-size:12px;font-weight:550;line-height:1.5;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} body.page-id-207718 #wz-bookmark>span{font-size:18px;font-weight:400;line-height:1;color:#8c7448} body.page-id-207718 #wz-bookmark:hover{background:rgba(255,255,255,.98);box-shadow:0 5px 15px rgba(40,49,68,.06)} body.page-id-207718 #wz-bookmark:active{transform:scale(.97)} body.page-id-207718 [data-activity-ended="1"] .standee-empty{padding:0;margin:13px 0 21px;font-size:12px;line-height:1.9;font-weight:400;color:#838995} body.page-id-207718 .wz-bookmark-guide{--guide-gold:#63758d;--guide-ink:#30343b;max-width:510px;margin:0 auto 12px;padding:24px 25px 18px;border:1px solid rgba(255,255,255,.92);border-radius:27px;background:rgba(255,255,255,.64);color:#30343b;box-shadow:0 16px 48px rgba(45,58,83,.045),0 2px 7px rgba(45,58,83,.025),inset 0 1px 0 rgba(255,255,255,.86);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)} body.page-id-207718 .wz-guide-eyebrow{display:none} body.page-id-207718 .wz-guide-heading h3{margin:0 0 7px;font-size:20px;font-weight:620;line-height:1.4;letter-spacing:-.45px;color:#31363d} body.page-id-207718 .wz-guide-heading p{font-size:11px;line-height:1.7;font-weight:400;color:#848b96} body.page-id-207718 .wz-guide-heading strong{font-weight:550;color:#657080} body.page-id-207718 .wz-guide-tabs{gap:3px;margin:18px 0 15px;padding:4px;border:1px solid rgba(215,222,232,.3);border-radius:13px;background:rgba(226,231,239,.47);box-shadow:inset 0 1px 3px rgba(72,88,114,.025)} body.page-id-207718 .wz-guide-tabs button{min-height:35px;padding:7px 6px;border:1px solid transparent;border-radius:10px;color:#9097a1;font-size:12px;font-weight:500;line-height:1.5;transition:background .22s,color .22s,box-shadow .22s,transform .16s} body.page-id-207718 .wz-guide-tabs button[aria-selected=true]{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.9);color:#303842;box-shadow:0 2px 6px rgba(43,57,84,.055)} body.page-id-207718 .wz-guide-tabs button:active{transform:scale(.97)} body.page-id-207718 .wz-guide-demo{padding:25px 14px 15px;border:1px solid rgba(255,255,255,.65);border-radius:19px;background:linear-gradient(150deg,rgba(232,237,245,.5),rgba(244,246,249,.7));box-shadow:inset 0 1px 2px rgba(54,71,98,.02)} body.page-id-207718 .wz-guide-demo-label{top:9px;left:14px;font-size:9px;font-weight:450;letter-spacing:1.3px;color:#9ca5b1} body.page-id-207718 .wz-demo-browser{border:1px solid rgba(220,225,234,.8);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 8px 23px rgba(44,62,93,.065),inset 0 1px 0 #fff} body.page-id-207718 .wz-demo-address{margin:8px 9px 0;border:1px solid rgba(225,229,237,.45);border-radius:9px;background:rgba(238,241,246,.78);font-size:10px;color:#7b8696} body.page-id-207718 .wz-demo-lock{display:grid;place-items:center;color:#9aa6b5} body.page-id-207718 .wz-demo-lock svg{display:block;width:10px;height:11px;stroke:currentColor;fill:none;stroke-width:1.6} body.page-id-207718 .wz-demo-menu-icon{color:#7f8da1} body.page-id-207718 .wz-demo-page strong{font-size:14px;font-weight:550;letter-spacing:.3px;color:#5e6978} body.page-id-207718 .wz-demo-page small{font-size:9px;color:#9aa4b1} body.page-id-207718 .wz-demo-toolbar{border-top-color:rgba(226,231,239,.7);background:rgba(248,250,253,.88);color:#7d8ca2} body.page-id-207718 .wz-demo-actions{padding:11px 13px 4px;border:1px solid rgba(255,255,255,.95);border-radius:14px;background:rgba(251,252,255,.96);box-shadow:0 -5px 22px rgba(38,54,84,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} body.page-id-207718 .wz-demo-actions>div{border-top-color:rgba(222,228,238,.6);font-size:11px;font-weight:450;color:#58667a} body.page-id-207718 .wz-demo-actions b{color:#8292a9} body.page-id-207718 .wz-demo-confirm{padding:14px;border:1px solid rgba(255,255,255,.92);border-radius:17px;background:rgba(252,253,255,.97);box-shadow:0 10px 28px rgba(41,56,85,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} body.page-id-207718 .wz-demo-confirm-title{font-size:11px;font-weight:550;color:#5f6b7e} body.page-id-207718 .wz-demo-bookmark-name{border:1px solid rgba(226,231,240,.4);border-radius:9px;background:rgba(237,241,247,.75);color:#627085} body.page-id-207718 .wz-demo-confirm-button{padding:7px;border-radius:9px;background:#343b47;color:#fff;font-size:10px;font-weight:550;box-shadow:0 2px 5px rgba(28,39,58,.08)} body.page-id-207718 .wz-demo-pointer{border-color:rgba(95,135,189,.8);background:rgba(137,170,215,.18);animation-duration:1.8s} body.page-id-207718 .wz-demo-pointer:after{border-color:rgba(121,156,204,.3)} body.page-id-207718 .wz-demo-shortcut kbd{border-color:#dde3ec;border-radius:8px;background:rgba(255,255,255,.95);font-size:12px;font-weight:550;color:#66758b;box-shadow:0 2px 4px rgba(53,68,93,.025)} body.page-id-207718 .wz-guide-steps{gap:3px;margin:16px 0 11px} body.page-id-207718 .wz-guide-steps button{min-height:36px;gap:10px;padding:5px 2px;border-radius:9px;color:#939ca9} body.page-id-207718 .wz-guide-steps button>span{width:23px;height:23px;flex-basis:23px;border-color:rgba(214,222,234,.65);background:rgba(255,255,255,.4);font-size:10px;font-weight:550;color:#a0aabb} body.page-id-207718 .wz-guide-steps b{font-size:12px;font-weight:450;line-height:1.55} body.page-id-207718 .wz-guide-steps button[aria-current=step]{color:#394655} body.page-id-207718 .wz-guide-steps button[aria-current=step]>span{border-color:#3c4654;background:#3c4654;color:#fff;box-shadow:0 2px 5px rgba(39,55,78,.08)} body.page-id-207718 .wz-guide-steps button[aria-current=step] b{font-weight:550} body.page-id-207718 .wz-guide-controls{gap:9px} body.page-id-207718 .wz-guide-controls button{min-height:31px;padding:6px 12px;border:1px solid rgba(225,231,239,.6);border-radius:16px;background:rgba(255,255,255,.45);color:#7e8a9b;font-size:10px;line-height:1.5;transition:background .2s} body.page-id-207718 .wz-guide-controls button:hover{background:rgba(255,255,255,.9)} body.page-id-207718 .wz-guide-note{margin-top:11px;font-size:9px;line-height:1.7;color:#8792a1} body.page-id-207718 .wz-bookmark-guide button:focus-visible,body.page-id-207718 #wz-bookmark:focus-visible{outline:2px solid #90abd0;outline-offset:3px} body.page-id-207718 .wz-footer{max-width:760px;margin:0 auto;padding:24px 18px calc(27px + env(safe-area-inset-bottom));font-size:10px;line-height:1.9;color:#8c96a4} body.page-id-207718 .wzkl-brand{gap:7px;margin-bottom:11px;opacity:.85} body.page-id-207718 .wzkl-brand img{width:28px;height:28px} body.page-id-207718 .wzkl-brand strong{font-size:14px;font-weight:550;line-height:1.35;letter-spacing:1px;color:#626e7e} body.page-id-207718 .wzkl-brand small{font-size:8px;font-weight:450;letter-spacing:1.3px;color:#9aa3af} body.page-id-207718 .wz-footer p{margin:3px 0} body.page-id-207718 .wz-footer nav{gap:20px;margin-top:13px;font-size:10px} body.page-id-207718 .wz-footer nav a{color:#8c96a4;transition:color .2s} body.page-id-207718 .wz-footer nav a:hover{color:#404e62} body.page-id-207718 #wz-bookmark-dialog{width:calc(100% - 40px);max-width:340px;padding:29px 24px 22px;border:1px solid rgba(255,255,255,.92);border-radius:27px;background:rgba(250,252,255,.88);color:#323b49;box-shadow:0 25px 90px rgba(34,47,72,.16);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)} body.page-id-207718 #wz-bookmark-dialog::backdrop{background:rgba(49,60,79,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)} body.page-id-207718 .wz-bookmark-star{color:#9a8355;font-weight:350} body.page-id-207718 #wz-bookmark-title{font-size:20px;font-weight:600;letter-spacing:-.4px} body.page-id-207718 #wz-bookmark-help{font-size:13px;line-height:1.85;color:#737e8e} body.page-id-207718 .wz-bookmark-address{border:1px solid rgba(255,255,255,.9);border-radius:13px;background:rgba(231,236,244,.6);font-size:14px;font-weight:550;color:#5a687c} body.page-id-207718 .wz-bookmark-done{border-radius:15px;background:#303a48;font-size:13px;font-weight:550} @media(max-width:600px){body.page-id-207718 .wz-activity-notice{width:calc(100% - 24px);margin:12px auto 8px;padding:4px 6px;border-radius:13px}body.page-id-207718 .wz-main{padding:8px 14px 0}body.page-id-207718 .wz-content{padding-top:10px}body.page-id-207718 .standee-simple .standee-page-title{column-gap:7px;row-gap:8px;margin:2px 0 13px!important;font-size:20px!important;letter-spacing:-.6px}body.page-id-207718 .wz-title-logo{width:25px;height:25px}body.page-id-207718 .wz-event-pill{font-size:9px;padding:4px 7px}body.page-id-207718 [data-activity-ended="1"] .standee-empty{margin:12px 0 18px;font-size:11px;line-height:1.85}body.page-id-207718 .wz-bookmark-guide{max-width:460px;padding:21px 16px 16px;border-radius:24px}body.page-id-207718 .wz-guide-heading h3{font-size:19px}body.page-id-207718 .wz-guide-heading p{font-size:10px}body.page-id-207718 .wz-guide-tabs{margin:15px 0 13px;border-radius:12px}body.page-id-207718 .wz-guide-tabs button{font-size:11px;min-height:34px;border-radius:9px}body.page-id-207718 .wz-guide-demo{padding:24px 11px 13px;border-radius:16px}body.page-id-207718 .wz-guide-steps b{font-size:11px}body.page-id-207718 .wz-guide-steps{margin-top:13px;gap:2px}body.page-id-207718 .wz-guide-steps button{min-height:34px}body.page-id-207718 .wz-footer{padding-top:20px}body.page-id-207718 .wz-demo-actions,body.page-id-207718 .wz-demo-confirm{-webkit-backdrop-filter:none;backdrop-filter:none}} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.page-id-207718 .wz-bookmark-guide,body.page-id-207718 .wz-activity-notice,body.page-id-207718 #wz-bookmark-dialog{background:rgba(252,253,255,.97)}} @media(prefers-reduced-motion:reduce){body.page-id-207718 button{transition:none!important}} /* END WZKL IOS GLASS */ /* Minimal homepage heading and bookmark action. */ body.page-id-207718 .wz-bookmark-row{margin:0 0 22px}body.page-id-207718 #wz-bookmark{min-width:104px;justify-content:center}body.page-id-207718 .standee-simple .standee-page-title{margin-bottom:14px!important} /* Title and bookmark action share one centered row. */ body.page-id-207718 .wz-hero-inline{display:flex;align-items:center;justify-content:center;gap:16px;margin:6px auto 23px;width:100%}body.page-id-207718 .wz-hero-inline .standee-page-title{width:auto!important;flex:0 1 auto;margin:0!important;white-space:nowrap}body.page-id-207718 .wz-hero-inline .wz-bookmark-row{flex:0 0 auto;margin:0}body.page-id-207718 .wz-hero-inline #wz-bookmark{min-width:94px;min-height:34px;padding:6px 13px}@media(max-width:600px){body.page-id-207718 .wz-hero-inline{gap:10px;margin:3px auto 20px}body.page-id-207718 .wz-hero-inline .standee-page-title{font-size:19px!important;column-gap:5px}body.page-id-207718 .wz-hero-inline .wz-title-logo{width:23px;height:23px}body.page-id-207718 .wz-hero-inline #wz-bookmark{min-width:82px;font-size:11px;padding:6px 10px}}@media(max-width:350px){body.page-id-207718 .wz-hero-inline{gap:8px}body.page-id-207718 .wz-hero-inline .standee-page-title{font-size:17px!important}body.page-id-207718 .wz-hero-inline .wz-title-logo{width:21px;height:21px}body.page-id-207718 .wz-hero-inline #wz-bookmark{min-width:76px}} /* BEGIN WZKL REALISTIC BROWSER DEMO */ body.page-id-207718 .wz-real-demo{padding:30px 12px 18px;min-height:0;perspective:1000px} .wz-real-phone{position:relative;box-sizing:border-box;display:block;width:238px;height:474px;max-width:100%;padding:6px;border:1px solid #53575e;border-radius:38px;background:linear-gradient(130deg,#4e5259,#17191d 22%,#393c42 80%,#131518);box-shadow:0 18px 30px #26364f17,0 4px 8px #26364f12,inset 0 0 0 1px #787d84} .wz-real-screen{position:relative;overflow:hidden;isolation:isolate;width:100%;height:100%;border:1px solid #11151a;border-radius:31px;background:#f6f7fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#20232a;font-size:11px;line-height:1.4} .wz-real-island{position:absolute;z-index:12;top:7px;left:50%;width:66px;height:18px;transform:translateX(-50%);border-radius:20px;background:#101114} .wz-real-status{position:absolute;z-index:11;top:10px;left:15px;right:12px;display:flex;justify-content:space-between;align-items:center;height:12px;color:#1b2028}.wz-real-status b{font-size:10px;font-weight:650;letter-spacing:-.3px}.wz-real-status svg{display:block;width:46px;height:11px} .wz-real-webpage{position:absolute;inset:35px 0 0;display:flex;flex-direction:column;align-items:center;padding:11px 10px 82px;background:radial-gradient(ellipse at 10% 0%,#e7edf6aa,transparent 55%),linear-gradient(#f5f7fa,#fbfcfd)} .wz-real-web-notice{display:flex;align-items:center;gap:5px;width:100%;padding:6px 5px;border:1px solid #fff;border-radius:7px;background:#ffffffa6;color:#8492a5;font-size:7px;white-space:nowrap}.wz-real-web-notice i{width:4px;height:4px;border-radius:50%;background:#73a6e3}.wz-real-webpage>img{margin-top:19px;object-fit:contain}.wz-real-webpage h4{margin:6px 0 8px;color:#394351;font-size:12px;font-weight:650;letter-spacing:-.2px}.wz-real-webpage h4 small{font-size:8px;font-weight:500;letter-spacing:0;color:#78889c}.wz-real-web-button{padding:5px 12px;border:1px solid #fff;border-radius:15px;background:#ffffffba;color:#6c798c;font-size:8px;box-shadow:0 2px 6px #39455a07}.wz-real-web-card{width:100%;margin-top:22px;padding:18px 10px;border:1px solid #fff;border-radius:12px;background:#ffffff9e;text-align:center}.wz-real-web-card>span{display:block;font-size:8px;color:#9ba5b3}.wz-real-web-skeleton{width:80%;height:6px;margin:13px auto 0;border-radius:4px;background:#e5eaf28a}.wz-real-web-skeleton.short{width:58%;margin-top:7px}.wz-real-web-footer{margin-top:17px;color:#aab2be;font-size:7px;letter-spacing:.3px} .wz-real-safari-bars{position:absolute;z-index:2;bottom:13px;left:0;right:0;height:72px;padding:5px 8px 0;border-top:1px solid #e7eaf0;background:#f7f8fbf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wz-real-safari-address{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 9px;border-radius:8px;background:#e4e7ed;color:#6d7684;box-shadow:0 1px 4px #25374e09}.wz-real-safari-address>span{font-size:10px}.wz-real-safari-address b{font-size:10px;font-weight:450;letter-spacing:.1px}.wz-real-safari-tools{display:flex;justify-content:space-around;align-items:center;height:37px;color:#1671db}.wz-real-safari-tools>span{font-size:24px;font-weight:300;line-height:1}.wz-real-safari-tools>span:nth-child(2){opacity:.45}.wz-real-safari-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .wz-real-home-indicator{position:absolute;z-index:13;bottom:5px;left:50%;width:75px;height:3px;border-radius:4px;background:#16191d;transform:translateX(-50%)} .wz-real-ios-share{position:absolute;z-index:4;bottom:0;left:0;right:0;box-sizing:border-box;height:304px;padding:8px 10px 20px;border:1px solid #ffffffcf;border-radius:18px 18px 0 0;background:#f0f0f5f7;box-shadow:0 -8px 24px #1b27301c;opacity:0;transform:translateY(103%);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .35s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wz-real-sheet-handle{width:28px;height:3px;margin:0 auto 10px;border-radius:3px;background:#bfc2ca}.wz-real-sheet-title{display:flex;align-items:center;gap:6px;height:35px;margin-bottom:12px}.wz-real-sheet-title>span{flex:1;min-width:0}.wz-real-sheet-title b{display:block;font-size:9px;font-weight:650;white-space:nowrap;color:#30343b}.wz-real-sheet-title small{display:block;margin-top:2px;font-size:8px;color:#8d94a0}.wz-real-sheet-title i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dfe1e7;color:#858d99;font-size:15px;font-style:normal}.wz-real-share-apps{display:flex;justify-content:space-between;height:57px;margin-bottom:12px;padding:0 1px}.wz-real-share-apps>span{width:41px;text-align:center;color:#696d78;font-size:7px}.wz-real-share-apps i{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 4px;border-radius:9px;color:#fff;font-size:22px;font-style:normal;box-shadow:0 1px 3px #28354b0a}.wz-real-share-apps .airdrop{background:linear-gradient(#fdfdff,#dfe7f5);color:#4a84da}.wz-real-share-apps .message{background:linear-gradient(#72d86e,#28bd48)}.wz-real-share-apps .chat{background:#35c85c}.wz-real-share-apps .more{background:#e1e3e8;color:#7d8592;font-size:17px}.wz-real-ios-actions{overflow:hidden;border:1px solid #ececf1;border-radius:9px;background:#fff}.wz-real-ios-actions>div{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;height:33px;padding:0 10px;border-bottom:1px solid #e9e9ef;color:#252a34;font-size:10px;letter-spacing:.1px}.wz-real-ios-actions>div:last-child{border:0}.wz-real-ios-actions>div>span{font-size:15px;font-weight:350;color:#737c8b}.wz-real-ios-actions svg{width:15px;height:15px;fill:none;stroke:#737c8b;stroke-width:1.4;stroke-linejoin:round} .wz-real-ios-save{position:absolute;z-index:6;inset:32px 0 0;background:#f2f2f7;opacity:0;transform:translateY(103%);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s}.wz-real-native-nav{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:43px;padding:0 11px;border-bottom:1px solid #e0e2e8;background:#f7f7fa;color:#1677df;font-size:10px}.wz-real-native-nav b{font-size:10px;color:#30343c;font-weight:650}.wz-real-native-nav strong{font-weight:650}.wz-real-ios-field{display:flex;align-items:center;gap:7px;height:48px;margin:16px 10px 0;padding:0 8px;border:1px solid #e9e9ee;border-radius:8px 8px 0 0;background:#fff;color:#414853;font-size:9px}.wz-real-ios-url{height:31px;margin:0 10px;padding:8px 10px;border:1px solid #e9e9ee;border-top:0;border-radius:0 0 8px 8px;background:#fff;color:#a3a8b1;font-size:8px}.wz-real-field-caption{display:block;margin:21px 18px 7px;color:#8e95a1;font-size:8px}.wz-real-ios-location{display:flex;align-items:center;gap:6px;height:37px;margin:0 10px;padding:0 10px;border:1px solid #e9e9ee;border-radius:8px;background:#fff;color:#38404b;font-size:9px}.wz-real-ios-location>span{font-size:19px;color:#2381e3}.wz-real-ios-location>b{margin-left:auto;color:#b5bac2;font-size:20px;font-weight:350} .wz-real-android-bar{position:absolute;z-index:2;display:none;top:33px;left:5px;right:5px;align-items:center;gap:7px;height:34px;background:#fafbfe}.wz-real-android-bar>span:first-child{font-size:16px;color:#6f798b}.wz-real-android-bar>div{display:flex;flex:1;gap:5px;align-items:center;height:29px;padding:0 7px;border-radius:18px;background:#e9edf5;font-size:10px;color:#49586e}.wz-real-android-bar svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6}.wz-real-tabs-count{display:grid;place-items:center;width:12px;height:12px;border:1px solid #606d80;border-radius:2px;color:#606d80;font-size:7px}.wz-real-android-bar>strong{width:9px;font-size:19px;line-height:1;font-weight:500;text-align:center}.wz-real-android-menu{position:absolute;z-index:5;top:35px;right:3px;box-sizing:border-box;width:182px;padding:5px 7px 8px;border:1px solid #e0e3e9;border-radius:12px;background:#f7f9fefa;box-shadow:0 5px 16px #23324d2b;opacity:0;transform:translateY(-7px) scale(.94);transform-origin:100% 0;transition:opacity .3s,transform .35s}.wz-real-android-icons{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 4px;color:#53647c;font-size:15px}.wz-real-android-icons svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.wz-real-android-menu>div:not(.wz-real-android-icons){display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 5px;font-size:10px;color:#374153}.wz-real-android-menu>div>span:last-child{color:#6a7990}.wz-real-android-menu hr{height:1px;margin:4px 0;border:0;background:#dfe4ef}.wz-real-snackbar{position:absolute;z-index:8;left:10px;right:10px;bottom:24px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:35px;padding:0 11px;border-radius:8px;background:#343941;color:#fff;font-size:9px;box-shadow:0 4px 8px #27354a18;opacity:0;transform:translateY(12px)}.wz-real-snackbar b{font-weight:500;color:#a9c9ff} .wz-real-ios-saved{position:absolute;z-index:8;top:43%;left:50%;display:flex;flex-direction:column;align-items:center;gap:7px;width:121px;padding:18px 0;border:1px solid #ffffff50;border-radius:18px;background:#e2e6edeb;color:#606b7d;box-shadow:0 8px 24px #26385012;opacity:0;transform:translate(-50%,5px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wz-real-ios-saved>span{font-size:30px;font-weight:300;line-height:1}.wz-real-ios-saved>b{font-size:11px;font-weight:600}.wz-real-ios-saved>small{color:#8a95a6;font-size:8px} .wz-real-screen{--tap-x:50%;--tap-y:calc(100% - 33px)}.wz-real-hand{position:absolute;z-index:15;left:calc(var(--tap-x) - 12px);top:calc(var(--tap-y) - 1px);width:31px;height:43px;overflow:visible;filter:drop-shadow(1px 4px 3px #3d2b201f);transform-origin:40% 3%;pointer-events:none;animation:wz-real-hand-a 4.5s ease-in-out both}.wz-real-touch{position:absolute;z-index:14;top:var(--tap-y);left:var(--tap-x);width:20px;height:20px;border:2px solid #3b8be2;border-radius:50%;background:#94bce42e;pointer-events:none;opacity:0;animation:wz-real-touch-a 4.5s ease-out both} .wz-bookmark-guide[data-step="1"] .wz-real-ios-share{opacity:1;transform:none}.wz-bookmark-guide[data-step="1"] .wz-real-screen{--tap-x:calc(100% - 36px);--tap-y:calc(100% - 118px)}.wz-bookmark-guide[data-step="1"] .wz-real-hand{animation-name:wz-real-hand-b;animation-duration:5s}.wz-bookmark-guide[data-step="1"] .wz-real-touch{animation-name:wz-real-touch-b;animation-duration:5s}.wz-bookmark-guide[data-step="2"] .wz-real-ios-save{opacity:1;transform:none;animation:wz-real-confirm-leave 5s ease-in-out both}.wz-bookmark-guide[data-step="2"] .wz-real-screen{--tap-x:calc(100% - 23px);--tap-y:54px}.wz-bookmark-guide[data-step="2"] .wz-real-hand{animation-name:wz-real-hand-c;animation-duration:5s}.wz-bookmark-guide[data-step="2"] .wz-real-touch{animation-name:wz-real-touch-c;animation-duration:5s}.wz-bookmark-guide[data-platform="ios"][data-step="2"] .wz-real-ios-saved{animation:wz-real-saved 5s ease both} .wz-bookmark-guide[data-platform="android"] .wz-real-island{width:6px;height:6px;top:11px;border-radius:50%}.wz-bookmark-guide[data-platform="android"] .wz-real-status{top:10px}.wz-bookmark-guide[data-platform="android"] .wz-real-android-bar{display:flex}.wz-bookmark-guide[data-platform="android"] .wz-real-webpage{top:70px;padding-bottom:20px}.wz-bookmark-guide[data-platform="android"] .wz-real-safari-bars,.wz-bookmark-guide[data-platform="android"] .wz-real-ios-share,.wz-bookmark-guide[data-platform="android"] .wz-real-ios-save,.wz-bookmark-guide[data-platform="android"] .wz-real-ios-saved{display:none}.wz-bookmark-guide[data-platform="android"][data-step="0"] .wz-real-screen{--tap-x:calc(100% - 14px);--tap-y:51px}.wz-bookmark-guide[data-platform="android"][data-step="1"] .wz-real-android-menu{opacity:1;transform:none}.wz-bookmark-guide[data-platform="android"][data-step="1"] .wz-real-screen{--tap-x:42.5%;--tap-y:55px}.wz-bookmark-guide[data-platform="android"][data-step="1"] .wz-real-star{animation:wz-real-star-on 5s ease both}.wz-bookmark-guide[data-platform="android"][data-step="2"] .wz-real-snackbar{opacity:1;transform:none;transition:opacity .35s,transform .35s}.wz-bookmark-guide[data-platform="android"][data-step="2"] .wz-real-hand,.wz-bookmark-guide[data-platform="android"][data-step="2"] .wz-real-touch{display:none} .wz-real-computer{position:relative;display:none;overflow:hidden;width:100%;max-width:400px;height:278px;border:1px solid #cbd2dc;border-radius:12px;background:#fff;box-shadow:0 12px 24px #24365012;font-family:"Segoe UI",-apple-system,"PingFang SC",sans-serif;color:#303642}.wz-bookmark-guide[data-platform="desktop"] .wz-real-phone{display:none}.wz-bookmark-guide[data-platform="desktop"] .wz-real-computer{display:block}.wz-real-chrome-tabs{display:flex;align-items:center;gap:10px;height:29px;padding:0 9px;background:#e4e9f2}.wz-real-chrome-tabs>span{display:flex;align-items:center;gap:7px;height:23px;margin-top:6px;padding:0 9px;border-radius:8px 8px 0 0;background:#f8faff;color:#6486b5;font-size:9px}.wz-real-chrome-tabs b{font-size:8px;font-weight:450;color:#4c5768}.wz-real-chrome-tabs i{font-size:13px;font-style:normal;color:#748298}.wz-real-chrome-tabs small{margin-left:auto;white-space:nowrap;font-size:8px;color:#7e8ba0}.wz-real-chrome-address{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:#f8faff;border-bottom:1px solid #e7ebf2;font-size:10px;color:#7c8ba1}.wz-real-chrome-address>div{display:flex;justify-content:space-between;flex:1;align-items:center;height:23px;padding:0 8px;border:1px solid #e4e9f0;border-radius:15px;background:#eaf0f8;font-size:9px;color:#687a94}.wz-real-chrome-address b{font-size:15px;font-weight:400}.wz-real-chrome-address>strong{font-size:17px;font-weight:500}.wz-real-desktop-page{display:flex;flex-direction:column;align-items:center;padding-top:25px;background:linear-gradient(135deg,#f2f5fb,#fff);height:100%}.wz-real-desktop-page h4{margin:8px 0 4px;font-size:13px;font-weight:600;color:#4a5567}.wz-real-desktop-page>span{font-size:9px;color:#9aa5b6}.wz-real-keys{position:absolute;bottom:19px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:7px;color:#9ca7b9}.wz-real-keys kbd{padding:6px 10px;min-width:31px;border:1px solid #d0d8e5;border-bottom-width:3px;border-radius:6px;background:#fff;font-family:inherit;font-size:12px;color:#73839b;animation:wz-real-keypress 4.5s ease both}.wz-real-chrome-dialog{position:absolute;z-index:3;top:59px;right:8px;box-sizing:border-box;width:235px;max-width:calc(100% - 16px);padding:14px;border:1px solid #dce2eb;border-radius:12px;background:#f9fbff;box-shadow:0 6px 24px #26395730;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:85% 0;transition:opacity .3s,transform .3s}.wz-real-chrome-dialog h5{margin:0 0 13px;font-size:13px;font-weight:600;color:#374255}.wz-real-chrome-dialog label{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#6a7a92;font-size:9px}.wz-real-chrome-dialog label>span{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;height:25px;padding:0 7px;border:1px solid #cfd8e6;border-radius:4px;background:#fff;color:#52637d;font-size:9px;white-space:nowrap}.wz-real-chrome-dialog label i{font-style:normal}.wz-real-chrome-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:13px;font-size:9px}.wz-real-chrome-buttons>span{padding:6px 9px;border:1px solid #ccd7e7;border-radius:15px;color:#526e9a}.wz-real-chrome-buttons>b{padding:7px 14px;border-radius:15px;background:#1a73e8;color:#fff;font-weight:550}.wz-real-desktop-cursor{position:absolute;z-index:6;top:132px;right:34px;display:none;width:20px;height:26px;filter:drop-shadow(1px 2px 2px #26374e35);animation:wz-real-hand-b 5s ease both}.wz-real-desktop-cursor svg{width:100%;height:100%}.wz-real-desktop-saved{position:absolute;z-index:7;bottom:16px;left:50%;padding:8px 12px;border:1px solid #d9e5f7;border-radius:9px;background:#eef5ff;color:#6481a8;font-size:10px;white-space:nowrap;opacity:0;transform:translateX(-50%)}.wz-real-desktop-saved small{margin-left:5px;font-size:8px;color:#99abc5} .wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-real-chrome-dialog,.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-chrome-dialog{opacity:1;transform:none}.wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-real-chrome-dialog label:first-of-type>span{border-color:#80a9eb;box-shadow:0 0 0 1px #80a9eb}.wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-real-desktop-cursor,.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-desktop-cursor{display:block}.wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-real-keys,.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-keys{display:none}.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-desktop-cursor{top:191px;right:37px;animation-name:wz-real-hand-c}.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-chrome-dialog{animation:wz-real-desktop-confirm 5s ease both}.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-desktop-saved{animation:wz-real-desktop-toast 5s ease both}.wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-real-chrome-address b,.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-chrome-address b{font-size:0}.wz-bookmark-guide[data-platform="desktop"][data-step="1"] .wz-real-chrome-address b:after,.wz-bookmark-guide[data-platform="desktop"][data-step="2"] .wz-real-chrome-address b:after{content:"★";font-size:14px;color:#1a73e8} .wz-bookmark-guide[data-paused="true"] .wz-real-demo *{animation-play-state:paused!important} @keyframes wz-real-hand-a{0%,7%{opacity:0;transform:translate(18px,25px)}24%,42%{opacity:1;transform:translate(0,0)}48%{opacity:1;transform:translate(0,2px) scale(.92)}55%,66%{opacity:1;transform:none}83%,100%{opacity:0;transform:translate(5px,10px)}} @keyframes wz-real-hand-b{0%,12%{opacity:0;transform:translate(16px,23px)}30%,43%{opacity:1;transform:none}49%{opacity:1;transform:translate(0,2px) scale(.92)}56%,67%{opacity:1;transform:none}84%,100%{opacity:0;transform:translate(4px,10px)}} @keyframes wz-real-hand-c{0%,10%{opacity:0;transform:translate(13px,19px)}27%,42%{opacity:1;transform:none}49%{opacity:1;transform:translate(0,2px) scale(.92)}58%{opacity:1;transform:none}72%,100%{opacity:0;transform:translate(5px,10px)}} @keyframes wz-real-touch-a{0%,42%{opacity:0;transform:translate(-50%,-50%) scale(.2)}48%{opacity:.65;transform:translate(-50%,-50%) scale(.65)}68%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}} @keyframes wz-real-touch-b{0%,43%{opacity:0;transform:translate(-50%,-50%) scale(.2)}49%{opacity:.65;transform:translate(-50%,-50%) scale(.65)}68%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}} @keyframes wz-real-touch-c{0%,43%{opacity:0;transform:translate(-50%,-50%) scale(.2)}49%{opacity:.65;transform:translate(-50%,-50%) scale(.65)}68%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}} @keyframes wz-real-confirm-leave{0%,60%{opacity:1;transform:none}77%,100%{opacity:0;transform:translateY(103%)}} @keyframes wz-real-saved{0%,71%{opacity:0;transform:translate(-50%,9px)}80%,100%{opacity:1;transform:translate(-50%,0)}} @keyframes wz-real-star-on{0%,47%{fill:transparent;stroke:#53647c}56%,100%{fill:#1a73e8;stroke:#1a73e8}} @keyframes wz-real-keypress{0%,22%{background:#fff;color:#73839b;transform:none}38%,55%{background:#d9e8ff;color:#2769c7;transform:translateY(2px);border-bottom-width:1px}70%,100%{background:#fff;color:#73839b;transform:none}} @keyframes wz-real-desktop-confirm{0%,61%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-6px) scale(.97)}} @keyframes wz-real-desktop-toast{0%,74%{opacity:0;transform:translate(-50%,6px)}84%,100%{opacity:1;transform:translate(-50%,0)}} @media(max-width:600px){body.page-id-207718 .wz-real-demo{padding:29px 8px 17px}.wz-real-phone{width:232px;height:464px;border-radius:37px}.wz-real-screen{border-radius:30px}.wz-real-chrome-tabs>span{max-width:70%;white-space:nowrap}.wz-real-chrome-tabs small{display:none}} @media(prefers-reduced-motion:reduce){.wz-real-demo *, .wz-real-demo *:after{animation:none!important;transition:none!important}} /* END WZKL REALISTIC BROWSER DEMO */ /* Bookmark demonstration reduced to 75%, with its layout footprint reduced too. */ body.page-id-207718 .wz-real-phone{zoom:.75}body.page-id-207718 .wz-real-computer{width:100%;max-width:400px;zoom:.75;flex-shrink:0}body.page-id-207718 .wz-real-demo{padding-top:27px;padding-bottom:15px} /* gate-toast.css */ .wz-verify-toast{position:fixed;z-index:2147483647;left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 36px);box-sizing:border-box;padding:12px 16px;border:1px solid #ffffff26;border-radius:13px;background:#24354af5;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;font-weight:500;line-height:1.6;text-align:left;box-shadow:0 9px 30px #18263d26;pointer-events:none;animation:wz-toast-in .18s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .wz-verify-toast.is-success{background:#176b4ff5}.wz-verify-toast.is-error{background:#a54138f5} .wz-verify-toast-icon{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border:1px solid #ffffff75;border-radius:50%;font-size:14px;font-weight:700;line-height:1} @keyframes wz-toast-in{from{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%,0)}} @media(max-width:360px){.wz-verify-toast{font-size:12px;padding:11px 13px;gap:7px}} @media(prefers-reduced-motion:reduce){.wz-verify-toast{animation:none}} /* Soft error feedback matching the light website surfaces. */ .wz-verify-toast.is-error{width:max-content;max-width:min(380px,calc(100vw - 36px));padding:14px 18px;gap:12px;border:1px solid #eadfe0;border-radius:16px;background:#fff;color:#202123;box-shadow:0 8px 32px #20212318;backdrop-filter:none;-webkit-backdrop-filter:none} .wz-verify-toast.is-error .wz-verify-toast-icon{width:32px;height:32px;border:0;background:#fff0ee;color:#cb5148;font-size:19px;font-weight:650} .wz-verify-toast-body{min-width:0} .wz-verify-toast-title{display:block;margin-bottom:3px;color:#ad4039;font-size:14px;font-weight:650;line-height:1.5} .wz-verify-toast-detail{display:block;color:#737780;font-size:12px;font-weight:400;line-height:1.6;overflow-wrap:anywhere} @media(max-width:360px){.wz-verify-toast.is-error{padding:12px 14px;gap:10px}} /* Compact, matching success and failure notifications. */ .wz-verify-toast.is-success,.wz-verify-toast.is-error{width:max-content;max-width:calc(100vw - 36px);padding:12px 20px;gap:10px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#202123;font-size:14px;font-weight:600;line-height:1.6;box-shadow:0 8px 28px #20212318;backdrop-filter:none;-webkit-backdrop-filter:none} .wz-verify-toast.is-success .wz-verify-toast-icon,.wz-verify-toast.is-error .wz-verify-toast-icon{width:28px;height:28px;border:0;font-size:17px;font-weight:650} .wz-verify-toast.is-success .wz-verify-toast-icon{background:#eaf5ee;color:#23834e} .wz-verify-toast.is-error .wz-verify-toast-icon{background:#fff0ee;color:#cb5148} /* gate-poster.css */ .hk-share-poster{display:flex;align-items:center;gap:14px;margin-top:10px;padding:10px 12px;border:1px solid #e1e9f5;border-radius:12px;background:#fff} .hk-poster-preview{display:block;flex-shrink:0;width:62px;border:1px solid #e7ecf4;border-radius:7px;overflow:hidden;background:#f6f7f9;line-height:0} .hk-poster-preview img{display:block;width:100%;height:auto;max-width:100%;-webkit-touch-callout:default;user-select:auto} .hk-poster-actions{flex:1;min-width:0} .hk-poster-actions strong{display:block;margin:0 0 4px;font-size:12px;font-weight:650;color:#43556e;line-height:1.6} .hk-poster-actions p{margin:0 0 9px;font-size:10px;line-height:1.65;color:#91a0b5} .hk-poster-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .hk-save-poster{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:7px 11px;border:1px solid #dce8fc;border-radius:8px;background:#eef4ff;color:#377cf6;font-size:11px;font-weight:600;text-decoration:none} .hk-view-poster{font-size:10px;color:#8193ad;text-decoration:none} .hk-poster-preview:focus-visible,.hk-save-poster:focus-visible,.hk-view-poster:focus-visible{outline:3px solid #b8cfef;outline-offset:3px} @media(max-width:360px){.hk-share-poster{gap:11px;padding:9px 10px}.hk-poster-preview{width:55px}.hk-poster-actions strong{font-size:11px}} @media(max-height:700px){.hk-poster-preview{width:50px}.hk-share-poster{padding-top:8px;padding-bottom:8px}} /* Compact, single-line consent footer. */ .hk-share-dialog .hk-consent{font-size:10.5px;white-space:nowrap;gap:6px;margin:12px 0;min-height:23px} @media(max-width:360px){.hk-share-dialog .hk-consent{font-size:10px;gap:5px}} .hk-poster-label{display:block;padding:2px 4px;background:#edf4ff;color:#377cf6;font-size:10px;font-weight:600;line-height:1.6;text-align:center} .hk-save-poster{min-height:40px;padding:9px 15px;border:0;border-radius:9px;background:#377cf6;color:#fff;font-size:12px;box-shadow:0 3px 8px #377cf61c} .hk-poster-viewer{position:fixed;inset:0;width:min(430px,calc(100vw - 20px));max-height:calc(100dvh - 20px);box-sizing:border-box;margin:auto;padding:14px;border:1px solid #e3eaf5;border-radius:18px;background:#fff;color:#35465e;overflow:auto;box-shadow:0 20px 80px #14213b40;font-family:inherit} .hk-poster-viewer::backdrop{background:#14213b99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)} .hk-poster-viewer header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .hk-poster-viewer header strong{font-size:14px;font-weight:650} .hk-poster-view-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f1f4f9;color:#7c8ba3;font-size:23px;cursor:pointer} .hk-poster-viewer>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 185px);object-fit:contain;border-radius:8px;-webkit-touch-callout:default;user-select:auto} .hk-poster-viewer>p{margin:10px 0;color:#8a99af;font-size:11px;line-height:1.6;text-align:center} .hk-poster-viewer footer{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:10px} .hk-poster-system-save{min-height:40px;padding:9px 18px;border:0;border-radius:10px;background:#377cf6;color:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.6;cursor:pointer} .hk-poster-viewer footer a{font-size:11px;color:#8193ad;text-decoration:none} .hk-poster-viewer button:focus-visible,.hk-poster-viewer a:focus-visible{outline:3px solid #b8cfef;outline-offset:3px} /* Keep save controls visible without requiring a long press. */ .hk-poster-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;height:min(760px,calc(100vh - 24px));max-height:calc(100vh - 24px);overflow:hidden;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))} .hk-poster-viewer[open] header{margin:0} .hk-poster-viewer[open]>img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;touch-action:auto;-webkit-touch-callout:default;user-select:auto} .hk-poster-viewer[open]>p{margin:0;font-size:12px} .hk-poster-viewer[open] footer{margin:0;padding-top:6px;flex-shrink:0;background:#fff;gap:12px} .hk-poster-viewer[open] .hk-poster-system-save{min-height:46px;min-width:150px;font-size:14px} .hk-poster-viewer[open] footer a{font-size:13px;white-space:nowrap} @supports(height:100dvh){.hk-poster-viewer[open]{height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}} /* Center the compact poster group and its action content. */ .hk-share-dialog .hk-share-poster{justify-content:center} .hk-share-dialog .hk-poster-actions{flex:0 1 auto;text-align:center} .hk-share-dialog .hk-poster-links{justify-content:center} /* Poster thumbnail without a label, with compact vertical spacing. */ .hk-share-dialog .hk-share-poster{padding-top:4px;padding-bottom:4px} .hk-share-dialog .hk-poster-preview{width:64px;line-height:0;align-self:center} .hk-share-dialog .hk-poster-preview img{display:block;width:100%;height:auto;margin:0;padding:0}