*{box-sizing:border-box}:root{--bg:#F7F0E8;--deep:#E8DDD2;--paper:#FFF8F2;--soft:#F0E6DA;--ink:#161410;--text:#2A241C;--muted:#5A5044;--assist:#7A7064;--coral:#C45A4A;--moss:#5A7A48;--purple:#7A5A8A;--honey:#C49A3C;--teal:#3A7A72;--line:rgba(22,20,16,.12);--strong:rgba(196,90,74,.45);--shadow:0 12px 28px rgba(22,20,16,.08)}
html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.lock-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}
.site-head{position:fixed;z-index:80;top:0;left:0;right:0}.mogu-edge{height:20px;background:var(--ink);color:var(--honey);font-size:12px}.edge-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.edge-action{height:20px;min-width:44px;padding:0 4px;border:0;background:transparent;color:var(--honey)}.cap-head{height:54px;background:var(--paper);border-bottom:1px solid var(--strong)}.cap-head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-home{height:44px;min-width:78px;display:flex;align-items:center}.brand-home img,.bag-brand img,.footer-brand img{height:24px;width:auto;object-fit:contain;object-position:center}.brand-home strong{font-size:16px;color:var(--ink)}.head-actions{display:flex;align-items:center;gap:8px}.head-link,.bag-button,.btn-main,.btn-alt{height:42px;min-width:74px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;border-radius:20px}.head-link,.bag-button,.btn-alt{background:var(--paper);border:1px solid var(--coral);color:var(--ink)}.btn-main{background:linear-gradient(135deg,#5A7A48 0%,#C45A4A 52%,#7A5A8A 100%);color:var(--paper);border:1px solid transparent}.mushroom-nav{height:46px;background:var(--paper);border-bottom:1px solid var(--line)}.mushroom-nav-inner{height:46px;display:flex;align-items:center;justify-content:center;gap:34px}.mushroom-nav a{height:46px;min-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:13px;line-height:1.1}.mushroom-nav i{display:block;width:20px;height:12px;border:1px solid var(--moss);border-radius:12px 12px 3px 3px;margin-bottom:3px}.mushroom-nav a.is-current{color:var(--ink);font-weight:700}.mushroom-nav a.is-current i{background:var(--coral);border-color:var(--coral)}
.site-main{padding-top:144px;min-height:70vh}.page-head{padding:28px 0 20px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--teal);font-weight:800;margin-bottom:6px;display:inline-block}h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 14px}h2{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 10px}h3{font-size:16px;line-height:1.45;color:var(--ink);margin:0 0 8px}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:780px}.section{padding:30px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head small{font-size:12px;color:var(--assist)}.media-slot{min-height:130px;background:var(--paper);border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.slim{min-height:110px}.media-slot.tall{height:300px}.media-slot.banner{height:200px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--honey);outline-offset:3px}.head-link:hover,.bag-button:hover,.btn-main:hover,.btn-alt:hover{box-shadow:0 6px 14px rgba(22,20,16,.10);transform:translateY(-1px)}
.search-panel{position:fixed;z-index:95;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--strong);box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.search-open .search-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-inner{padding:18px 0 20px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.close-control{min-height:42px;padding:0 14px;border:1px solid var(--coral);background:var(--paper);color:var(--ink);border-radius:20px}.search-inner label{display:block;color:var(--muted);margin-bottom:8px}.search-inner input{width:100%;height:44px;border:1px solid var(--strong);background:#fffdf9;color:var(--ink);padding:0 12px;border-radius:20px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:40px;padding:8px 13px;border:1px solid var(--coral);display:flex;align-items:center;border-radius:20px}.search-status{font-size:13px;color:var(--assist);margin-top:10px}
.site-bag{position:fixed;z-index:100;top:82px;left:50%;width:280px;max-height:340px;overflow:auto;background:var(--paper);border:1px solid var(--strong);border-radius:0 0 24px 24px;box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-20px) scale(.97);transform-origin:top center;transition:.22s}.bag-open .site-bag{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}.bag-head{position:sticky;top:0;z-index:2;background:var(--paper);padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.bag-brand{display:flex;align-items:center;gap:8px}.bag-brand div{display:flex;flex-direction:column;line-height:1.2}.bag-brand span{font-size:10px;color:var(--assist);letter-spacing:.12em}.bag-body{padding:4px 12px 12px}.bag-body section{padding:8px 0;border-bottom:1px solid var(--line)}.bag-body section:last-child{border-bottom:0}.bag-body h2{font-size:13px;color:var(--teal);margin-bottom:5px}.bag-body a{display:grid;grid-template-columns:70px 1fr;gap:6px;padding:7px 4px;border-radius:18px}.bag-body a:hover{background:var(--soft)}.bag-body b{color:var(--ink)}.bag-body span{font-size:12px;color:var(--muted)}.page-mask{position:fixed;z-index:90;inset:0;background:rgba(22,20,16,.38);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.bag-open .page-mask,.search-open .page-mask{visibility:visible;opacity:1;pointer-events:auto}
.site-footer{margin-top:50px;background:var(--ink);color:var(--bg);border-top:1px solid var(--honey);padding:26px 0 18px;font-size:13px}.footer-grid{display:grid;grid-template-columns:170px 1fr;gap:30px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-brand strong{font-size:16px}.footer-brand span{font-size:11px;color:var(--honey);letter-spacing:.14em}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links h2{font-size:13px;color:var(--honey);margin-bottom:8px}.footer-links a{display:block;padding:4px 0}.footer-note{margin-top:20px;padding-top:14px;border-top:1px solid rgba(196,154,60,.3);color:#e4d7ca}.footer-note p{margin-bottom:6px}.mobile-bar{display:none}
.home-intro{padding:26px 0 30px}.home-cap-index{display:flex;gap:14px;margin-bottom:18px}.home-cap-index a{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.home-cap-index i{width:20px;height:12px;border:1px solid var(--moss);border-radius:12px 12px 3px 3px}.home-intro-copy{max-width:760px}.ring-feature{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;background:var(--soft);padding:24px;border-radius:24px}.ring-media{width:180px;height:180px;border-radius:50%;background:var(--paper);border:10px solid rgba(196,90,74,.14);display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto}.ring-media img{width:100%;height:100%;object-fit:contain}.scatter-pair{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.scatter-pair article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px}.scatter-pair article:nth-child(2){margin-top:42px}.scatter-pair .media-slot{margin-top:12px}.umbrella-pages{display:grid;grid-template-columns:1fr 1fr;gap:14px}.umbrella-pages article{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px 18px 18px}.umbrella-pages article:before{content:"";position:absolute;top:-14px;left:28px;width:72px;height:28px;background:var(--moss);border-radius:40px 40px 8px 8px}.umbrella-pages article:nth-child(2):before{background:var(--purple)}.rack-head{display:grid;grid-template-columns:1fr 210px;gap:16px;align-items:center;margin-bottom:14px}.rack-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rack-cards article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px}.period-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.period-row article{color:var(--paper);padding:18px;border-radius:22px}.period-row article:nth-child(1){background:var(--moss)}.period-row article:nth-child(2){background:var(--coral)}.period-row article:nth-child(3){background:var(--purple)}.period-row h3{color:var(--paper)}.status-list{display:grid;gap:8px}.status-item{display:grid;grid-template-columns:120px 1fr 100px;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:12px}.badge{justify-self:end;border:1px solid var(--teal);color:var(--teal);padding:3px 10px;border-radius:20px;font-size:12px}.app-wrap{background:var(--paper);border:1px solid var(--strong);border-radius:24px;padding:22px}.app-float{width:220px;margin:4px auto 14px}.app-float .media-slot{height:300px}.app-icon-center{width:72px;margin:0 auto 14px}.app-icon-center .media-slot{height:72px;min-height:72px}.point-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.point-grid article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px}.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-faq details{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:13px 14px}.home-faq summary{font-weight:700;color:var(--ink);cursor:pointer}.home-faq p{margin-top:8px}.brand-box{background:var(--paper);border:1px solid var(--strong);border-radius:24px;padding:20px;box-shadow:var(--shadow)}
.scatter-page{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.scatter-page article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px}.scatter-page article:nth-child(2n){margin-top:38px}.scatter-page .wide{grid-column:1/-1;max-width:760px;justify-self:center}.ring-page{display:grid;gap:18px}.ring-page article{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:18px}.ring-page article:nth-child(even){grid-template-columns:1fr 190px}.ring-page article:nth-child(even) .ring-copy{order:1}.ring-page article:nth-child(even) .ring-mark{order:2}.ring-mark{width:160px;height:160px;border-radius:50%;border:14px solid rgba(90,122,72,.16);margin:auto}.ring-mark.alt{border-color:rgba(122,90,138,.17)}.ring-mark.media{overflow:hidden;background:var(--paper)}.ring-mark.media img{width:100%;height:100%;object-fit:contain}.umbrella-page{display:grid;gap:14px}.umbrella-page article{display:grid;grid-template-columns:115px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden}.umbrella-page .umbrella-side{background:var(--soft);padding:20px 12px;text-align:center}.umbrella-page .umbrella-side:before{content:"";display:block;width:72px;height:28px;border-radius:40px 40px 7px 7px;background:var(--coral);margin:0 auto 14px}.umbrella-page .umbrella-copy{padding:20px}.linear-flow{position:relative;padding-left:26px}.linear-flow:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--moss),var(--coral),var(--purple),var(--teal))}.linear-flow section{position:relative;padding:0 0 22px 18px}.linear-flow section:before{content:"";position:absolute;left:-25px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:3px solid var(--coral)}.three-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.three-periods article{background:var(--paper);border-top:5px solid var(--moss);border-radius:20px;padding:18px}.three-periods article:nth-child(2){border-top-color:var(--coral)}.three-periods article:nth-child(3){border-top-color:var(--purple)}.state-board{display:grid;gap:10px}.state-board article{display:grid;grid-template-columns:1fr 120px;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:16px}.memo-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memo-list section{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px}.memo-list ul,.method-list ul{padding-left:20px}.method-list{display:grid;gap:12px}.method-list article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px}.topic-list{display:grid;gap:12px}.topic-list article{display:grid;grid-template-columns:150px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.topic-list strong{display:flex;align-items:center;justify-content:center;background:var(--soft);padding:16px;color:var(--teal);font-size:16px}.topic-copy{padding:18px}.center-cards{max-width:760px;margin:0 auto;display:grid;gap:14px}.center-cards article{background:var(--paper);border:1px solid var(--strong);border-radius:24px;padding:22px;text-align:center}.center-cards p{text-align:left}.app-article{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px}.wrap-media{float:left;width:230px;margin:4px 22px 14px 0}.wrap-media .media-slot{height:300px}.wrap-icon{float:right;width:84px;margin:0 0 10px 18px}.wrap-icon .media-slot{height:84px;min-height:84px}.clear{clear:both}.terms section{padding:20px 0;border-bottom:1px solid var(--line)}.terms section:last-child{border-bottom:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-grid article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px}.faq-page details{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:14px 16px;margin-bottom:10px}.faq-page summary{font-weight:800;color:var(--ink);cursor:pointer}.faq-page p{margin-top:9px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.about-grid section{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px}
@media(max-width:760px){.site-main{padding-top:92px;padding-bottom:60px}.mushroom-nav{display:none}.site-bag{width:88%;top:68px;max-height:76vh}.search-panel{top:0;bottom:0;background:var(--ink);color:var(--honey);overflow:auto}.search-inner{padding-top:28px}.search-inner label,.search-status{color:#e3d6c8}.search-inner input{background:var(--paper);color:var(--ink)}.search-presets a{color:var(--bg);border-color:var(--honey)}.search-panel .close-control{background:transparent;color:var(--bg);border-color:var(--honey)}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.mobile-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ink);border-top:1px solid var(--honey)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:13px}.mobile-bar a.is-current{background:var(--coral);color:var(--paper);font-weight:800}.ring-feature,.rack-head,.ring-page article,.ring-page article:nth-child(even),.about-grid{grid-template-columns:1fr}.ring-page article:nth-child(even) .ring-copy,.ring-page article:nth-child(even) .ring-mark{order:initial}.scatter-pair,.umbrella-pages,.rack-cards,.point-grid,.memo-list,.help-grid,.home-faq,.three-periods,.scatter-page{grid-template-columns:1fr}.scatter-pair article:nth-child(2),.scatter-page article:nth-child(2n){margin-top:0}.scatter-page .wide{grid-column:auto}.period-row{grid-template-columns:1fr}.status-item,.state-board article{grid-template-columns:1fr;gap:5px}.badge{justify-self:start}.umbrella-page article{grid-template-columns:92px 1fr}.topic-list article{grid-template-columns:105px 1fr}.wrap-media,.wrap-icon{float:none;margin:12px auto;width:220px}.wrap-icon{width:84px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}