:root{--ink:#0A1628;--body:#1E2A3A;--muted:#4A5568;--soft:#718096;--blue:#0033A0;--bright:#0052CC;--deep:#002066;--pale:#EEF1F6;--layer:#F5F7FA;--line:rgba(0,51,160,.14);--shadow:0 12px 36px rgba(0,33,102,.08);--radius:14px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}body.overlay-lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-head{position:fixed;inset:0 0 auto;z-index:80}.head-width,.site-width{width:min(calc(100% - 32px),var(--max));margin:0 auto}.blue-line{height:22px;background:var(--deep);color:#fff;font-size:12px}.blue-line-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-button{appearance:none;border:0;background:transparent;color:#fff;padding:0 6px;min-height:22px;cursor:pointer}.hall-head{height:68px;background:#fff;border-bottom:1px solid var(--line)}.hall-inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand-home{justify-self:start;min-height:44px;display:flex;align-items:center}.head-logo,.panel-logo,.footer-logo{display:block;max-width:180px;height:auto;max-height:36px;object-fit:contain;object-position:left center}.brand-text{font-size:22px;font-weight:800;color:var(--deep);letter-spacing:.04em}.book-open{justify-self:center;min-height:44px;padding:0 18px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:10px;cursor:pointer;font-weight:700}.app-head-link{justify-self:end;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--bright),var(--blue) 50%,var(--deep));color:#fff;border-radius:10px;font-size:14px;font-weight:700}.tag-strip{height:44px;background:var(--pale);border-bottom:1px solid var(--line)}.tag-inner{height:44px;display:flex;align-items:center;gap:10px}.tag-inner a{height:34px;padding:0 10px;display:inline-flex;align-items:center;border-radius:8px;color:var(--muted);font-size:14px;font-weight:650}.tag-inner a.is-active{background:var(--blue);color:#fff}.tag-sep{width:1px;height:16px;background:rgba(0,51,160,.2)}.site-main{padding-top:134px;min-height:70vh}.page-overlay{position:fixed;inset:0;background:rgba(10,22,40,.38);z-index:89;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.page-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.master-book{position:fixed;left:0;right:0;top:90px;z-index:95;transform:translateY(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.master-book.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.master-shell{width:min(100%,var(--max));max-height:calc(100vh - 106px);overflow:auto;margin:0 auto;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);box-shadow:var(--shadow);border-radius:0 0 16px 16px}.master-top{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.master-brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.master-brand strong{font-size:22px}.panel-close,.search-close{min-width:56px;min-height:44px;border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:10px;cursor:pointer}.master-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.master-groups section{background:var(--layer);border:1px solid var(--line);border-radius:14px;padding:14px}.master-groups h2{margin:0 0 8px;font-size:16px;color:var(--deep)}.master-groups a{display:block;padding:10px 8px;border-top:1px solid rgba(0,51,160,.08)}.master-groups a:first-of-type{border-top:0}.master-groups strong{display:block;color:var(--ink);font-size:14px}.master-groups span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.55}.search-layer{position:fixed;top:90px;left:50%;width:min(calc(100% - 32px),520px);z-index:96;transform:translate(-50%,-15px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-layer.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--bright);box-shadow:var(--shadow);border-radius:0 0 14px 14px;padding:16px}.search-top{display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.search-field{margin:14px 0;padding:13px 14px;border:1px solid var(--line);background:var(--layer);border-radius:10px;color:var(--soft)}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--deep)}.mobile-bottom{display:none}.hero,.home-section,.page-hero,.content-sheet{width:min(calc(100% - 32px),var(--max));margin-left:auto;margin-right:auto}.hero{padding:30px 0 16px}.hero-media{width:100%;height:300px;background:var(--layer);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center}.media-placeholder{padding:24px;text-align:center;color:var(--deep);font-weight:800;font-size:22px}.eyebrow{margin:18px 0 6px;color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.08em}.hero h1,.page-hero h1{margin:0;color:var(--ink);font-size:clamp(28px,3vw,32px);line-height:1.3;letter-spacing:-.02em}.hero-copy,.page-lead{max-width:880px;color:var(--muted);margin:12px 0 0}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{min-height:44px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:750}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--bright),var(--blue) 50%,var(--deep))}.btn.secondary{border:1px solid var(--blue);background:#fff;color:var(--blue)}.home-section{padding:28px 0;border-top:1px solid rgba(0,51,160,.08)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0;color:var(--ink);font-size:22px}.section-head p{margin:0;color:var(--soft);font-size:14px}.tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tag-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--layer);min-height:132px}.tag-card:nth-child(even){border-top:4px solid var(--deep)}.tag-card:nth-child(odd){border-top:4px solid var(--bright)}.tag-card h3{margin:0 0 8px;color:var(--ink);font-size:17px}.tag-card p{margin:0;color:var(--muted);font-size:14px}.tag-card a{display:inline-flex;margin-top:10px;color:var(--blue);font-weight:750}.feature-stack{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:stretch}.feature-copy,.feature-media,.panel-card,.info-card,.app-copy,.app-media{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.feature-copy{padding:22px}.feature-copy p{margin:0;color:var(--muted)}.number-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.number-list a{padding:12px;background:var(--layer);border-radius:10px;color:var(--deep);font-weight:700}.feature-media{min-height:220px;background:var(--layer);display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-media img{width:100%;height:220px;object-fit:contain}.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel-card{padding:14px}.panel-card .media-box{height:200px;background:var(--layer);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.panel-card .media-box img{width:100%;height:100%;object-fit:contain}.panel-card h3{margin:14px 0 6px;color:var(--ink)}.panel-card p{margin:0;color:var(--muted)}.wide-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px}.wide-section.reverse{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.section-media{height:230px;border:1px solid var(--line);background:var(--layer);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.section-media img{width:100%;height:100%;object-fit:contain}.section-copy{padding:4px 0}.section-copy h2{margin:0 0 10px;color:var(--ink);font-size:22px}.section-copy p{margin:0;color:var(--muted)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.mini-grid a,.mini-grid div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--deep)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-grid a{padding:18px;background:var(--layer);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:750}.shelf-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shelf-list article{padding:18px;border-left:4px solid var(--blue);background:var(--layer);border-radius:0 12px 12px 0}.shelf-list h3{margin:0 0 8px;color:var(--ink)}.shelf-list p{margin:0;color:var(--muted)}.rank-list{display:grid;gap:10px}.rank-list article{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:start;padding:14px;border-bottom:1px solid var(--line)}.rank-num{font-size:30px;font-weight:900;color:var(--blue);line-height:1}.rank-list h3{margin:0 0 4px;color:var(--ink)}.rank-list p{margin:0;color:var(--muted)}.timeline{position:relative;display:grid;gap:16px;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--line)}.time-node{position:relative;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.time-node:before{content:"";position:absolute;left:-25px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #fff}.time-node strong{color:var(--deep)}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step-grid article{padding:16px;background:var(--layer);border:1px solid var(--line);border-radius:12px}.step-grid strong{color:var(--blue)}.app-section{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:18px;align-items:stretch}.app-media{min-height:300px;background:var(--layer);display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;overflow:hidden}.app-media .app-main{max-width:75%;max-height:360px;object-fit:contain}.app-media .app-icon{width:64px;height:64px;object-fit:contain;flex:0 0 auto}.app-copy{padding:22px}.app-copy h2{margin-top:0;color:var(--ink)}.app-copy p{margin:0;color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{padding:20px}.info-card h2{margin:0 0 10px;color:var(--ink);font-size:20px}.info-card p{margin:0;color:var(--muted)}.page-hero{padding:34px 0 12px}.page-kicker{display:inline-flex;padding:4px 9px;background:var(--pale);color:var(--blue);border-radius:8px;font-size:13px;font-weight:800;margin-bottom:10px}.content-sheet{padding:12px 0 36px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.content-block{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;box-shadow:0 8px 28px rgba(0,33,102,.04)}.content-block h2{margin:0 0 8px;color:var(--ink);font-size:20px}.content-block p{margin:0;color:var(--body)}.content-block .block-note{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.wide-image{height:230px;border-radius:12px;background:var(--layer);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}.wide-image img{width:100%;height:100%;object-fit:contain}.index-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.index-list a{padding:12px 14px;background:var(--layer);border-radius:10px;color:var(--deep);font-weight:700}.editor-opinion{border-left:4px solid var(--blue);padding-left:14px}.qa-list{display:grid;gap:12px}.qa-item{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.qa-item h2{margin:0 0 8px;color:var(--ink);font-size:18px}.qa-item p{margin:0;color:var(--body)}.site-footer{background:var(--ink);color:#A0AEC0;margin-top:36px;padding:34px 0 calc(26px + env(safe-area-inset-bottom))}.footer-brand-line{display:flex;align-items:center;gap:12px;color:#fff}.footer-brand-line>div{display:flex;flex-direction:column;line-height:1.3}.footer-brand-line span{font-size:12px;color:#A0AEC0}.footer-brand p{max-width:760px;margin:12px 0 0}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.footer-groups h2{margin:0 0 8px;color:#fff;font-size:14px}.footer-groups a{display:block;padding:4px 0;color:#A0AEC0;font-size:13px}.footer-bottom{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}.btn:hover,.btn:focus-visible,.tag-inner a:hover,.tag-inner a:focus-visible,.master-groups a:hover,.master-groups a:focus-visible,.search-presets a:hover,.search-presets a:focus-visible,.mobile-bottom a:focus-visible{outline:2px solid rgba(0,82,204,.45);outline-offset:2px}.book-open:hover,.book-open:focus-visible,.panel-close:focus-visible,.search-close:focus-visible{outline:2px solid rgba(0,82,204,.45);outline-offset:2px}
@media (max-width:900px){.master-groups{grid-template-columns:repeat(2,1fr)}.triple-grid,.info-grid{grid-template-columns:1fr}.wide-section,.wide-section.reverse,.feature-stack,.app-section{grid-template-columns:1fr}.theme-grid,.shelf-list{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){body{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.head-width,.site-width,.hero,.home-section,.page-hero,.content-sheet{width:calc(100% - 32px)}.tag-strip{display:none}.site-main{padding-top:90px}.hall-inner{grid-template-columns:1fr auto 1fr;column-gap:6px}.brand-home{min-width:0}.head-logo{max-width:112px;max-height:30px}.book-open{padding:0 12px}.app-head-link{padding:0 10px;white-space:nowrap}.master-book{top:90px}.master-shell{width:100%;max-height:calc(100vh - 90px);border-radius:0}.master-groups{grid-template-columns:1fr;padding:12px}.search-layer{inset:22px 0 0;width:100%;transform:translate(0,-10px);background:var(--layer);padding:68px 16px 16px}.search-layer.is-open{transform:translate(0,0)}.search-card{height:100%;border-radius:0;border:0;background:var(--layer);box-shadow:none;padding:16px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:84;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.mobile-bottom a.is-active{background:var(--blue);color:#fff}.hero{padding-top:24px}.hero-media{height:230px}.tag-grid{grid-template-columns:1fr}.number-list{grid-template-columns:1fr}.triple-grid{grid-template-columns:1fr}.panel-card .media-box{height:190px}.theme-grid,.shelf-list,.mini-grid{grid-template-columns:1fr}.rank-list article{grid-template-columns:54px 1fr}.step-grid{grid-template-columns:1fr}.app-media{min-height:260px;flex-wrap:wrap}.app-media .app-main{max-width:100%;max-height:300px}.app-media .app-icon{width:56px;height:56px}.info-grid,.footer-groups{grid-template-columns:1fr 1fr}.index-list{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
@media (max-width:360px){.brand-text{font-size:18px}.book-open{padding:0 9px}.app-head-link{padding:0 8px;font-size:13px}.footer-groups{grid-template-columns:1fr}.app-media{display:block}.app-media .app-icon{display:block;margin:12px auto 0}}