:root{--paper:#F7F0E8;--deep:#E8DDD2;--panel:#FFF8F2;--secondary:#F0E6DA;--ink:#161410;--text:#2A241C;--muted:#5A5044;--aux:#7A7064;--coral:#C45A4A;--moss:#5A7A48;--purple:#7A5A8A;--gold:#C49A3C;--teal:#3A7A72;--line:rgba(22,20,16,.12);--line2:rgba(196,90,74,.45);--shadow:0 12px 28px rgba(22,20,16,.08);--max:960px}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}html.locked,body.locked{overflow:hidden}body{margin:0;background:var(--paper);color:var(--text);font:15px/1.7 "PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.site-header{position:fixed;inset:0 0 auto;z-index:70}.microbar{height:20px;background:var(--ink);color:var(--gold);font-size:12px}.microbar-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.search-trigger{height:20px;padding:0;border:0;background:transparent;color:var(--gold)}.brandbar{height:54px;background:var(--panel);border-bottom:1px solid var(--line2)}.brandbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{min-height:44px;display:flex;align-items:center}.brand-logo{height:24px;max-width:180px;object-fit:contain}.brand-link strong{font-size:16px;color:var(--ink)}.brand-actions{display:flex;align-items:center;gap:8px}.app-button,.menu-button{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:14px;border-radius:20px}.app-button{background:linear-gradient(135deg,var(--moss) 0%,var(--coral) 52%,var(--purple) 100%);color:var(--panel)}.menu-button{background:var(--panel);border:1px solid var(--coral);color:var(--ink)}
.mushroom-nav{height:46px;background:var(--panel);border-bottom:1px solid var(--line)}.mushroom-nav-inner{height:46px;display:flex;justify-content:center;gap:44px}.mushroom-nav a{height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:var(--muted)}.mushroom-nav i{width:20px;height:12px;border:1px solid var(--moss);border-radius:12px 12px 3px 3px}.mushroom-nav a.active i{background:var(--coral);border-color:var(--coral)}
.site-main{padding-top:120px;min-height:70vh}section.shell{padding:34px 0}h1,h2,h3{margin:0 0 14px;color:var(--ink);font-weight:800}h1{font-size:24px;line-height:1.3}h2{font-size:20px;line-height:1.42}h3{font-size:16px;line-height:1.5}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:780px}.eyebrow{margin-bottom:8px;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.17em}.button{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:22px;font-size:14px;white-space:nowrap}.primary{background:linear-gradient(135deg,var(--moss) 0%,var(--coral) 52%,var(--purple) 100%);color:var(--panel)}.secondary{background:var(--panel);border:1px solid var(--coral);color:var(--ink)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--coral);font-weight:800}.text-link:after{content:"→";margin-left:8px}a:hover,button:hover{opacity:.84}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(196,90,74,.32);outline-offset:2px}
.media-slot{background:var(--panel);border:1px solid var(--line);min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.home-intro{padding-top:50px!important}.mushroom-index{display:flex;gap:24px;align-items:center;margin-bottom:28px}.mushroom-index a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:13px}.mushroom-index i{width:20px;height:12px;border:1px solid var(--moss);border-radius:12px 12px 3px 3px}.mushroom-index a:first-child i{background:var(--coral);border-color:var(--coral)}
.ring-section{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;background:var(--secondary);border-radius:24px;padding-left:28px!important;padding-right:28px!important}.ring-art{width:180px;height:180px;border-radius:50%;padding:8px;background:linear-gradient(135deg,var(--coral),var(--gold),var(--teal));display:flex;align-items:center;justify-content:center}.ring-art .media-slot{width:164px;height:164px;border-radius:50%}
.scatter-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.scatter-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.scatter-card.art-card{transform:translateY(14px)}.scatter-card .media-slot{height:180px;margin-bottom:16px}
.umbrella-pages{background:linear-gradient(180deg,var(--paper),var(--secondary))}.umbrella-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.umbrella-grid article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;position:relative}.umbrella-grid article:first-child{padding-top:34px}.umbrella-cap{position:absolute;top:-14px;left:22px;width:70px;height:28px;background:var(--coral);border-radius:50% 50% 16px 16px}.umbrella-cap.moss{background:var(--moss)}.umbrella-grid .media-slot{height:190px;margin-top:16px}
.index-section{background:var(--deep);border-radius:24px}.index-top{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center}.index-art{height:130px}.index-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.index-cards article{background:var(--panel);border-radius:20px;padding:20px;border:1px solid var(--line)}
.period-section{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center}.period-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.period-list article{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}.period-section>.media-slot{height:250px}
.status-section{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding-left:24px!important;padding-right:24px!important}.status-section>.media-slot{height:230px}.status-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.status-tags span{padding:5px 11px;border-radius:16px;font-size:13px;font-weight:800}.status-tags span:nth-child(1){background:var(--moss);color:var(--panel)}.status-tags span:nth-child(2){background:var(--gold);color:var(--ink)}.status-tags span:nth-child(3){background:var(--secondary);border:1px solid var(--coral)}
.app-wrap{display:grid;grid-template-columns:1fr 260px 1fr;gap:18px;align-items:center}.app-copy{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.app-center{display:flex;flex-direction:column;gap:14px;align-items:center}.app-art{height:300px;width:100%}.app-icon{width:90px;height:90px;min-height:90px}.app-icon img{width:48px;height:48px}
.guide-list{display:grid;gap:12px}.guide-list article{background:var(--panel);border-left:6px solid var(--moss);border-radius:20px;padding:20px}.guide-list article:nth-child(2){border-left-color:var(--purple)}.guide-list article:nth-child(3){border-left-color:var(--teal)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}details{background:var(--panel);border:1px solid var(--line);border-radius:20px}summary{cursor:pointer;font-weight:800;color:var(--ink);min-height:48px;padding:15px 17px}details p{padding:0 17px 17px;margin:0;color:var(--muted)}.brand-home{border-top:1px solid var(--line);margin-bottom:30px!important}
.page-intro{padding-top:52px!important}.scatter-page{display:grid;gap:16px}.scatter-item{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;max-width:820px}.scatter-item.art-item{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.scatter-item.art-item .media-slot{height:220px}.scatter-item.offset-a{margin-left:8%}.scatter-item.offset-b{margin-left:16%}.link-row{display:flex;gap:10px;flex-wrap:wrap}.link-row a{min-height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--coral);border-radius:20px}
.ring-hero{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;padding-top:52px!important}.ring-hero-art{width:180px;height:180px;padding:8px;border-radius:50%;background:linear-gradient(135deg,var(--moss),var(--coral),var(--purple))}.ring-hero-art .media-slot{width:164px;height:164px;border-radius:50%}.ring-list{display:grid;gap:14px}.ring-list article{display:grid;grid-template-columns:70px 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px}.ring-number{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--moss);color:var(--panel);font-weight:800}.ring-number.coral{background:var(--coral)}.ring-number.purple{background:var(--purple)}.ring-number.gold{background:var(--gold);color:var(--ink)}.ring-number.teal{background:var(--teal)}
.umbrella-page-list{display:grid;gap:16px}.umbrella-page-list article{display:grid;grid-template-columns:1fr 250px;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 20px 20px;position:relative}.umbrella-page-list article:not(:first-child){grid-template-columns:1fr}.umbrella-top{position:absolute;top:-14px;left:28px;width:80px;height:30px;border-radius:50% 50% 15px 15px;background:var(--coral)}.umbrella-top.moss{background:var(--moss)}.umbrella-top.purple{background:var(--purple)}.umbrella-top.gold{background:var(--gold)}.umbrella-top.teal{background:var(--teal)}.umbrella-page-list .media-slot{height:190px}
.single-hero,.period-hero,.status-hero,.memo-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center;padding-top:52px!important}.wide-art{height:240px;grid-column:1/-1}.process-list{display:grid;gap:14px}.process-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px}.process-list b,.guide-steps span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:var(--panel)}
.period-hero .media-slot,.status-hero .media-slot,.memo-hero .media-slot{height:230px}.three-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.three-periods article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.three-periods article:nth-child(2){margin-top:24px}.three-periods article:nth-child(3){margin-top:48px}.three-periods span,.topic-stack em{display:inline-block;padding:4px 10px;border-radius:14px;background:var(--coral);color:var(--panel);margin-bottom:12px;font-style:normal}
.status-board{display:grid;gap:12px}.status-board article{display:grid;grid-template-columns:150px 1fr;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.state{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 10px;border-radius:16px;font-weight:800}.state.done{background:var(--moss);color:var(--panel)}.state.working{background:var(--gold);color:var(--ink)}.state.pending{background:var(--secondary);border:1px solid var(--coral)}
.memo-grid,.service-grid,.policy-list,.help-grid,.contact-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-grid article,.service-grid article,.policy-list article,.help-grid article,.contact-grid article,.about-grid article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.memo-grid ul{padding-left:20px}
.guide-hero,.topic-hero{padding-top:52px!important}.guide-steps{display:grid;gap:12px}.guide-steps article{display:grid;grid-template-columns:60px 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px}.topic-stack{display:grid;gap:14px}.topic-stack article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}.topic-stack article:nth-child(even){margin-left:7%}.topic-stack article:nth-child(odd){margin-right:7%}
.center-hero{display:flex;justify-content:center;padding-top:52px!important}.center-card{max-width:760px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center;box-shadow:var(--shadow)}.center-card .media-slot{height:220px;margin-bottom:20px}.center-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:840px}.center-grid article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;text-align:center}.center-grid article:last-child{grid-column:1/-1;max-width:70%;justify-self:center}
.app-page{display:grid;grid-template-columns:1fr 260px 1fr;gap:18px;align-items:center;padding-top:52px!important}.app-page .app-copy{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.app-media-wrap{display:flex;flex-direction:column;gap:14px;align-items:center}.app-media-wrap .app-art{height:300px;width:100%}
.policy-list{max-width:850px}.help-grid article:last-child{grid-column:1/-1;max-width:70%;justify-self:center}.article{max-width:800px}.soft{background:var(--secondary);border:1px solid var(--line);border-radius:22px;padding-left:24px!important;padding-right:24px!important;margin-bottom:30px!important}.faq-list{display:grid;gap:12px;max-width:850px}.faq-list details p{line-height:1.82}
.about-hero{padding-top:52px!important}.about-banner{height:200px}.about-title{max-width:790px;margin:22px auto 0}.about-image{height:240px}
.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid var(--gold);padding:34px 0 18px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-brand img{height:24px;max-width:170px;object-fit:contain}.footer-brand span{color:var(--gold)}.footer-note{max-width:760px;color:#ded3c8}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.footer-groups h2{font-size:13px;color:var(--gold);margin-bottom:8px}.footer-groups a{display:block;min-height:30px}.footer-bottom{border-top:1px solid rgba(196,154,60,.35);padding-top:14px;display:flex;gap:14px;flex-wrap:wrap;color:#ded3c8}.footer-bottom a{color:var(--gold)}
.site-menu{position:fixed;z-index:95;left:50%;top:72px;width:280px;max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:0 0 22px 22px;box-shadow:var(--shadow);transform:translate(-50%,-24px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}.site-menu.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.menu-head{position:sticky;top:0;z-index:2;background:var(--panel);display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.menu-brand{display:flex;align-items:center;gap:8px}.menu-brand img{height:24px;max-width:150px;object-fit:contain}.close-button{height:42px;padding:0 12px;border:1px solid var(--coral);background:var(--panel);color:var(--ink);border-radius:20px}.menu-body{padding:12px}.menu-body section{margin-bottom:16px}.menu-body h2{font-size:13px;color:var(--coral);margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid var(--line)}.menu-body a{display:grid;grid-template-columns:82px 1fr;gap:8px;padding:7px 0;min-height:44px}.menu-body span{font-size:12px;color:var(--muted)}
.search-layer{position:fixed;z-index:96;left:50%;top:74px;width:min(var(--max),calc(100% - 32px));transform:translate(-50%,-16px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.search-layer.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:var(--panel);border:1px solid var(--line2);border-radius:22px;box-shadow:var(--shadow);padding:18px}.search-head{display:flex;justify-content:space-between;gap:16px}.search-head p{margin:2px 0;color:var(--muted)}.search-card input{width:100%;height:44px;margin-top:14px;padding:0 12px;border:1px solid var(--coral);border-radius:22px;background:#fffdf9;color:var(--ink)}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{min-height:42px;display:flex;align-items:center;padding:0 13px;background:var(--secondary);border:1px solid var(--line);border-radius:20px}
.overlay{position:fixed;inset:0;z-index:85;background:rgba(22,20,16,.44);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-bottom{display:none}
@media(max-width:760px){
.mushroom-nav{display:none}.site-main{padding-top:74px;padding-bottom:62px}.ring-section,.period-section,.status-section,.ring-hero,.single-hero,.period-hero,.status-hero,.memo-hero,.app-page{grid-template-columns:1fr}.ring-art,.ring-hero-art{margin:0 auto}.scatter-grid,.umbrella-grid,.index-cards,.period-list,.faq-grid,.three-periods,.memo-grid,.service-grid,.policy-list,.help-grid,.contact-grid,.center-grid,.about-grid{grid-template-columns:1fr}.index-top{grid-template-columns:1fr}.app-wrap{grid-template-columns:1fr}.app-center{order:2}.right-copy{order:3}.scatter-item.art-item{grid-template-columns:1fr}.scatter-item.offset-a,.scatter-item.offset-b{margin-left:0}.umbrella-page-list article,.umbrella-page-list article:not(:first-child){grid-template-columns:1fr}.three-periods article:nth-child(2),.three-periods article:nth-child(3),.topic-stack article:nth-child(even),.topic-stack article:nth-child(odd){margin:0}.status-board article{grid-template-columns:1fr}.app-page{grid-template-columns:1fr}.help-grid article:last-child,.center-grid article:last-child{grid-column:auto;max-width:none}.site-menu{top:74px;width:88%;max-height:72vh}.search-layer{inset:0;left:0;top:0;width:100%;height:100%;transform:none;background:var(--ink);padding:16px}.search-layer.open{transform:none}.search-card{height:100%;overflow:auto;background:var(--ink);color:var(--gold);border-color:var(--gold)}.search-head p{color:var(--gold)}.search-layer .close-button{background:var(--ink);color:var(--gold);border-color:var(--gold)}.search-card input{background:#29251f;color:var(--paper);border-color:var(--coral)}.search-links a{background:#29251f;color:var(--paper);border-color:var(--purple)}.footer-groups{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:75;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(--panel);border-top:1px solid var(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.active{background:var(--coral);color:var(--panel);font-weight:800}}
@media(max-width:420px){.app-button,.menu-button{padding:0 10px;font-size:13px}h1{font-size:22px}.mushroom-index{gap:14px}}