:root{--bg:#F4F1F8;--deep:#E4DEEC;--paper:#FBF8FF;--secondary:#EEE8F4;--title:#161418;--text:#2A242C;--muted:#5A5460;--assist:#7A7480;--blue:#4A8AB8;--pink:#C46A8A;--green:#6A9A48;--gold:#C4A04A;--purple:#6A4A9A;--border:rgba(22,20,24,.12);--focus:rgba(106,74,154,.45);--shadow:0 12px 28px rgba(22,20,24,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.locked{overflow:hidden}.top-strip{position:fixed;z-index:80;top:0;left:0;right:0;height:20px;background:var(--title);color:var(--gold);font-size:12px}.top-strip-inner,.brand-inner,.fan-nav-inner,.footer-inner,.site-main{max-width:960px;margin:0 auto}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.text-button{border:0;background:none;color:var(--gold);padding:0;cursor:pointer}.brand-bar{position:fixed;z-index:79;top:20px;left:0;right:0;height:54px;background:var(--paper);border-bottom:1px solid rgba(106,74,154,.35)}.brand-inner{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.brand-link,.brand-actions{display:flex;align-items:center;gap:10px}.brand-link{min-height:44px}.brand-image-slot-small{display:inline-flex;width:auto;min-width:24px;height:24px;align-items:center;justify-content:center}.brand-image-slot-small img{height:24px;max-width:130px;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:700}.brand-actions a,.menu-button{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border-radius:10px}.header-app{background:var(--secondary);border:1px solid var(--border)}.menu-button{border:1px solid var(--purple);background:var(--paper);color:var(--title);cursor:pointer}.fan-nav{position:fixed;z-index:78;top:74px;left:0;right:0;height:44px;background:var(--paper);border-bottom:1px solid var(--border)}.fan-nav-inner{height:44px;display:flex;align-items:center;justify-content:center;gap:38px;padding:0 16px}.fan-link{position:relative;min-width:72px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.fan-shape{position:absolute;width:72px;height:22px;border:1px solid var(--blue);border-radius:50% 50% 2px 2px/100% 100% 2px 2px;opacity:.22}.fan-link.active{color:var(--paper)}.fan-link.active .fan-shape{background:var(--purple);border-color:var(--purple);opacity:1;z-index:-1}.site-main{padding:150px 16px 72px}.page-shell{padding:34px 0 18px}.eyebrow{font-size:13px;color:var(--purple);font-weight:700;letter-spacing:.08em}.hero-copy{max-width:760px}.hero-copy h1,.page-head h1{font-size:24px;line-height:1.3;margin:10px 0 12px;color:var(--title)}h2{font-size:20px;line-height:1.35;margin:0 0 12px;color:var(--title)}h3{font-size:16px;margin:0 0 8px;color:var(--title)}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted)}.hero-line{font-size:20px;font-weight:800;color:var(--title);margin:4px 0 12px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:44px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--pink) 50%,var(--purple) 100%);color:var(--paper)}.btn-secondary{background:var(--paper);border:1px solid var(--purple);color:var(--title)}.btn:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(196,160,74,.55);outline-offset:2px}.section{margin:34px 0}.card{background:var(--paper);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:22px}.soft-card{background:var(--secondary);border:1px solid var(--border);border-radius:10px;padding:20px}.image-slot{background:var(--paper);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.index-fans{display:flex;gap:12px;margin-bottom:20px}.index-fans a{position:relative;width:92px;height:40px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.index-fans a:before{content:"";position:absolute;inset:5px 2px;border:1px solid var(--blue);border-radius:50% 50% 4px 4px/100% 100% 4px 4px;z-index:-1;background:rgba(74,138,184,.05)}.fan-cut{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;align-items:center;background:linear-gradient(120deg,var(--paper) 0 68%,var(--secondary) 68%);border-radius:12px;padding:24px;border:1px solid var(--border)}.fan-cut .image-slot{height:176px;border-radius:100% 12px 12px 12px}.triple-narrow{display:grid;grid-template-columns:1fr .9fr .8fr;gap:14px;align-items:start}.narrow-note{min-width:0;border-left:3px solid var(--pink);padding:18px;background:var(--paper);box-shadow:var(--shadow);border-radius:8px}.narrow-note .image-slot{height:150px;margin:0 0 14px;border-radius:8px}.fold-pages{display:grid;grid-template-columns:1.05fr .95fr;gap:0;perspective:800px}.fold-page{padding:24px;background:var(--paper);border:1px solid var(--border);min-height:230px}.fold-page:first-child{border-radius:12px 0 0 12px;transform:rotateY(2deg);transform-origin:right}.fold-page:last-child{border-radius:0 12px 12px 0;transform:rotateY(-2deg);transform-origin:left}.fold-page .image-slot{height:160px;margin-bottom:12px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.head-image{height:180px;margin-bottom:18px;border-radius:12px}.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.thirds article{background:var(--paper);border-top:4px solid var(--green);padding:18px;border-radius:8px}.thirds .image-slot{height:160px;margin-bottom:14px}.status-board{background:var(--paper);border-radius:12px;border:1px solid var(--border);padding:20px}.status-row{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0}.status-badge{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--secondary);color:var(--purple);white-space:nowrap}.status-board .image-slot{height:170px;margin-bottom:14px}.wrap-app{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:24px;align-items:center}.app-visual{display:flex;align-items:center;justify-content:center;gap:14px}.app-visual .image-slot{height:300px;max-width:220px;flex:1;border-radius:12px}.app-icon-slot{width:64px;height:64px;border-radius:12px}.app-icon-slot img{width:48px;height:48px;object-fit:contain}.reading-points,.faq-six{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reading-points article,.faq-six article{padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px}.brand-story{background:linear-gradient(135deg,rgba(74,138,184,.10),rgba(196,106,138,.10),rgba(106,74,154,.10));padding:24px;border-radius:12px;border:1px solid var(--border)}.page-head{margin-bottom:24px}.page-head p{max-width:760px;color:var(--muted)}.prose-stack{display:grid;gap:16px}.prose-stack section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:22px}.scatter-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:14px;align-items:start}.scatter-grid article{background:var(--paper);padding:20px;border-radius:9px;border:1px solid var(--border)}.scatter-grid article:nth-child(2){margin-top:40px}.scatter-grid article:nth-child(3){margin-top:12px}.scatter-grid .image-slot{height:170px;margin-bottom:14px}.inner-fan-cut{display:grid;grid-template-columns:1fr 280px;gap:26px;align-items:start}.inner-fan-cut .image-slot{height:240px;border-radius:100% 12px 100% 12px}.fan-pages{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:18px}.fan-page{background:var(--paper);padding:22px;border:1px solid var(--border);min-height:240px}.fan-page:first-child{border-radius:12px 0 0 12px;border-right:0}.fan-page:last-child{border-radius:0 12px 12px 0}.fan-page .image-slot{height:170px;margin-bottom:14px}.single-column{max-width:760px;margin:0 auto}.single-column .image-slot{height:220px;margin-bottom:20px;border-radius:12px}.timeline-thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.timeline-thirds section{background:var(--paper);border:1px solid var(--border);padding:22px;border-radius:10px}.timeline-thirds .image-slot{height:160px;margin-bottom:14px}.checklist{display:grid;gap:12px}.check-item{display:grid;grid-template-columns:36px 1fr;gap:14px;background:var(--paper);padding:18px;border:1px solid var(--border);border-radius:10px}.check-mark{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--purple);color:var(--paper);font-weight:700}.method-list{counter-reset:m}.method-list section{counter-increment:m;position:relative;padding:22px 22px 22px 68px;background:var(--paper);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.method-list section:before{content:counter(m);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue);color:var(--paper);font-weight:800}.topic-list{display:grid;gap:14px}.topic-item{display:grid;grid-template-columns:150px 1fr;gap:18px;background:var(--paper);padding:20px;border:1px solid var(--border);border-radius:10px}.topic-item strong{color:var(--purple)}.center-cards{max-width:760px;margin:0 auto;display:grid;gap:16px}.center-cards article{text-align:center;background:var(--paper);padding:24px;border:1px solid var(--border);border-radius:12px}.center-cards .image-slot{height:190px;margin-bottom:16px}.terms section{padding:20px 0;border-bottom:1px solid var(--border)}.terms section:last-child{border-bottom:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-grid section{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px}.faq-list details{background:var(--paper);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:700;padding:16px 0;color:var(--title)}.faq-list details p{padding-bottom:16px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-grid section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:22px}.about-banner{height:200px;border-radius:12px;margin-bottom:22px}.about-brand-image{height:180px;border-radius:12px;margin-top:18px}.site-footer{background:var(--title);color:var(--bg);border-top:1px solid var(--gold);font-size:13px}.footer-inner{padding:34px 16px 84px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand div{display:flex;flex-direction:column}.footer-brand span{color:var(--gold)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:var(--gold);margin-bottom:8px}.footer-groups a{display:block;color:var(--bg);padding:3px 0}.footer-note{margin-top:22px;color:#d9d4df}.footer-copy{color:var(--gold)}.overlay{position:fixed;z-index:90;inset:0;background:rgba(22,20,24,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.side-panel{position:fixed;z-index:100;top:92px;left:0;width:28%;min-width:280px;max-width:390px;max-height:78vh;background:var(--paper);border:1px solid var(--border);border-left:0;border-radius:0 12px 12px 0;box-shadow:var(--shadow);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:.25s;overflow:hidden}.side-panel.open{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-brand{display:flex;align-items:center;gap:10px}.close-button{min-height:44px;border:1px solid var(--border);background:var(--paper);border-radius:9px;padding:0 12px;cursor:pointer}.panel-scroll{max-height:calc(78vh - 70px);overflow:auto;padding:12px 16px 18px}.panel-scroll h2{font-size:13px;color:var(--purple);margin:12px 0 6px}.panel-scroll a{display:block;padding:9px 0;border-bottom:1px solid var(--border)}.panel-scroll b,.panel-scroll span{display:block}.panel-scroll span{font-size:12px;color:var(--muted)}.search-layer{position:fixed;z-index:99;top:74px;left:0;right:0;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-layer.open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:720px;margin:0 auto;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px;border-radius:0 0 12px 12px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:var(--secondary);border-radius:10px;border:1px solid var(--border)}.mobile-bottom{display:none}
@media(max-width:700px){.fan-nav{display:none}.site-main{padding:102px 16px 78px}.brand-actions{gap:6px}.header-app,.menu-button{padding:0 10px}.fan-cut,.inner-fan-cut,.wrap-app{grid-template-columns:1fr}.triple-narrow,.scatter-grid,.thirds,.timeline-thirds,.reading-points,.faq-six,.two-cards,.help-grid,.contact-grid{grid-template-columns:1fr}.scatter-grid article:nth-child(2),.scatter-grid article:nth-child(3){margin-top:0}.fold-pages,.fan-pages{grid-template-columns:1fr}.fold-page,.fold-page:first-child,.fold-page:last-child,.fan-page,.fan-page:first-child,.fan-page:last-child{transform:none;border:1px solid var(--border);border-radius:10px!important;margin-bottom:12px}.status-row{grid-template-columns:1fr;gap:6px}.topic-item{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.side-panel{top:64px;width:88%;min-width:0;max-height:78vh}.panel-scroll{max-height:calc(78vh - 70px)}.search-layer{top:0;bottom:0;background:var(--title);padding:70px 16px 20px}.search-card{max-width:none;margin:0;background:var(--title);color:var(--gold);border-color:rgba(196,160,74,.3);border-radius:12px}.search-card strong,.search-card p{color:var(--gold)}.search-presets a{background:rgba(255,255,255,.06);border-color:rgba(196,160,74,.35);color:var(--bg)}.mobile-bottom{position:fixed;z-index:85;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-top:1px solid var(--border)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.active{background:var(--purple);color:var(--paper)}.footer-inner{padding-bottom:82px}.index-fans{gap:6px}.index-fans a{width:31%}}