:root{
  --bg:#f4f1f8;--paper:#fbf8ff;--paper2:#eee8f4;--deep:#e4deec;--ink:#161418;--text:#2a242c;--muted:#625b69;--soft:#7a7480;
  --blue:#4a8ab8;--pink:#c46a8a;--green:#6a9a48;--gold:#c4a04a;--violet:#6a4a9a;--line:rgba(22,20,24,.12);--shadow:0 14px 34px 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.72;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:10px;top:-80px;z-index:9999;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}.shell{width:min(960px,calc(100% - 32px));margin-inline:auto}.top-fixed{position:fixed;inset:0 0 auto 0;z-index:80;box-shadow:0 1px 0 var(--line)}.color-brow{height:18px;padding:0 max(16px,calc((100% - 960px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--gold);font-size:12px;line-height:18px}.text-trigger{border:0;background:transparent;color:var(--gold);padding:0}.site-head{height:54px;background:rgba(251,248,255,.96);backdrop-filter:blur(12px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 max(16px,calc((100% - 960px)/2));border-bottom:1px solid rgba(106,74,154,.14)}.brand-home{display:flex;align-items:center;min-width:64px;height:44px}.head-logo-slot{display:flex;align-items:center}.head-logo,.footer-logo,.bag-logo{height:24px;width:auto;max-width:120px;object-fit:contain}.brand-fallback{font-weight:800;font-size:16px}.head-logo-slot:has(img)+.brand-fallback{display:none}.head-slogan{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-actions{display:flex;gap:8px;align-items:center}.head-app-link,.bag-button{height:40px;min-width:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 14px}.head-app-link{background:linear-gradient(135deg,var(--blue),var(--pink) 48%,var(--violet));color:var(--paper);box-shadow:0 6px 16px rgba(106,74,154,.18)}.bag-button{border:1px solid rgba(106,74,154,.32);background:var(--paper);color:var(--ink)}.pin-nav{height:44px;background:rgba(251,248,255,.97);display:flex;align-items:center;justify-content:center;gap:28px}.pin-link{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;font-size:13px}.pin-dot{width:18px;height:18px;border:2px solid var(--blue);border-radius:50%;box-shadow:inset 0 0 0 4px var(--paper)}.pin-link.is-current{background:#f1ebf8;box-shadow:0 6px 16px rgba(106,74,154,.18)}.pin-link.is-current .pin-dot{background:var(--violet);border-color:var(--gold)}.site-main{padding-top:132px;padding-bottom:40px}.eyebrow,.hero-kicker{display:inline-block;font-size:12px;letter-spacing:.08em;color:var(--violet);font-weight:800;text-transform:uppercase}.hero-new{padding:54px 0 34px}.hero-new h1,.inner-hero h1,.faq-head h1{font-size:clamp(30px,6vw,52px);line-height:1.12;letter-spacing:-.03em;margin:10px 0 18px;color:var(--ink);max-width:780px}.hero-lead,.inner-hero p,.faq-head p{font-size:16px;max-width:760px;color:#403846}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;transition:180ms}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--pink) 48%,var(--violet));color:var(--paper);box-shadow:0 6px 16px rgba(106,74,154,.18)}.btn.secondary{background:var(--paper);border:1px solid rgba(106,74,154,.34);color:var(--ink)}.btn:hover,.head-app-link:hover{filter:brightness(1.05);box-shadow:0 0 0 3px rgba(196,106,138,.20),0 10px 24px rgba(74,138,184,.22)}.btn:active,.head-app-link:active{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(196,160,74,.32),0 0 22px rgba(106,74,154,.34)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.hero-ribbon{margin-top:34px;display:flex;gap:8px;flex-wrap:wrap}.hero-ribbon span{background:var(--paper);border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:13px}.feature-band,.image-story,.status-stage,.app-zone,.brand-end{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center;margin-top:34px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.feature-band h2,.story-copy h2,.stage-copy h2,.app-copy h2,.brand-end h2,.section-heading h2{font-size:24px;line-height:1.3;color:var(--ink);margin:8px 0 12px}.image-story.reverse{grid-template-columns:.78fr 1.22fr}.image-well{background:linear-gradient(145deg,#f7f3fb,#eee8f4);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-wide{height:176px}.image-round{width:240px;height:176px;border-radius:88px;margin:auto}.content-image{width:100%;height:100%;object-fit:contain;object-position:center}.text-link{display:inline-flex;margin-top:12px;color:var(--violet);font-weight:800}.split-board{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.board-card{border-radius:22px;padding:24px;color:var(--paper);min-height:235px;position:relative;overflow:hidden}.board-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;bottom:-70px;background:rgba(255,255,255,.12)}.accent-blue{background:linear-gradient(145deg,#4a8ab8,#396f99)}.accent-pink{background:linear-gradient(145deg,#c46a8a,#9d4f70)}.board-card h2{font-size:24px;margin:8px 0}.board-card a{display:inline-flex;margin-top:12px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.7)}.card-no{font-size:12px;opacity:.78}.topic-strip,.quick-guide,.faq-mini{margin-top:42px}.section-heading{max-width:700px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.topic-list a{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px rgba(22,20,24,.04)}.topic-list b{color:var(--ink);font-size:16px}.topic-list span{color:var(--muted);font-size:13px}.app-zone{grid-template-columns:1.2fr .8fr}.app-visual{display:flex;align-items:flex-end;justify-content:center;gap:12px}.app-phone{width:240px;height:320px}.icon-well{width:70px;height:70px;border-radius:18px;background:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.app-icon{width:48px;height:48px;object-fit:contain}.guide-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.guide-flow>div{padding:20px;background:var(--paper);border-radius:16px;border:1px solid var(--line)}.guide-flow b{color:var(--ink)}.faq-mini details,.faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:0 16px}.faq-mini summary,.faq-list summary{cursor:pointer;font-weight:800;color:var(--ink);padding:14px 0}.faq-mini details p,.faq-list details p{margin:0 0 16px;color:var(--muted)}.brand-end{margin-bottom:30px}.brand-mark{height:160px}.breadcrumb{padding-top:18px;font-size:13px;color:var(--soft);display:flex;gap:8px}.breadcrumb a{color:var(--violet)}.inner-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:30px 0 22px}.inner-hero h1{font-size:38px}.inner-hero .image-wide{height:176px}.lens-hero{grid-template-columns:.7fr 1.3fr}.banner-hero{grid-template-columns:1fr}.banner-well{height:200px;width:100%}.app-hero{grid-template-columns:1fr auto}.essay-stack{margin-top:20px;display:grid;gap:14px}.essay-block{display:grid;grid-template-columns:56px 1fr;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 22px rgba(22,20,24,.04)}.essay-block:nth-child(even){margin-left:48px}.block-index{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--deep);color:var(--violet);font-weight:900}.essay-block h2{font-size:20px;margin:2px 0 8px;color:var(--ink)}.essay-block p{margin:0;color:#3d3641}.lens .essay-block:nth-child(odd){border-left:4px solid var(--blue)}.notes .essay-block:nth-child(odd){border-left:4px solid var(--green)}.scene .essay-block:nth-child(odd){border-left:4px solid var(--pink)}.phase .essay-block:nth-child(odd){border-left:4px solid var(--gold)}.progress .essay-block:nth-child(odd){border-left:4px solid var(--violet)}.topics{grid-template-columns:1fr 1fr}.topics .essay-block{display:block;margin:0}.topics .block-index{margin-bottom:12px}.discover .essay-block{background:linear-gradient(145deg,var(--paper),#f2edf7)}.policy .essay-block,.policy2 .essay-block,.privacy .essay-block{box-shadow:none;border-radius:10px;border-left:4px solid var(--violet)}.next-path{margin-top:34px;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-path h2{font-size:16px;margin:0 0 10px}.next-links{display:flex;gap:10px;flex-wrap:wrap}.next-links a{font-size:13px;background:var(--paper);border:1px solid var(--line);padding:8px 12px;border-radius:999px}.faq-head{padding:34px 0 14px}.faq-list{padding-bottom:24px}.faq-list summary{display:flex;gap:12px;align-items:center}.faq-list summary span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--deep);color:var(--violet);font-size:12px}.site-footer{background:var(--ink);color:#f4f1f8;border-top:1px solid var(--gold);margin-top:42px}.footer-inner{width:min(960px,calc(100% - 32px));margin:auto;padding:34px 0 76px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-brand div{display:flex;flex-direction:column;line-height:1.2}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;color:#d6cfdd}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:var(--gold);margin:0 0 8px}.footer-groups a{display:block;font-size:13px;color:#e9e4ee;padding:3px 0}.footer-note,.copyright{font-size:13px;color:#bbb3c0}.footer-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(196,160,74,.25)}.screen-mask{position:fixed;inset:0;background:rgba(22,20,24,.48);z-index:89;opacity:0;visibility:hidden;pointer-events:none;transition:180ms}.screen-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}.nav-bag{position:fixed;z-index:90;left:0;right:0;bottom:0;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -18px 45px rgba(22,20,24,.2);max-height:64vh;overflow:auto;transform:translateY(110%);visibility:hidden;pointer-events:none;transition:220ms}.nav-bag.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bag-top{height:58px;display:flex;align-items:center;justify-content:space-between;width:min(960px,calc(100% - 32px));margin:auto}.bag-brand{display:flex;align-items:center;gap:10px}.bag-brand div{display:flex;flex-direction:column;line-height:1.15}.bag-brand small{color:var(--soft)}.close-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.bag-grid{width:min(960px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:24px}.bag-group{background:#f3eef8;border-radius:14px;padding:14px}.bag-group h2{font-size:13px;margin:0 0 8px;color:var(--violet)}.bag-group a{display:block;padding:8px;border-radius:10px}.bag-group a:hover{background:var(--paper)}.bag-group b,.bag-group span{display:block}.bag-group b{font-size:13px;color:var(--ink)}.bag-group span{font-size:11px;color:var(--muted);line-height:1.45;margin-top:2px}.search-layer{position:fixed;z-index:91;left:0;right:0;top:72px;visibility:hidden;pointer-events:none;opacity:0;transition:180ms}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{width:min(720px,calc(100% - 32px));margin:auto;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 18px 18px;padding:18px}.search-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.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(--line);border-radius:12px;background:white;padding:0 12px;color:var(--ink)}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#f4eff9}.search-empty{font-size:13px;color:var(--soft)}.mobile-bottom{display:none}
@media (max-width:720px){.site-main{padding-top:72px;padding-bottom:72px}.pin-nav{display:none}.head-slogan{display:none}.site-head{grid-template-columns:1fr auto}.feature-band,.image-story,.image-story.reverse,.status-stage,.app-zone,.brand-end,.inner-hero,.lens-hero,.app-hero{grid-template-columns:1fr}.split-board,.topic-list,.guide-flow,.topics,.footer-groups,.bag-grid{grid-template-columns:1fr}.hero-new{padding-top:34px}.hero-new h1,.inner-hero h1,.faq-head h1{font-size:32px}.image-round{width:100%;max-width:240px}.feature-band,.image-story,.status-stage,.app-zone,.brand-end{padding:20px;border-radius:18px}.essay-block,.essay-block:nth-child(even){margin-left:0;grid-template-columns:44px 1fr;padding:18px}.app-visual{flex-direction:column;align-items:center}.nav-bag{max-height:64vh}.bag-grid{gap:8px}.search-layer{top:72px;bottom:0;background:var(--ink)}.search-card{width:100%;height:100%;border-radius:0;background:var(--ink);color:var(--gold);border:0}.search-card input{background:#2a242c;color:#fff;border-color:rgba(255,255,255,.16)}.search-presets a{background:#312b34;color:#fff;border-color:rgba(255,255,255,.14)}.search-card label,.search-empty{color:#d9d1df}.close-button{background:transparent;color:inherit;border-color:rgba(196,160,74,.4)}.mobile-bottom{position:fixed;z-index:82;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:rgba(251,248,255,.98);border-top:1px solid var(--line)}.mobile-bottom a{display:grid;place-items:center;font-size:13px;min-height:48px}.mobile-bottom a.is-current{background:var(--violet);color:var(--paper);box-shadow:0 6px 16px rgba(106,74,154,.18)}.footer-inner{padding-bottom:84px}.hero-ribbon{gap:6px}}
@media (min-width:721px){.nav-bag{max-height:220px}.bag-grid{grid-template-columns:repeat(4,1fr)}.bag-group{max-height:148px;overflow:auto}}