*{box-sizing:border-box}
:root{--bg:#F4F6FF;--deep:#E4E8F6;--paper:#FBFBFF;--soft:#EEF0FA;--ink:#1E1A2A;--text:#2E2A3A;--muted:#5A5668;--lightmuted:#7A7688;--coral:#E07070;--gold:#E0B050;--mint:#70C090;--sky:#70A8D8;--violet:#A080D0;--border:rgba(30,26,42,.12);--strong-border:rgba(160,128,208,.48);--shadow:0 12px 28px rgba(30,26,42,.08)}
html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;z-index:1100;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,var(--coral) 0 20%,var(--gold) 20% 40%,var(--mint) 40% 60%,var(--sky) 60% 80%,var(--violet) 80% 100%);pointer-events:none}body.overlay-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;background:var(--paper);color:var(--ink);padding:8px 12px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:8px}
.top-edge{position:fixed;z-index:1000;top:0;left:6px;right:0;height:20px;background:var(--paper);border-bottom:1px solid var(--border);font-size:12px}.top-edge-inner{max-width:980px;height:20px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.text-trigger{border:0;background:transparent;color:var(--text);min-width:52px;height:44px;margin-top:-12px;margin-bottom:-12px;cursor:pointer}.site-head{position:fixed;z-index:990;top:20px;left:6px;right:0;height:54px;background:var(--paper);border-bottom:1px solid var(--strong-border)}.site-head-inner{max-width:980px;height:54px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.brand-home{display:inline-flex;align-items:center;min-height:44px}.brand-logo,.footer-logo,.menu-logo{height:24px;width:auto;object-fit:contain}.brand-word{font-weight:800;color:var(--ink);font-size:16px}.head-actions{display:flex;align-items:center;gap:8px}.app-entry,.menu-trigger{height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 14px;font-size:14px}.app-entry{border:1px solid var(--strong-border);background:var(--paper);color:var(--ink)}.menu-trigger{border:0;background:linear-gradient(90deg,var(--sky),var(--violet));color:var(--paper);gap:8px;cursor:pointer}.menu-trigger i{width:14px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.menu-trigger i:after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
.ring-nav{position:fixed;z-index:980;top:74px;left:6px;right:0;height:52px;background:var(--paper);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:36px}.ring-link{height:44px;display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding:0 3px}.ring-link:hover,.ring-link:focus-visible{color:var(--ink)}.ring-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-size:12px;border:1px solid rgba(30,26,42,.1)}.coral{background:var(--coral)}.gold{background:var(--gold)}.mint{background:var(--mint)}.sky{background:var(--sky)}.violet{background:var(--violet)}.ring-link.is-current .ring-dot{outline:2px solid var(--ink);outline-offset:2px}.site-main{padding:158px 16px 52px;min-height:70vh}.section-shell{max-width:980px;margin:0 auto 34px}.eyebrow,.section-kicker{margin:0 0 8px;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.08em}h1,h2,h3{margin-top:0;color:var(--ink);line-height:1.3}h1{font-size:24px;margin-bottom:14px}h2{font-size:20px;margin-bottom:12px}h3{font-size:16px;margin-bottom:8px}p{margin:0 0 14px}.button{min-height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.button.primary{background:linear-gradient(90deg,var(--sky) 0%,var(--violet) 100%);color:var(--paper)}.button.secondary{background:var(--paper);border:1px solid var(--violet);color:var(--ink)}.button:hover,.button:focus-visible,.app-entry:hover,.app-entry:focus-visible{transform:translateY(-1px);box-shadow:0 8px 18px rgba(30,26,42,.09)}.text-link{display:inline-flex;min-height:44px;align-items:center;color:#67509a;font-weight:700}.text-link:after{content:"→";margin-left:8px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.media-slot{background:var(--paper);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.section-headline{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-headline .section-kicker{min-width:72px}.section-headline h2{margin:0;flex:1}
.home-intro{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.intro-index{display:flex;flex-wrap:wrap;gap:8px 18px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:20px}.intro-index a{min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.intro-index span{width:22px;height:22px;border-radius:50%;background:var(--soft);display:inline-flex;align-items:center;justify-content:center}.intro-index a:nth-child(1) span{background:var(--coral)}.intro-index a:nth-child(2) span{background:var(--gold)}.intro-index a:nth-child(3) span{background:var(--mint)}.intro-index a:nth-child(4) span{background:var(--sky)}.intro-index a:nth-child(5) span{background:var(--violet)}.intro-copy{max-width:760px}.intro-copy p{max-width:720px}.cut-scene{min-height:220px;background:var(--soft);border:1px solid var(--border);position:relative;overflow:hidden;border-radius:12px;padding:24px 44% 24px 24px;display:flex;align-items:center}.cut-copy{position:relative;z-index:2}.cut-media{position:absolute;right:-1px;top:-1px;width:42%;height:178px;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);background:var(--paper);padding-left:28px}.cut-slot{height:176px;border-radius:0;border-color:transparent}.home-timeline{position:relative;padding-left:34px}.home-timeline:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--coral),var(--violet))}.timeline-item{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:14px;display:grid;grid-template-columns:1fr;gap:12px}.timeline-no{position:absolute;left:-34px;top:18px;width:24px;height:24px;border-radius:50%;background:var(--paper);border:2px solid var(--violet);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.timeline-item.first{grid-template-columns:220px 1fr}.timeline-image{height:152px}.orbit-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.orbit-card{background:var(--paper);border:1px solid var(--border);border-radius:50% 10px 50% 10px;padding:20px;min-height:230px;box-shadow:var(--shadow)}.orbit-card a{color:#67509a;font-weight:700}.orbit-image{height:120px;margin-bottom:14px;border-radius:50%}.shelf-home{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px}.shelf-title{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center}.shelf-header-image{height:118px}.shelf-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.shelf-pair article{background:var(--soft);padding:16px;border-radius:10px}.period-home{background:var(--deep);border-radius:12px;padding:20px}.period-image{height:180px;margin-bottom:16px}.period-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-columns article{background:var(--paper);border-radius:10px;padding:16px}.period-columns span{font-size:12px;font-weight:800;color:#67509a}.status-home{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px}.status-top{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:center}.status-image{height:150px}.status-bars{margin:16px 0;display:grid;gap:10px}.status-bars div{display:grid;grid-template-columns:90px 1fr;gap:14px;background:var(--soft);border-left:6px solid var(--violet);padding:12px 14px;border-radius:8px}.status-bars div:nth-child(1){border-left-color:var(--mint)}.status-bars div:nth-child(2){border-left-color:var(--sky)}.status-bars div:nth-child(3){border-left-color:var(--gold)}.app-home{text-align:center;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:22px}.app-visuals{display:flex;flex-direction:column;align-items:center;gap:10px}.app-poster{height:300px;width:min(100%,420px)}.app-icon-slot{width:58px;height:58px}.app-icon-slot img{width:48px;height:48px}.app-copy{max-width:760px;margin:16px auto 0}.reading-notes{padding:6px 0}.method-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.method-list article{border-top:4px solid var(--sky);background:var(--paper);padding:16px;border-radius:8px}.method-list article:nth-child(2){border-top-color:var(--mint)}.method-list article:nth-child(3){border-top-color:var(--violet)}.faq-home details,.faq-list details{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:0 16px;margin-bottom:10px}.faq-home summary,.faq-list summary{cursor:pointer;font-weight:700;color:var(--ink);padding:14px 0}.faq-home details p,.faq-list details p{padding-bottom:14px;margin:0}.brand-statement{border-left:6px solid var(--violet);background:var(--paper);padding:20px;border-radius:10px}
.page-hero{padding:28px 24px;background:var(--paper);border-radius:12px;border:1px solid var(--border)}.narrow-hero{max-width:820px}.centered-hero{text-align:center;max-width:820px}.weiji-timeline{position:relative;max-width:900px}.weiji-timeline:before{content:"";position:absolute;left:31px;top:0;bottom:0;width:2px;background:var(--strong-border)}.weiji-step{position:relative;padding-left:74px;margin-bottom:18px}.step-marker{position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--paper);border:2px solid var(--violet);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;z-index:2}.step-copy{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.media-step{display:grid;grid-template-columns:240px 1fr;gap:14px}.media-step .step-marker{left:16px}.weiji-main-image{height:220px;margin-left:0}.media-step{padding-left:74px}.media-step .weiji-main-image{grid-column:1}.media-step .step-copy{grid-column:2}.next-links{background:var(--soft);padding:18px;border-radius:10px}.next-links>div{display:flex;flex-wrap:wrap;gap:10px}.next-links a{min-height:44px;display:inline-flex;align-items:center;background:var(--paper);border:1px solid var(--border);padding:0 14px;border-radius:8px}
.cichang-cut{display:grid;grid-template-columns:1fr 42%;min-height:260px;background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cichang-text{padding:28px}.cichang-slant{clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);background:var(--soft);padding-left:34px;display:flex;align-items:center}.cichang-image{width:100%;height:220px;border:0}.scene-ribbon{display:grid;gap:14px}.scene-ribbon article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px;position:relative;padding-left:100px}.scene-ribbon article>span{position:absolute;left:18px;top:20px;width:62px;height:28px;border-radius:14px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.scene-ribbon article:nth-child(1){border-left:5px solid var(--coral)}.scene-ribbon article:nth-child(2){border-left:5px solid var(--gold)}.scene-ribbon article:nth-child(3){border-left:5px solid var(--mint)}.scene-ribbon article:nth-child(4){border-left:5px solid var(--sky)}.scene-ribbon article:nth-child(5){border-left:5px solid var(--violet)}.scene-method{background:var(--deep);padding:20px;border-radius:10px}
.orbit-stage{min-height:720px;position:relative}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:280px;background:var(--paper);border:2px solid var(--violet);border-radius:50%;padding:24px;text-align:center;z-index:2}.weibu-orbit-image{height:160px;border-radius:50%;margin-bottom:12px}.orbit-note{position:absolute;width:300px;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.orbit-note span{font-size:11px;font-weight:800;color:var(--violet)}.orbit-note.n1{left:0;top:0}.orbit-note.n2{right:0;top:40px}.orbit-note.n3{left:0;bottom:40px}.orbit-note.n4{right:0;bottom:0}.orbit-note.n5{left:50%;top:0;transform:translateX(-50%);width:280px}.weibu-method{background:var(--paper);padding:20px;border:1px solid var(--border);border-radius:12px}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-steps p{background:var(--soft);padding:14px;border-radius:8px}
.single-column{max-width:820px}.single-intro{background:var(--paper);padding:24px;border:1px solid var(--border);border-radius:12px}.single-feature-image{height:280px;margin:16px 0}.single-block{padding:22px 0;border-bottom:1px solid var(--border)}.single-block:nth-of-type(even){padding-left:28px;border-left:4px solid var(--sky)}.single-next{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.period-page{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:24px}.xunwei-wide{height:220px;margin-top:18px}.period-track{position:relative;padding-left:70px}.period-track:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:4px;background:linear-gradient(var(--coral),var(--gold),var(--violet));border-radius:4px}.period-block{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:18px}.period-block>span{position:absolute;left:-70px;top:20px;width:56px;height:32px;background:var(--paper);border:2px solid var(--violet);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.period-close{background:var(--deep);padding:20px;border-radius:10px}
.status-page-head{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center;background:var(--paper);padding:24px;border-radius:12px;border:1px solid var(--border)}.weili-head-image{height:170px}.status-lines{display:grid;gap:14px}.status-line{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;background:var(--paper);padding:18px;border-radius:10px;border:1px solid var(--border)}.status-badge{min-height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800}.ready .status-badge{background:rgba(112,192,144,.2);border:1px solid var(--mint)}.working .status-badge{background:rgba(112,168,216,.2);border:1px solid var(--sky)}.waiting .status-badge{background:rgba(224,176,80,.2);border:1px solid var(--gold)}.status-explain{background:var(--soft);padding:20px;border-radius:10px}
.checklist-head{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center;background:var(--paper);padding:24px;border-radius:12px;border:1px solid var(--border)}.checklist-head .eyebrow,.checklist-head h1,.checklist-head>p{grid-column:1}.weibei-image{grid-column:2;grid-row:1/5;height:180px}.memo-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-checks article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.memo-checks ul{padding-left:20px;margin:0 0 14px}.memo-checks li{margin-bottom:8px}.memo-checks article:nth-child(1){border-top:4px solid var(--coral)}.memo-checks article:nth-child(2){border-top:4px solid var(--gold)}.memo-checks article:nth-child(3){border-top:4px solid var(--sky)}.memo-checks article:nth-child(4){border-top:4px solid var(--violet)}.memo-close{background:var(--deep);padding:20px;border-radius:10px}
.method-hero{max-width:760px;border-bottom:3px solid var(--violet);padding-bottom:18px}.method-guide{display:grid;gap:12px}.guide-row{display:grid;grid-template-columns:64px 1fr;gap:14px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.guide-number{width:48px;height:48px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--violet)}.method-choice{background:var(--deep);padding:20px;border-radius:10px}.choice-grid{display:flex;flex-wrap:wrap;gap:10px}.choice-grid a{min-height:44px;display:inline-flex;align-items:center;background:var(--paper);border:1px solid var(--border);padding:0 14px;border-radius:8px}
.topic-head{max-width:790px}.topic-list{display:grid;gap:12px}.topic-list article{display:grid;grid-template-columns:54px 1fr;gap:14px;background:var(--paper);border:1px solid var(--border);padding:18px;border-radius:10px}.topic-list article>span{font-size:24px;font-weight:900;color:rgba(160,128,208,.55)}.topic-list a{color:#67509a;font-weight:700}.topic-note{background:var(--soft);padding:20px;border-radius:10px}
.shelf-centered{text-align:center;max-width:800px}.weijia-hero-image{height:220px;margin-bottom:18px}.center-card-stack{max-width:800px;display:grid;gap:14px}.center-card-stack article{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.theme-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-bottom:10px}.center-card-stack article div{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.center-card-stack article a{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--strong-border);border-radius:8px;font-size:13px}.shelf-disclaimer{background:var(--deep);padding:20px;border-radius:10px}
.app-page{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--paper);padding:24px;border-radius:12px;border:1px solid var(--border)}.app-page-visual{display:flex;flex-direction:column;align-items:center;gap:10px}.app-page-poster{height:320px;width:min(100%,420px)}.app-page-icon{width:60px;height:60px}.app-page-icon img{width:48px;height:48px}.app-page-copy{max-width:760px;margin-top:16px}.app-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-features article{background:var(--paper);padding:18px;border-radius:10px;border:1px solid var(--border)}.app-principles{background:var(--deep);padding:20px;border-radius:10px}
.install-head{max-width:800px}.install-steps{display:grid;gap:14px;counter-reset:item}.install-steps article{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.install-steps article>span{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--sky),var(--violet));color:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:900}.install-close{background:var(--soft);padding:20px;border-radius:10px}
.legal-head{max-width:820px;border-left:6px solid var(--violet);background:var(--paper);padding:22px;border-radius:10px}.legal-sections{display:grid;gap:12px}.legal-sections article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.legal-sections article:nth-child(odd){margin-right:50px}.legal-sections article:nth-child(even){margin-left:50px}.legal-close,.privacy-close{background:var(--deep);padding:20px;border-radius:10px}.grade-bands{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grade-bands article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.grade-bands article:last-child{grid-column:1/-1}.grade-close{background:var(--soft);padding:20px;border-radius:10px}
.help-head{max-width:800px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.help-grid article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.help-grid a,.contact-paths a{color:#67509a;font-weight:700}.help-close{background:var(--deep);padding:20px;border-radius:10px}.faq-head{max-width:830px}.faq-list{max-width:900px}.faq-list details{padding-left:18px}.contact-head{max-width:820px}.contact-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-paths article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.contact-note{background:var(--soft);padding:20px;border-radius:10px}.about-banner-slot{height:200px}.about-head{max-width:820px;text-align:center}.about-flow{display:grid;gap:14px}.about-flow article{background:var(--paper);border:1px solid var(--border);padding:20px;border-radius:10px}.about-flow article:nth-child(odd){border-left:5px solid var(--sky)}.about-flow article:nth-child(even){border-right:5px solid var(--violet)}.about-flow span{font-size:12px;font-weight:800;color:var(--violet)}.about-brand-image{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:center;background:var(--deep);padding:20px;border-radius:10px}.about-brand-slot{height:190px}
.site-footer{background:var(--ink);color:#F4F6FF;padding:34px 16px calc(34px + env(safe-area-inset-bottom));font-size:13px;position:relative}.footer-colorbar{position:absolute;left:0;top:0;bottom:0;width:6px;display:grid;grid-template-rows:repeat(5,1fr)}.footer-colorbar span:nth-child(1){background:var(--coral)}.footer-colorbar span:nth-child(2){background:var(--gold)}.footer-colorbar span:nth-child(3){background:var(--mint)}.footer-colorbar span:nth-child(4){background:var(--sky)}.footer-colorbar span:nth-child(5){background:var(--violet)}.footer-inner{max-width:980px;margin:0 auto}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-brand .brand-home{min-height:24px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:16px}.footer-brand span{color:#cbc8d8}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.footer-links h2{color:#F4F6FF;font-size:13px;margin-bottom:8px}.footer-links a{display:block;min-height:32px;color:#ddd9e8}.footer-note{margin-top:18px;max-width:800px;color:#d3cfdd}.copyright{margin:0;color:#aaa5b7}
.page-mask{position:fixed;inset:0;z-index:1200;background:rgba(30,26,42,.42);opacity:0;transition:opacity .18s;pointer-events:none}.page-mask.is-visible{opacity:1;pointer-events:auto}.drop-menu{position:fixed;z-index:1300;top:0;left:6px;right:0;height:28vh;min-height:240px;max-height:420px;background:var(--paper);transform:translateY(-110%);transition:transform .2s ease;visibility:hidden;pointer-events:none;box-shadow:var(--shadow);overflow:auto}.drop-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.drop-menu-head{max-width:980px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px}.drop-brand{display:flex;align-items:center;gap:10px;font-weight:800}.close-control{min-width:54px;height:44px;border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:8px;cursor:pointer}.drop-menu-grid{max-width:980px;margin:0 auto;padding:0 16px 18px;display:grid;grid-template-columns:1.1fr 1.1fr .8fr 1.4fr;gap:18px}.drop-menu-grid h2{font-size:13px;margin-bottom:7px}.drop-menu-grid a{display:flex;gap:7px;align-items:baseline;min-height:28px;font-size:12px}.drop-menu-grid b{color:var(--ink);white-space:nowrap}.drop-menu-grid span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel{position:fixed;z-index:1280;left:6px;right:0;top:74px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:980px;margin:0 auto;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);padding:16px;border-radius:0 0 12px 12px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.search-card label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.search-card input{width:100%;height:44px;border:1px solid var(--strong-border);background:var(--paper);color:var(--ink);border-radius:8px;padding:0 12px;outline:none}.search-card input:focus{box-shadow:0 0 0 3px rgba(160,128,208,.18)}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;background:var(--soft);border:1px solid var(--border)}.search-empty{margin-top:12px;color:var(--muted)}.mobile-bottom{display:none}
:focus-visible{outline:3px solid rgba(160,128,208,.55);outline-offset:2px}
@media (max-width:820px){.ring-nav{display:none}.site-main{padding-top:106px}.site-head-inner,.top-edge-inner{padding-left:16px;padding-right:12px}.app-entry,.menu-trigger{padding:0 11px}.home-intro{padding:18px}.cut-scene{padding:18px;display:grid;min-height:0}.cut-media{position:relative;right:auto;top:auto;width:100%;height:178px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);margin-top:12px;padding-left:16px}.timeline-item.first{grid-template-columns:1fr}.orbit-wrap{grid-template-columns:1fr}.orbit-card{border-radius:12px;min-height:0}.shelf-title{grid-template-columns:1fr}.shelf-pair{grid-template-columns:1fr}.period-columns{grid-template-columns:1fr}.status-top{grid-template-columns:1fr}.method-list{grid-template-columns:1fr}.cichang-cut{grid-template-columns:1fr}.cichang-slant{clip-path:none;padding:14px}.orbit-stage{min-height:0;display:grid;gap:12px}.orbit-center,.orbit-note{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important}.orbit-center{border-radius:12px}.method-steps{grid-template-columns:1fr}.media-step{grid-template-columns:1fr}.media-step .weiji-main-image,.media-step .step-copy{grid-column:1}.status-page-head,.checklist-head{grid-template-columns:1fr}.checklist-head .eyebrow,.checklist-head h1,.checklist-head>p,.weibei-image{grid-column:1;grid-row:auto}.memo-checks,.app-features,.grade-bands,.help-grid,.contact-paths{grid-template-columns:1fr}.grade-bands article:last-child{grid-column:auto}.legal-sections article:nth-child(odd),.legal-sections article:nth-child(even){margin:0}.about-brand-image{grid-template-columns:1fr}.drop-menu{height:28vh;min-height:260px;max-height:360px}.drop-menu-grid{grid-template-columns:1fr 1fr;gap:12px}.drop-menu-grid a{min-height:34px}.search-panel{top:0;bottom:0;background:var(--ink);padding:18px 16px 70px}.search-card{height:100%;max-width:none;background:var(--ink);color:var(--paper);border:0;border-radius:0;box-shadow:none;padding:10px 0}.search-head strong{color:var(--paper)}.search-card label{color:#d9d5e3}.search-card input{background:#2b2638;color:var(--paper);border-color:rgba(255,255,255,.25)}.search-presets a{background:#2b2638;color:var(--paper);border-color:rgba(255,255,255,.15)}.search-empty{color:#d9d5e3}.search-card .close-control{background:#2b2638;color:var(--paper);border-color:rgba(255,255,255,.2)}.footer-links{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:950;left:6px;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.is-current{background:var(--violet);color:var(--paper)}.site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}
@media (max-width:560px){.site-main{padding-left:16px;padding-right:16px}.head-actions{gap:5px}.app-entry,.menu-trigger{font-size:13px;padding:0 9px}.brand-logo{max-width:122px}.intro-index{gap:4px 10px}.intro-index a{font-size:12px}.scene-ribbon article{padding-left:18px;padding-top:58px}.scene-ribbon article>span{top:14px}.weiji-step,.media-step{padding-left:58px}.weiji-timeline:before{left:22px}.step-marker{left:6px}.period-track{padding-left:0}.period-track:before{display:none}.period-block>span{position:static;width:auto;display:inline-flex;padding:0 12px;margin-bottom:10px}.status-line{grid-template-columns:1fr}.guide-row,.topic-list article,.install-steps article{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.drop-menu-grid{grid-template-columns:1fr}.drop-menu{height:28vh;min-height:280px}.period-image{height:150px}.app-poster,.app-page-poster{height:280px}.about-banner-slot{height:200px}}