:root{--bg:#f4f6f8;--card:#fff;--ink:#172435;--muted:#576577;--line:#dce3eb;--blue:#075dcc;--blue-dark:#064ba5;--blue-tint:#eaf2ff;--navy:#152b48;--navy-muted:#c6d4e9;--green:#167346;--green-tint:#e9f6ee;--red:#b42332;--red-tint:#fff0f0;--amber:#845600;--amber-tint:#fff7e6;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--r-sm:8px;--r-md:12px;--r-lg:20px;--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:32px;--font-display:56px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:var(--font-base)/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:opacity 160ms ease-out,transform 160ms ease-out}button:active,.button:active{transform:translateY(1px)}a:hover{color:var(--blue-dark)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:20px;background:var(--card);padding:12px;z-index:10;transform:translateY(-200%)}.skip-link:focus{transform:none}.topbar{background:var(--card);border-bottom:1px solid var(--line)}.nav-row{min-height:80px;display:flex;align-items:center;gap:var(--s8)}.brand{display:flex;align-items:center;gap:var(--s3);font-size:var(--font-lg);font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-light{font-weight:400;margin-left:var(--s2);color:var(--muted)}.brand-mark{width:36px;height:36px;background:var(--blue);color:var(--card);border-radius:var(--r-sm);display:grid;place-items:center}.brand-mark svg{width:28px;height:28px}.nav-row nav{display:flex;gap:var(--s6);margin-left:auto}.nav-row nav a,.nav-download{font-size:var(--font-sm);text-decoration:none;color:var(--muted);padding-block:var(--s3)}.nav-download{border-left:1px solid var(--line);padding-left:var(--s8);color:var(--ink)}.hero{padding-block:var(--s16) var(--s12);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s16);align-items:center}.eyebrow{color:var(--muted);font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;margin-bottom:var(--s3)}h1{font-size:clamp(var(--font-3xl),4.5vw,var(--font-display));line-height:1.18;letter-spacing:-.045em;font-weight:800}h1 span{display:block;color:var(--blue);margin-top:var(--s2)}.intro{font-size:var(--font-lg);color:var(--muted);margin-top:var(--s6)}.hero-actions{display:flex;align-items:center;gap:var(--s6);flex-wrap:wrap;margin-top:var(--s8)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);min-height:44px;padding:var(--s3) var(--s5);border-radius:var(--r-sm);font-size:var(--font-sm);font-weight:600;text-decoration:none;border:1px solid transparent}.primary{color:var(--card);background:var(--blue)}.primary:hover{color:var(--card);background:var(--blue-dark)}.secondary{background:var(--card);border-color:var(--line);color:var(--ink)}.secondary:hover{border-color:var(--blue);color:var(--blue)}.button:disabled{opacity:.6;cursor:wait}.text-link{font-size:var(--font-sm);font-weight:600;text-decoration:none}.hero-note{margin-top:var(--s5);font-size:var(--font-xs);color:var(--muted)}.quick-guide{background:var(--navy);color:var(--card);border-radius:var(--r-lg);padding:var(--s8)}.guide-kicker{display:flex;align-items:center;gap:var(--s2);font-size:var(--font-xs);color:var(--navy-muted)}.tiny-square{width:6px;height:6px;background:var(--navy-muted)}.guide-number{margin-left:auto;font-variant-numeric:tabular-nums}.quick-guide ol{list-style:none;margin:var(--s6) 0;padding:0}.quick-guide li{display:flex;gap:var(--s4);padding-block:var(--s4);border-bottom:1px solid #344965}.quick-guide li:first-child{padding-top:0}.quick-guide strong{font-size:var(--font-base);font-weight:600}.quick-guide p{font-size:var(--font-sm);color:var(--navy-muted);margin-top:var(--s1)}.step-number{font:var(--font-sm)/1.8 ui-monospace,monospace;color:var(--navy-muted)}.quick-guide a{display:flex;justify-content:space-between;color:var(--card);font-size:var(--font-sm);text-decoration:none}.quick-guide a:hover{opacity:.8}.notice{background:var(--blue-tint);color:var(--navy);border-radius:var(--r-sm);padding:var(--s4) var(--s5);display:flex;align-items:flex-start;gap:var(--s3);font-size:var(--font-sm)}.notice svg{margin-top:var(--s1)}.content-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--s10);margin-top:var(--s12);align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}h2{font-size:var(--font-2xl);line-height:1.4;letter-spacing:-.02em}.section-heading .eyebrow{margin-bottom:var(--s1)}.update-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);font-size:var(--font-xs);color:var(--muted);margin-block:var(--s5)}.countdown{font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5);margin-bottom:var(--s4)}.card-head{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}.account-index{font:var(--font-xs)/1.4 ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s1) var(--s2)}.account-title{font-size:var(--font-base);font-weight:600}.status{display:inline-flex;gap:6px;align-items:center;font-size:var(--font-xs);margin-left:auto}.status .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status.ok{color:var(--green)}.status.bad{color:var(--red)}.status.unknown{color:var(--amber)}.check-time{font-size:var(--font-xs);color:var(--muted);margin:-8px 0 var(--s3)}.field{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s3) 0;min-height:60px}.field+.field{border-top:1px solid var(--line)}.field .tag{font-size:var(--font-sm);color:var(--muted)}.field code{font:var(--font-sm)/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;user-select:all}.copy-btn{border:0;background:var(--blue-tint);color:var(--blue);border-radius:var(--r-sm);font-size:var(--font-sm);min-height:44px;min-width:60px;padding:var(--s2) var(--s3);font-weight:600}.copy-btn:hover{background:var(--blue);color:var(--card)}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.ad-slot{margin-top:var(--s3);padding-top:var(--s4);border-top:1px solid var(--line)}.ad-link{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);font-size:var(--font-sm);font-weight:600;color:var(--blue);text-decoration:none;min-height:32px}.ad-link:hover{text-decoration:underline}.ad-link.unconfigured{color:var(--muted)}.source-note{font-size:var(--font-xs);color:var(--muted);margin-top:var(--s5)}.state-box{border:1px dashed var(--line);border-radius:var(--r-md);background:var(--card);padding:var(--s10) var(--s6);min-height:240px}.state-index{display:block;color:var(--blue);font-size:var(--font-xs);margin-bottom:var(--s3)}.state-box h3{font-size:var(--font-xl);margin-bottom:var(--s2)}.state-box p{color:var(--muted);font-size:var(--font-sm)}.state-box button{margin-top:var(--s5)}.guide-panel{background:var(--card);border-radius:var(--r-md);padding:var(--s6);border-top:3px solid var(--blue)}.sidebar-intro{font-size:var(--font-sm);color:var(--muted);margin-top:var(--s2)}.tutorial-steps{counter-reset:steps;list-style:none;margin:var(--s6) 0;padding:0}.tutorial-steps li{counter-increment:steps;position:relative;padding-left:var(--s8);padding-bottom:var(--s6)}.tutorial-steps li:last-child{padding-bottom:0}.tutorial-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--blue);font:var(--font-xs)/2 ui-monospace,monospace}.tutorial-steps h3{font-size:var(--font-sm);margin-bottom:var(--s1)}.tutorial-steps p,.help-note p{font-size:var(--font-sm);color:var(--muted)}.store-link{display:block;font-size:var(--font-sm);font-weight:600;border-top:1px solid var(--line);padding-top:var(--s5);text-decoration:none}.help-note{padding:var(--s6)}.help-note h3{font-size:var(--font-base);margin-bottom:var(--s2)}.help-note a{display:inline-block;margin-top:var(--s3);font-size:var(--font-sm)}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:var(--s16);padding-block:var(--s16);margin-top:var(--s8);border-top:1px solid var(--line)}.faq-intro h2{font-size:var(--font-3xl)}.faq-intro>p:last-child{margin-top:var(--s4);color:var(--muted);font-size:var(--font-sm)}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s5) 0;cursor:pointer;list-style:none;font-size:var(--font-base);font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:var(--font-xl);font-weight:400;color:var(--muted)}.faq-item[open] summary::after{content:'−'}.faq-item summary:hover{color:var(--blue)}.answer{font-size:var(--font-sm);color:var(--muted);padding-bottom:var(--s5)}.footer{border-top:1px solid var(--line);padding-block:var(--s8);display:grid;grid-template-columns:1fr 2fr;gap:var(--s16);color:var(--muted);font-size:var(--font-xs)}.footer-brand{font-size:var(--font-base);font-weight:700;color:var(--ink);text-decoration:none}.footer p{margin-top:var(--s2)}.footer-detail span{margin-left:var(--s4)}dialog{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s8);width:min(460px,calc(100% - 32px));color:var(--ink);max-height:90dvh;overflow:auto;background:var(--card)}dialog::backdrop{background:rgb(15 30 50 / .48)}.modal-kicker{color:var(--blue);font-size:var(--font-xs);font-weight:600;letter-spacing:.08em}dialog h2{margin-block:var(--s4)}dialog p{font-size:var(--font-sm);color:var(--muted)}.modal-tip{padding:var(--s4);background:var(--blue-tint);border-radius:var(--r-sm);margin-top:var(--s5)}.no-show{display:flex;align-items:center;gap:var(--s2);font-size:var(--font-sm);min-height:44px;margin-block:var(--s4);cursor:pointer}.no-show input{width:18px;height:18px;accent-color:var(--blue)}dialog .button{width:100%}.toast{position:fixed;bottom:var(--s8);left:50%;transform:translate(-50%,16px);opacity:0;background:var(--navy);color:var(--card);padding:var(--s3) var(--s5);border-radius:var(--r-sm);font-size:var(--font-sm);pointer-events:none;transition:opacity 160ms ease-out,transform 160ms ease-out;max-width:calc(100% - 32px);z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{gap:var(--s8)}.quick-guide{padding:var(--s6)}.content-layout{gap:var(--s6);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.nav-download{display:none}.faq-section{gap:var(--s8)}}
@media(max-width:700px){.nav-row{min-height:68px;gap:var(--s3)}.brand{font-size:var(--font-base);gap:var(--s2)}.brand-light{display:none}.nav-row nav{gap:var(--s4)}.nav-row nav a{font-size:var(--font-xs)}.hero{grid-template-columns:1fr;padding-block:var(--s10) var(--s8);gap:var(--s8)}h1{font-size:clamp(32px,8vw,48px)}.hero-actions{gap:var(--s4);margin-top:var(--s6)}.intro{font-size:var(--font-base);margin-top:var(--s5)}.quick-guide{padding:var(--s6)}.quick-guide li{padding-block:var(--s3)}.content-layout{grid-template-columns:1fr;margin-top:var(--s8);gap:var(--s8)}.section-heading h2{font-size:var(--font-xl)}.section-heading .button{padding-inline:var(--s3);gap:var(--s2)}.card{padding:var(--s4)}.field{gap:var(--s2)}.update-bar{align-items:flex-start}.update-bar p{max-width:65%}.check-time{margin-top:0}.faq-section{grid-template-columns:1fr;gap:var(--s6);padding-block:var(--s10);margin-top:var(--s4)}.faq-intro h2{font-size:var(--font-2xl)}.faq-intro br{display:none}.faq-intro>p:last-child{margin-top:var(--s2)}.footer{grid-template-columns:1fr;gap:var(--s4)}.help-note{padding:var(--s5) 0}dialog{padding:var(--s6)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}