*{box-sizing:border-box}*::before,*::after{box-sizing:border-box}
:root{--bg:#2B2C30;--deep:#1A1B1E;--surface:#34363C;--surface2:#3E4046;--title:#F2F2F4;--text:#D8D8DC;--muted:#A8A8B0;--soft:#888890;--gold:#D4B06A;--blue:#7A92B0;--border:rgba(242,242,244,.12);--focus:rgba(212,176,106,.48);--shadow:0 12px 28px rgba(0,0,0,.28);--top:20px;--head:54px;--grid:46px}
html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--title);margin-bottom:16px}h2{font-size:20px;color:var(--title);line-height:1.45;margin-bottom:12px}h3{font-size:16px;color:var(--title);margin-bottom:8px}p{margin-bottom:14px}.shell{width:min(960px,calc(100% - 32px));margin-inline:auto}.section-space{padding-block:42px}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:760px}.kicker{display:inline-block;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}.section-heading{margin-bottom:22px}.top-edge{position:fixed;top:0;left:0;right:0;height:var(--top);z-index:70;background:var(--deep);border-bottom:1px solid var(--border)}.top-edge-inner{height:100%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.top-search-button{min-height:20px;padding:0 10px;background:none;border:0;cursor:pointer;color:var(--text)}.day-head{position:fixed;top:var(--top);left:0;right:0;height:var(--head);z-index:69;background:var(--surface);border-bottom:1px solid rgba(212,176,106,.35)}.day-head-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-link{min-height:44px;display:flex;align-items:center}.brand-logo{height:24px;width:auto;object-fit:contain}.brand-fallback{font-size:16px;font-weight:900;color:var(--title)}.head-actions{display:flex;gap:4px}.app-head-link,.curtain-button{min-height:44px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.app-head-link{color:var(--gold);font-weight:800}.curtain-button{border:1px solid var(--border);background:var(--surface2);cursor:pointer}.day-grid-nav{position:fixed;top:calc(var(--top) + var(--head));left:0;right:0;height:var(--grid);z-index:68;background:var(--deep);border-bottom:1px solid var(--border)}.day-grid-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:42px}.day-grid-nav a{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--muted);font-size:13px}.grid-box{width:36px;height:36px;border-radius:6px;background:var(--surface2);display:grid;place-items:center;color:var(--title);font-weight:900;border:2px solid transparent}.day-grid-nav a.is-current .grid-box{border-color:var(--gold)}.day-grid-nav small{font-size:13px}.site-main{padding-top:calc(var(--top) + var(--head) + var(--grid));min-height:70vh}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.button{height:42px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;white-space:nowrap;border:1px solid transparent}.button.primary{background:linear-gradient(135deg,var(--blue) 0%,var(--gold) 100%);color:var(--deep)}.button.secondary{background:var(--surface);border-color:var(--gold);color:var(--title)}.button:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.text-link{color:#efd28e;font-weight:800;text-decoration:underline;text-underline-offset:4px}.media-slot{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.home-intro{padding-top:50px}.home-grid-index{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.home-grid-index a{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.home-grid-index span{width:36px;height:36px;border-radius:6px;background:var(--deep);display:grid;place-items:center;color:var(--gold);font-weight:900}.vertical-cut{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:28px;align-items:stretch;background:var(--deep);border-radius:10px;padding:24px}.vertical-cut-media{height:200px}.vertical-cut-copy{align-self:center}.list-row-home{padding-top:28px}.list-row{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--border)}.list-row.first{grid-template-columns:60px 220px 1fr}.row-no{font-size:24px;color:var(--gold);font-weight:900}.row-image{height:150px}.grid-card-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-card-two article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.grid-card-media{height:190px;margin-bottom:16px}.shelf-home{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:26px}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.shelf-media{width:260px;height:120px}.shelf-note{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.shelf-note article{background:var(--surface2);padding:18px;border-radius:8px}.period-home{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.period-image{height:250px}.period-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.period-three article{background:var(--surface);border-top:3px solid var(--gold);padding:18px;border-radius:8px}.period-three strong{color:var(--title)}.status-image{height:210px;margin-bottom:16px}.status-stack{display:grid;gap:10px}.status-stack div{display:grid;grid-template-columns:110px 1fr;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:15px}.status-stack span{font-weight:800;color:var(--gold)}.status-stack p{margin:0}.app-home{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;background:var(--deep);border-radius:10px;padding:28px}.app-home-visual{display:grid;gap:10px;justify-items:center}.app-poster{height:300px;width:100%}.app-icon{width:64px;height:64px}.app-icon img{width:48px;height:48px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.method-grid article{background:var(--surface);border-left:4px solid var(--blue);padding:18px;border-radius:8px}.faq-home details,.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:14px 16px}.faq-home summary,.faq-item summary{cursor:pointer;color:var(--title);font-weight:800}.faq-home p,.faq-item p{color:var(--muted);margin:10px 0 0}.brand-panel{background:var(--deep);border:1px solid rgba(212,176,106,.28);border-radius:10px;padding:28px}.brand-panel h2{color:var(--title)}
.page-head{padding-top:50px;padding-bottom:14px}.list-page-row{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--border)}.list-page-row:first-child{grid-template-columns:64px 220px 1fr}.list-page-no{font-size:26px;color:var(--gold);font-weight:900}.wide-media{height:210px}.vertical-page{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:stretch}.vertical-page-media{height:320px}.vertical-page-copy{align-self:center}.vertical-sections article{padding:24px 0;border-top:1px solid var(--border)}.grid-card-page{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-card-page article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px}.feature-card{grid-row:span 2}.feature-media{height:230px;margin-bottom:16px}.single-page{max-width:760px}.single-page header{padding-top:10px}.single-media{height:260px;margin-top:20px}.single-page article{padding:26px 0;border-bottom:1px solid var(--border)}.period-page{display:grid;gap:16px}.period-page-media{height:250px}.period-page article{display:grid;grid-template-columns:130px 1fr;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px}.period-label{font-size:18px;font-weight:900;color:var(--gold);border-right:3px solid var(--gold)}.status-page{display:grid;grid-template-columns:1fr 280px;gap:24px}.status-page-head{grid-column:1}.status-page-media{grid-column:2;grid-row:1;height:220px}.status-bars{grid-column:1/-1;display:grid;gap:12px}.status-bars article{display:grid;grid-template-columns:120px 1fr;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.state-label{padding:9px 10px;border-radius:999px;text-align:center;font-weight:900;color:var(--deep);align-self:start}.state-label.done{background:#9db99f}.state-label.doing{background:#9caec2}.state-label.pending{background:var(--gold)}.status-note{grid-column:1/-1;background:var(--surface2);border-radius:8px;padding:22px}.check-head{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.check-media{height:220px}.check-group{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px;margin-top:16px}.check-group label{display:block;margin:8px 0;color:var(--muted)}.check-group input{margin-right:10px}.method-page header{max-width:760px}.method-page article{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:26px 0;border-top:1px solid var(--border)}.method-no{width:58px;height:58px;border-radius:8px;background:var(--surface);border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:20px;font-weight:900}.topic-list{display:grid;gap:12px}.topic-list article{display:grid;grid-template-columns:180px 1fr;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.topic-name{background:var(--surface2);border-radius:8px;padding:16px;color:var(--gold);font-size:18px;font-weight:900}.topic-note{margin-top:24px;background:var(--deep);padding:22px;border-radius:8px}.center-page header{text-align:center;max-width:760px;margin:0 auto}.center-media{height:220px;margin-top:20px}.center-stack{display:grid;gap:14px;justify-items:center;margin-top:24px}.center-stack article{width:min(700px,100%);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px}.center-stack article>span{display:inline-block;color:var(--deep);background:var(--gold);padding:4px 9px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:9px}.center-note{max-width:700px;margin:24px auto 0;background:var(--surface2);border-radius:8px;padding:22px;text-align:center}.app-page{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.app-page-visual{position:sticky;top:138px;display:grid;justify-items:center;gap:10px}.app-page-copy section{padding:20px 0;border-bottom:1px solid var(--border)}.install-flow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.install-flow article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.install-flow article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:var(--gold);color:var(--deep);font-weight:900;margin-bottom:10px}.install-note,.privacy-note,.contact-note{margin-top:22px;background:var(--surface2);border-radius:8px;padding:22px}.terms-page header{max-width:760px}.terms-page article{max-width:820px;padding:22px 0;border-bottom:1px solid var(--border)}.privacy-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.privacy-sections article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.help-bands{display:grid;gap:12px}.help-bands section{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--gold);border-radius:8px;padding:20px}.faq-page{max-width:860px}.faq-list{margin:22px 0}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-list article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.about-banner{height:200px;margin-bottom:24px}.about-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px}.about-cover{height:250px}.about-block{padding:22px 0;border-bottom:1px solid var(--border)}
.site-footer{background:var(--deep);border-top:1px solid rgba(212,176,106,.35);margin-top:50px}.footer-inner{padding:32px 0 26px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-logo{height:24px;width:auto;object-fit:contain}.footer-brand strong{display:block;color:var(--title)}.footer-brand span{font-size:12px;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links h2{font-size:13px;color:var(--title);margin-bottom:8px}.footer-links a{display:block;font-size:13px;color:var(--text);margin:4px 0}.footer-note,.copyright{font-size:13px;color:var(--muted)}.footer-note{margin-top:22px}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:88;opacity:0;pointer-events:none;transition:.18s}.overlay.is-open{opacity:1;pointer-events:auto}.curtain-panel{position:fixed;left:16px;bottom:18px;width:280px;max-height:400px;z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:16px;overflow:auto;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(18px);transition:.18s}.curtain-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.curtain-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.curtain-brand{display:flex;gap:8px;align-items:center}.close-button{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);cursor:pointer}.curtain-groups{display:grid;gap:10px}.curtain-groups section{border-top:1px solid var(--border);padding-top:8px}.curtain-groups h2{font-size:12px;color:var(--soft);margin-bottom:4px}.curtain-groups a{display:block;padding:3px 0}.curtain-groups strong{font-size:13px}.curtain-groups span{display:block;font-size:11px;color:var(--muted);line-height:1.35}.search-panel{position:fixed;top:calc(var(--top) + var(--head));left:0;right:0;z-index:90;background:var(--surface);border-bottom:1px solid var(--border);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.18s}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.search-inner{padding:18px 0 20px}.search-head{display:flex;justify-content:space-between;gap:20px}.search-head strong{color:var(--title)}.search-head p{margin:2px 0;color:var(--muted)}.search-label{display:block;color:var(--soft);font-size:12px;margin:10px 0 6px}.search-input{width:100%;height:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--title);padding:0 12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.search-presets a{background:var(--deep);border:1px solid var(--border);border-radius:999px;padding:6px 11px;font-size:13px}.mobile-bottom{display:none}
@media(max-width:760px){:root{--grid:0px}.day-grid-nav{display:none}.site-main{padding-top:calc(var(--top) + var(--head));padding-bottom:68px}.section-space{padding-block:32px}.home-intro{padding-top:38px}.vertical-cut,.period-home,.app-home,.vertical-page,.status-page,.check-head,.app-page,.about-story{grid-template-columns:1fr}.list-row.first,.list-page-row:first-child{grid-template-columns:60px 1fr}.list-row.first .row-media,.list-page-row:first-child .list-page-media{grid-column:2}.grid-card-two,.grid-card-page,.method-grid,.privacy-sections,.contact-list,.install-flow{grid-template-columns:1fr}.feature-card{grid-row:auto}.shelf-head{display:block}.shelf-media{width:100%;margin-top:14px}.shelf-note{grid-template-columns:1fr}.period-three{grid-template-columns:1fr}.status-page-head,.status-page-media,.status-bars,.status-note{grid-column:1;grid-row:auto}.period-page article,.status-bars article,.method-page article,.topic-list article{grid-template-columns:1fr}.period-label{border-right:0;border-bottom:3px solid var(--gold);padding-bottom:8px}.app-page-visual{position:static}.footer-links{grid-template-columns:1fr 1fr}.curtain-panel{width:88%;max-height:400px;left:6%;bottom:64px}.search-panel{top:0;bottom:0;background:var(--deep)}.search-input{background:var(--surface);}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:72;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:48px;display:grid;place-items:center;font-size:13px}.mobile-bottom a.is-current{background:var(--gold);color:var(--deep);font-weight:900}.site-footer{margin-bottom:48px}}
@media(max-width:480px){h1{font-size:22px}h2{font-size:19px}.home-grid-index a{flex:1 1 calc(50% - 10px);justify-content:center}.footer-links{grid-template-columns:1fr 1fr}.head-actions{gap:0}.app-head-link,.curtain-button{padding-inline:9px}}
