*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#F4F1F8;color:#2A242C;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;padding-top:116px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:#161418;color:#F4F1F8;padding:10px 14px;border-radius:8px}.skip-link:focus{top:8px}.top-mini{position:fixed;z-index:90;left:0;right:0;top:0;height:18px;background:#161418;color:#C4A04A;font-size:12px}.mini-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.plain-trigger{border:0;background:transparent;color:#C4A04A;padding:0 4px;cursor:pointer}.site-head{position:fixed;z-index:89;left:0;right:0;top:18px;height:54px;background:#FBF8FF;border-bottom:1px solid rgba(106,74,154,.28)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{min-width:48px;height:44px;display:flex;align-items:center;font-size:16px;font-weight:800}.brand img,.footer-brandline img,.bag-brand img{height:24px;width:auto;object-fit:contain}.head-actions{display:flex;align-items:center;gap:10px}.app-link,.bag-open{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;font-size:14px}.app-link{background:linear-gradient(135deg,#4A8AB8 0%,#C46A8A 48%,#6A4A9A 100%);color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.bag-open{border:1px solid #6A4A9A;background:#FBF8FF;color:#2A242C;cursor:pointer}.pin-nav{position:fixed;z-index:88;left:0;right:0;top:72px;height:44px;background:#FBF8FF;border-bottom:1px solid rgba(22,20,24,.12)}.pin-inner{height:44px;display:flex;align-items:center;gap:10px}.pin-link{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;font-size:13px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid #4A8AB8;display:inline-block}.pin-link.is-current{box-shadow:0 6px 16px rgba(106,74,154,.18);background:#EEE8F4}.pin-link.is-current .pin-dot{background:#6A4A9A;border-color:#C4A04A;box-shadow:0 6px 16px rgba(106,74,154,.18)}.site-main{min-height:60vh}.breadcrumb{font-size:13px;color:#7A7480;padding:16px 0 8px}.breadcrumb a{color:#6A4A9A}.breadcrumb span{margin-left:7px}.hero,.page-intro{padding:46px 0 38px}.v3-hero{background:radial-gradient(circle at 15% 20%,rgba(74,138,184,.12),transparent 28%),radial-gradient(circle at 85% 18%,rgba(196,106,138,.12),transparent 30%),linear-gradient(180deg,#FBF8FF 0%,#F4F1F8 100%)}.lead-tabs,.home-index{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.lead-tabs a,.home-index a{background:#EEE8F4;border:1px solid rgba(106,74,154,.24);padding:8px 12px;border-radius:999px;font-size:13px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6A4A9A;font-weight:800;margin:0 0 8px}h1,h2,h3{color:#161418;margin-top:0}h1{font-size:24px;line-height:1.3;margin-bottom:12px}h2{font-size:20px;line-height:1.4}h3{font-size:16px}.hero p,.page-intro p{max-width:780px}.hero-lead,.intro-lead{font-size:18px;font-weight:700;color:#5A5460}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-primary,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;font-size:14px;transition:filter 180ms,box-shadow 180ms,transform 180ms}.btn-primary{background:linear-gradient(135deg,#4A8AB8 0%,#C46A8A 48%,#6A4A9A 100%);color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.btn-secondary{background:#FBF8FF;border:1px solid #6A4A9A;color:#2A242C}.btn-secondary.light{background:transparent;border-color:#C4A04A;color:#F4F1F8}.btn-primary:hover,.btn-secondary:hover,.app-link:hover,.pin-link.is-current:hover,.mobile-bar a.is-current:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(196,106,138,.28),0 10px 24px rgba(74,138,184,.28)}.btn-primary:active,.btn-secondary:active,.app-link:active,.pin-link.is-current:active,.mobile-bar a.is-current:active{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(196,160,74,.4),0 0 22px rgba(106,74,154,.45)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #6A4A9A;outline-offset:2px}.section{padding:46px 0}.section.soft{background:#E4DEEC}.section.paper{background:#FBF8FF}.dark-note{background:#161418;color:#F4F1F8;border-top:1px solid #C4A04A}.dark-note h2,.dark-note h3{color:#F4F1F8}.spotlight-row,.app-story,.index-callout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:center}.media-slot{background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.wide-media,.mid-media{width:100%;height:168px}.mid-media{height:160px}.circle-media{width:240px;height:176px;border-radius:50%}.banner-media{height:200px;width:100%}.app-media{width:240px;height:320px}.icon-media{width:68px;height:68px;margin:-28px auto 0;position:relative;z-index:2;border-radius:18px}.icon-media img{width:48px;height:48px}.feature-rail,.note-grid,.split-cards{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.feature-rail article,.note-grid article,.split-cards article,.pin-pages article,.policy-sections article,.contact-paths article,.support-grid article,.guide-stack article,.faq-list article,.theme-directory article{background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:12px;padding:20px;box-shadow:0 12px 28px rgba(22,20,24,.05)}.feature-lead{grid-row:span 2}.note-grid article:first-child{background:linear-gradient(145deg,#FBF8FF,#EEE8F4)}.timeline-lite,.topic-flow,.recap-columns,.progress-board,.reading-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.timeline-lite article,.topic-flow article,.recap-columns article,.progress-board>div,.reading-steps article{padding:18px;border-radius:12px;background:#FBF8FF;border:1px solid rgba(22,20,24,.12)}.timeline-lite span,.recap-columns span,.reading-steps span{display:inline-flex;min-width:42px;height:28px;align-items:center;justify-content:center;background:#EEE8F4;color:#6A4A9A;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:12px}.progress-board strong{display:inline-block;background:#6A4A9A;color:#FBF8FF;border-radius:999px;padding:5px 10px;margin-bottom:8px}.progress-board.large{grid-template-columns:1fr;gap:14px}.status-list{display:grid;gap:12px}.status-row{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(22,20,24,.12)}.status-tag{display:inline-flex;align-items:center;justify-content:center;background:#6A4A9A;color:#FBF8FF;border-radius:999px;padding:5px 10px;font-size:13px}.pin-pages,.checklist-page,.policy-sections,.contact-paths,.support-grid,.guide-stack,.faq-list,.theme-directory,.about-flow{display:grid;gap:16px}.pin-pages{grid-template-columns:repeat(2,1fr)}.pin-pages article:first-child{grid-row:span 2}.checklist-page{grid-template-columns:repeat(2,1fr)}.checklist-page>.media-slot{grid-column:1/-1}.policy-sections,.contact-paths,.support-grid,.theme-directory{grid-template-columns:repeat(2,1fr)}.guide-stack{grid-template-columns:repeat(5,1fr)}.guide-stack article{padding:16px}.guide-stack h2{font-size:16px}.faq-list{grid-template-columns:1fr 1fr}.faq-list article h2{font-size:17px}.faq-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-mini article{border-left:3px solid #C46A8A;padding:4px 0 4px 14px}.center{text-align:center}.center p{margin-left:auto;margin-right:auto}.centered-card{background:#FBF8FF;border:1px solid rgba(22,20,24,.12);border-radius:18px;padding:26px;box-shadow:0 12px 28px rgba(22,20,24,.08)}.index-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.index-groups article{padding:16px;border-radius:12px;background:#EEE8F4}.page-intro{background:linear-gradient(180deg,#FBF8FF 0%,#F4F1F8 100%)}.about-head{padding-top:20px}.footer-brand{padding-top:28px}.site-footer{background:#161418;color:#F4F1F8;border-top:1px solid #C4A04A;padding-bottom:28px}.footer-brandline{display:flex;align-items:center;gap:10px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:24px 0}.footer-grid h2{font-size:14px;color:#C4A04A;margin-bottom:8px}.footer-grid a{display:block;font-size:13px;color:#F4F1F8;padding:4px 0}.footer-note{font-size:13px;color:#cfc9d3;border-top:1px solid rgba(196,160,74,.35);padding-top:16px}.overlay{position:fixed;z-index:120;inset:0;background:rgba(22,20,24,.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms}.overlay.is-on{opacity:1;visibility:visible;pointer-events:auto}.bag-panel{position:fixed;z-index:130;left:0;right:0;bottom:0;max-height:220px;background:#FBF8FF;border-top:2px solid #6A4A9A;transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform 180ms;overflow:auto;padding:16px max(16px,calc((100% - 960px)/2))}.bag-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bag-top{display:flex;align-items:center;justify-content:space-between}.bag-brand{display:flex;align-items:center;gap:8px}.icon-close{min-height:44px;border:1px solid #6A4A9A;background:#FBF8FF;border-radius:12px;padding:0 14px;cursor:pointer}.bag-groups{display:grid;grid-template-columns:1.15fr 1.15fr .85fr 1.2fr;gap:18px}.bag-groups h2{font-size:14px;margin-bottom:6px}.bag-groups a{display:block;padding:4px 0}.bag-groups b{font-size:13px}.bag-groups span{display:block;font-size:12px;color:#7A7480}.search-panel{position:fixed;z-index:140;left:0;right:0;top:72px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity 180ms}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{width:min(720px,calc(100% - 32px));margin:0 auto;background:#FBF8FF;border:1px solid rgba(22,20,24,.12);box-shadow:0 12px 28px rgba(22,20,24,.14);border-radius:0 0 16px 16px;padding:20px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-label{display:block;font-size:13px;color:#5A5460;margin:10px 0 6px}.search-card input{width:100%;min-height:44px;border:1px solid rgba(22,20,24,.2);background:#fff;border-radius:10px;padding:0 12px}.preset-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preset-links a{padding:7px 11px;border-radius:999px;background:#EEE8F4;color:#2A242C}.search-empty{font-size:13px;color:#7A7480}.mobile-bar{display:none}.is-locked{overflow:hidden}.app-stack{justify-self:center}.about-flow article{padding-bottom:10px;border-bottom:1px solid rgba(22,20,24,.1)}
@media(max-width:820px){body{padding-top:72px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.pin-nav{display:none}.shell{width:calc(100% - 32px)}.spotlight-row,.app-story,.index-callout,.feature-rail,.note-grid,.split-cards,.timeline-lite,.topic-flow,.recap-columns,.pin-pages,.checklist-page,.policy-sections,.contact-paths,.support-grid,.faq-list,.index-groups{grid-template-columns:1fr}.guide-stack{grid-template-columns:1fr 1fr}.circle-media{margin:0 auto}.feature-lead{grid-row:auto}.bag-panel{max-height:64%;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.bag-groups{grid-template-columns:1fr 1fr}.search-panel{top:0;bottom:0;background:#161418;color:#C4A04A}.search-card{width:100%;height:100%;border:0;border-radius:0;background:#161418;color:#C4A04A;padding:28px 16px}.search-card strong,.search-card p,.search-label{color:#C4A04A}.search-card input{background:#FBF8FF;color:#161418}.icon-close{background:#FBF8FF}.mobile-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:100;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FBF8FF;border-top:1px solid rgba(22,20,24,.12)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bar a.is-current{background:#6A4A9A;color:#FBF8FF;box-shadow:0 6px 16px rgba(106,74,154,.18)}.section{padding:36px 0}.hero,.page-intro{padding:34px 0 30px}.app-media{width:240px;max-width:100%}.status-row{grid-template-columns:90px 1fr}}
@media(max-width:560px){.head-actions{gap:6px}.app-link,.bag-open{padding:0 12px}.bag-groups{grid-template-columns:1fr}.guide-stack{grid-template-columns:1fr}.faq-mini{grid-template-columns:1fr}.centered-card{padding:18px}.button-row{align-items:stretch}.button-row a{flex:1}.footer-grid{grid-template-columns:1fr 1fr}.wide-media{height:160px}.banner-media{height:200px}.hero-lead,.intro-lead{font-size:17px}}