:root{--bg:#F7F0E8;--deep:#E8DDD2;--paper:#FFF8F2;--soft:#F0E6DA;--ink:#161410;--text:#2A241C;--muted:#5A5044;--faint:#7A7064;--coral:#C45A4A;--moss:#5A7A48;--purple:#7A5A8A;--gold:#C49A3C;--teal:#3A7A72;--border:rgba(22,20,16,.12);--focus:rgba(196,90,74,.45);--shadow:0 12px 28px rgba(22,20,16,.08);--top:20px;--head:54px;--cap:46px}
*{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",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block;object-fit:contain;object-position:center}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--paper);padding:10px 14px;border:1px solid var(--coral)}.skip-link:focus{top:8px}.mogu-topline{position:fixed;inset:0 0 auto 0;height:20px;background:var(--ink);color:var(--gold);z-index:80;font-size:12px}.top-row{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-button,.close-button{border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px}.mogu-topline .text-button{min-height:20px;padding:0 2px;color:var(--gold)}.mogu-header{position:fixed;top:20px;inset-inline:0;height:54px;background:var(--paper);border-bottom:1px solid var(--coral);z-index:79}.brand-row{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-height:44px}.logo-slot{height:24px;display:flex;align-items:center}.logo-slot img{height:24px;width:auto}.brand-text{font-weight:800;font-size:16px;letter-spacing:.03em}.brand-actions{display:flex;align-items:center;gap:6px}.header-app,.menu-button{height:44px;display:inline-flex;align-items:center;padding:0 13px;border-radius:18px}.header-app{border:1px solid var(--coral);background:var(--paper)}.menu-button{background:var(--ink);color:var(--paper)}.mogu-cap-nav{position:fixed;top:74px;inset-inline:0;height:46px;background:var(--paper);border-bottom:1px solid var(--border);z-index:78}.cap-row{height:46px;display:flex;align-items:center;justify-content:center;gap:50px}.cap-link{font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;min-width:54px;min-height:44px}.cap-mark{width:20px;height:12px;border:2px solid var(--moss);border-radius:14px 14px 4px 4px;margin-bottom:3px}.cap-link.is-current .cap-mark{background:var(--coral);border-color:var(--coral)}.site-main{padding-top:150px;padding-bottom:56px;min-height:70vh}h1,h2,h3{color:var(--ink);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;line-height:1.45}p{margin:0 0 14px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:700}.lead{font-size:16px;color:var(--muted)}.hero,.section-card,.narrow-card,.method-card,.policy-card,.center-card,.topic-row,.status-row,.memo-item,.faq-item{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px}.hero{padding:28px;margin-bottom:28px}.hero .index-caps{display:flex;gap:12px;margin-bottom:20px}.mini-cap{width:66px;text-align:center;font-size:12px;color:var(--muted)}.mini-cap:before{content:"";display:block;width:28px;height:16px;margin:0 auto 4px;border-radius:18px 18px 4px 4px;background:var(--soft);border:1px solid var(--moss)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:20px;border:1px solid transparent;font-size:14px}.btn-primary{background:linear-gradient(135deg,#5A7A48 0%,#C45A4A 52%,#7A5A8A 100%);color:var(--paper)}.btn-secondary{background:var(--paper);border-color:var(--coral);color:var(--ink)}.btn:hover,.btn:focus-visible,.header-app:hover,.header-app:focus-visible,.menu-button:hover,.menu-button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.section{margin:30px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head p{margin:0;color:var(--muted);font-size:13px}.ring-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px;align-items:center;background:var(--paper);padding:24px;border-radius:24px;border:1px solid var(--border)}.ring-media{width:180px;height:180px;border-radius:50%;background:var(--paper);border:10px solid var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden;margin:auto}.ring-media img{max-width:100%;max-height:100%}.scatter-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.narrow-card{padding:20px}.image-slot{background:var(--paper);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}.image-slot img{width:100%;height:100%;object-fit:contain}.scatter-grid .image-slot{height:220px;margin-bottom:14px}.umbrella-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.umbrella-page{position:relative;background:var(--paper);border:1px solid var(--border);padding:24px 20px 20px;border-radius:24px 24px 8px 8px}.umbrella-page:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:88px;height:24px;border-radius:48px 48px 8px 8px;background:var(--soft);border:1px solid var(--moss)}.umbrella-page .image-slot{height:180px;margin:8px 0 14px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-card{padding:20px}.section-card .image-slot{height:200px;margin-bottom:14px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period{background:var(--paper);border-top:5px solid var(--coral);padding:18px;border-radius:18px;border-inline:1px solid var(--border);border-bottom:1px solid var(--border)}.period:nth-child(2){border-top-color:var(--moss)}.period:nth-child(3){border-top-color:var(--purple)}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 16px;border-radius:16px;box-shadow:none}.status-badge{font-weight:700;color:var(--teal)}.wrap-layout{display:grid;grid-template-columns:1fr 260px 1fr;gap:16px;align-items:center;background:var(--paper);padding:20px;border:1px solid var(--border);border-radius:24px}.wrap-media{display:flex;flex-direction:column;align-items:center;gap:12px}.wrap-media .image-slot{width:220px;height:300px}.app-icon{width:48px;height:48px;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--paper)}.app-icon img{width:48px;height:48px}.long-copy{background:var(--paper);border:1px solid var(--border);padding:24px;border-radius:22px}.bullet-lines{display:grid;gap:10px;margin:14px 0 0}.bullet-lines div{padding:12px 14px;background:var(--soft);border-radius:16px}.faq-six{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-six article{background:var(--paper);border:1px solid var(--border);padding:16px;border-radius:18px}.about-brand{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.about-brand .image-slot{height:220px}.page-hero{margin-bottom:24px}.page-hero p{max-width:760px}.content-columns{display:grid;grid-template-columns:220px 1fr;gap:18px}.side-index{position:sticky;top:138px;align-self:start;background:var(--soft);border-radius:20px;padding:16px}.side-index a{display:block;padding:8px 4px}.content-stack{display:grid;gap:16px}.scatter-article{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:start}.scatter-article:nth-child(even){grid-template-columns:180px 1fr}.scatter-article:nth-child(even) .scatter-copy{order:2}.scatter-article .image-slot{height:160px}.circle-feature{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}.circle-feature .image-slot{width:180px;height:180px;border-radius:50%}.single-column{max-width:760px;margin:0 auto}.memo-list{display:grid;gap:12px}.memo-item{padding:18px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.method-card,.policy-card{padding:18px}.topic-list{display:grid;gap:12px}.topic-row{padding:18px}.center-card{max-width:720px;margin:0 auto;padding:24px;text-align:left}.policy-list{display:grid;gap:12px}.policy-card{box-shadow:none}.faq-list{display:grid;gap:12px}.faq-item{padding:18px}.contact-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.banner-slot{height:200px;background:var(--paper);border:1px solid var(--border);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.banner-slot img{width:100%;height:100%;object-fit:contain}.site-footer{background:var(--ink);color:var(--bg);border-top:1px solid var(--gold);padding:32px 0 78px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-logo-slot{height:24px;display:flex;align-items:center}.footer-logo-slot img{height:24px;width:auto}.footer-brand>div:last-child{display:flex;gap:8px;align-items:baseline}.footer-brand strong{font-size:16px}.footer-brand span{color:var(--gold)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-groups h2{color:var(--gold);font-size:13px;margin-bottom:8px}.footer-groups a{display:block;color:var(--bg);padding:4px 0}.footer-note{color:#d8d0c4;margin-top:22px}.copyright{color:var(--gold);margin-bottom:0}.page-overlay{position:fixed;inset:0;background:rgba(22,20,16,.45);z-index:120;opacity:0;pointer-events:none;transition:.2s}.page-overlay.is-open{opacity:1;pointer-events:auto}.mogu-bag{position:fixed;z-index:130;top:26px;left:50%;width:min(280px,88vw);max-height:340px;transform:translate(-50%,-120%);background:var(--paper);border:1px solid var(--coral);border-radius:24px;box-shadow:var(--shadow);visibility:hidden;pointer-events:none;transition:.25s}.mogu-bag.is-open{transform:translate(-50%,0);visibility:visible;pointer-events:auto}.bag-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.bag-brand{height:24px;display:flex;align-items:center}.bag-brand img{height:24px;width:auto}.bag-scroll{max-height:285px;overflow:auto;padding:8px 14px 14px}.bag-group{margin-bottom:10px}.bag-group h2{font-size:13px;margin:8px 0;color:var(--coral)}.bag-group a{display:block;padding:7px 0;border-bottom:1px solid var(--border)}.bag-group a strong,.bag-group a span{display:block}.bag-group a span{color:var(--muted);font-size:12px}.search-layer{position:fixed;z-index:131;top:74px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%,-20px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-layer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.search-card{background:var(--paper);border:1px solid var(--coral);box-shadow:var(--shadow);padding:18px;border-radius:22px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:var(--soft);border-radius:18px}.mobile-bottom{display:none}.modal-open{overflow:hidden}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.mogu-cap-nav{display:none}.site-main{padding-top:104px;padding-bottom:82px}.brand-actions{gap:2px}.header-app,.menu-button{padding:0 10px}.ring-layout,.scatter-grid,.umbrella-pages,.two-cards,.wrap-layout,.about-brand,.content-columns,.circle-feature,.contact-paths{grid-template-columns:1fr}.ring-media{order:-1}.period-grid{grid-template-columns:1fr}.faq-six,.method-grid{grid-template-columns:1fr}.wrap-media{order:2}.side-index{position:static}.scatter-article,.scatter-article:nth-child(even){grid-template-columns:1fr}.scatter-article:nth-child(even) .scatter-copy{order:0}.footer-groups{grid-template-columns:1fr 1fr}.search-layer{top:0;left:0;width:100%;height:100dvh;transform:none;background:var(--ink);padding:16px}.search-layer.is-open{transform:none}.search-card{height:100%;background:var(--ink);color:var(--gold);border-color:var(--gold);padding-top:30px}.search-card strong,.search-card p{color:var(--gold)}.search-presets a{background:#28241e;color:var(--paper)}.mobile-bottom{position:fixed;z-index:77;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right: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)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.is-current{background:var(--coral);color:var(--paper)}.site-footer{padding-bottom:92px}.mogu-bag{top:18px;max-height:calc(100dvh - 36px)}.bag-scroll{max-height:calc(100dvh - 95px)}.status-row{grid-template-columns:1fr}.hero{padding:22px 18px}.about-brand .image-slot{height:180px}.banner-slot{height:200px}}


/* discovery edition */
.discovery-hero{position:relative;overflow:hidden;padding-bottom:24px}.discovery-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-80px;background:linear-gradient(135deg,rgba(196,90,74,.15),rgba(90,122,72,.12),rgba(122,90,138,.13));pointer-events:none}.discovery-ribbon{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.discovery-ribbon a{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--soft);font-size:13px}.feature-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:stretch;background:transparent}.feature-copy,.feature-media{background:var(--paper);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.feature-media{height:280px;padding:12px}.mosaic-list{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.mosaic-card{background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:18px}.mosaic-card.wide{grid-row:span 2;display:grid;grid-template-rows:220px auto;gap:16px}.mosaic-card .image-slot{height:100%}.notebook-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.notebook-grid article{background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:18px}.notebook-grid .image-slot{height:180px;margin-bottom:14px}.topic-stacks{display:grid;gap:10px}.topic-stacks a{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;min-height:72px;padding:14px 18px;background:var(--paper);border:1px solid var(--border);border-radius:18px}.topic-stacks a:nth-child(2){border-left:5px solid var(--moss)}.topic-stacks a:nth-child(3){border-left:5px solid var(--purple)}.topic-stacks a:nth-child(4){border-left:5px solid var(--teal)}.topic-stacks a:first-child{border-left:5px solid var(--coral)}.topic-stacks span{color:var(--muted)}.progress-panel{display:grid;grid-template-columns:300px 1fr;gap:22px;background:var(--paper);border:1px solid var(--border);border-radius:24px;padding:20px}.progress-visual{height:260px}.progress-steps p{padding:10px 0;border-bottom:1px solid var(--border)}.slim-visual{height:180px;margin-top:14px}.app-story{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:24px;padding:22px}.app-showcase{display:flex;flex-direction:column;align-items:center;gap:10px}.app-large{height:300px;width:240px}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-steps article{background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:16px}.guide-steps b{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:var(--ink);color:var(--gold);margin-bottom:10px}.notebook-zone{background:linear-gradient(180deg,rgba(232,221,210,.45),transparent);padding:20px;border-radius:26px}.index-links{display:grid;gap:10px;margin-top:16px}.index-links a{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;background:var(--soft);border-radius:14px}.index-links span{color:var(--muted);white-space:nowrap}
@media(max-width:760px){.feature-split,.progress-panel,.app-story,.mosaic-list,.notebook-grid{grid-template-columns:1fr}.mosaic-card.wide{grid-row:auto}.topic-stacks a{grid-template-columns:1fr;gap:4px}.guide-steps{grid-template-columns:1fr 1fr}.app-large{width:100%;max-width:260px}.index-links a{flex-direction:column}.index-links span{white-space:normal}}
@media(max-width:480px){.guide-steps{grid-template-columns:1fr}.discovery-ribbon a{flex:1 1 calc(50% - 8px);justify-content:center}}