:root{--paper:#F7F0E8;--deep:#E8DDD2;--card:#FFF8F2;--soft:#F0E6DA;--ink:#161410;--text:#2A241C;--muted:#5A5044;--quiet:#7A7064;--coral:#C45A4A;--moss:#5A7A48;--purple:#7A5A8A;--gold:#C49A3C;--teal:#3A7A72;--line:rgba(22,20,16,.12);--focus:rgba(196,90,74,.45);--shadow:0 12px 28px rgba(22,20,16,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);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,input{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip{position:fixed;z-index:50;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--gold);font-size:12px}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-trigger{border:0;background:transparent;color:var(--gold);min-width:44px;height:20px;cursor:pointer}.site-head{position:fixed;z-index:49;top:20px;left:0;right:0;height:54px;background:rgba(255,248,242,.98);border-bottom:1px solid var(--focus)}.head-row{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-link{min-width:120px;min-height:44px;display:flex;align-items:center}.logo-box{height:24px;display:flex;align-items:center}.logo-box img{height:24px;width:auto}.logo-fallback{font-weight:800;font-size:16px;letter-spacing:.04em}.logo-box img+.logo-fallback{display:none}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.menu-button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;white-space:nowrap}.head-app{background:linear-gradient(135deg,var(--moss),var(--coral) 52%,var(--purple));color:var(--card);font-size:14px}.menu-button{background:var(--card);border:1px solid var(--focus);color:var(--ink);cursor:pointer}.focus-nav{position:fixed;z-index:48;top:74px;left:0;right:0;height:46px;background:var(--card);border-bottom:1px solid var(--line)}.focus-nav-inner{height:46px;display:flex;justify-content:center;gap:52px}.focus-link{width:92px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.cap{width:20px;height:12px;border:2px solid var(--moss);border-bottom:0;border-radius:20px 20px 3px 3px;margin-bottom:2px}.focus-link.is-current{color:var(--coral);font-weight:700}.focus-link.is-current .cap{background:var(--coral);border-color:var(--coral)}.main-content{padding-top:120px;min-height:60vh}.section-space{padding:54px 0}.eyebrow{margin:0 0 9px;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 18px}h2{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 14px}h3{font-size:16px;line-height:1.45;color:var(--ink);margin:0 0 10px}p{margin:0 0 15px}.lead{font-size:16px;color:var(--muted);max-width:780px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{height:42px;min-width:128px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap}.primary{background:linear-gradient(135deg,var(--moss),var(--coral) 52%,var(--purple));color:var(--card)}.secondary{background:var(--card);border:1px solid var(--coral);color:var(--ink)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--teal);font-weight:700}.button:hover,.text-link:hover,.head-app:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(196,154,60,.45);outline-offset:3px}.soft-slot{background:var(--card);border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.soft-slot:empty:before{content:"";display:block;min-height:70px}.wide-slot{min-height:190px}.round-slot{width:180px;height:180px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.round-slot img{width:100%;height:100%}.lead-index{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 30px}.lead-index a{min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 16px;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:8px}.lead-index .mini-cap{grid-row:1/3;width:22px;height:13px;border-radius:22px 22px 3px 3px;background:var(--moss);align-self:center}.lead-index a:nth-child(2) .mini-cap{background:var(--coral)}.lead-index a:nth-child(3) .mini-cap{background:var(--purple)}.lead-index b{color:var(--ink)}.lead-index small{color:var(--quiet)}.home-lead{padding-top:64px}.orbit-feature{display:flex;gap:42px;align-items:center}.orbit-copy{background:var(--deep);border-radius:30px 12px 30px 12px;padding:30px;flex:1}.feature-spread{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:start}.spread-primary{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:22px}.spread-primary .wide-slot{margin-bottom:22px}.spread-note{margin-top:70px;background:var(--ink);color:var(--paper);border-radius:24px;padding:24px}.spread-note h3{color:var(--gold)}.spread-note .text-link{color:var(--gold)}.scene-pages{position:relative}.scene-pages:before{content:"";position:absolute;left:20px;top:145px;bottom:55px;width:1px;background:var(--focus)}.scene-card{width:72%;margin:18px 0 0 70px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.scene-card.offset{margin-left:auto;margin-right:28px;width:60%;background:var(--soft)}.card-image{min-height:180px;margin-bottom:18px}.category-stage{background:var(--deep);border-radius:34px;padding-left:28px;padding-right:28px}.category-head{display:flex;align-items:center;gap:24px}.head-image{width:180px;height:135px;flex:0 0 auto}.category-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.category-pair article{background:var(--card);border-radius:22px;padding:20px}.phase-board{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.phase-image{height:200px}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase-grid article{padding:18px;border-radius:22px;background:var(--card);border:1px solid var(--line)}.phase-grid article:nth-child(2){background:var(--soft)}.phase-grid article:nth-child(3){background:var(--deep)}.phase-grid b{color:var(--coral)}.progress-board{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.timeline-image{height:220px}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.status-row span{padding:7px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px}.status-row span:nth-child(1){border-color:rgba(90,122,72,.5)}.status-row span:nth-child(2){border-color:rgba(196,154,60,.55)}.status-row span:nth-child(3){border-color:rgba(122,90,138,.5)}.app-float{float:right;width:250px;margin:0 0 24px 34px}.app-visual{height:320px}.icon-slot{width:48px;height:48px;margin:12px auto 0}.icon-slot img{width:48px;height:48px}.clearfix:after{content:"";display:block;clear:both}.quick-method{background:var(--card);border-radius:30px;border:1px solid var(--line);padding-left:28px;padding-right:28px}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-list p{margin:0;background:var(--paper);border-radius:18px;padding:16px}.home-faq details,.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:0 18px;margin:10px 0}.home-faq summary,.faq-list summary{cursor:pointer;font-weight:700;color:var(--ink);padding:15px 0}.home-faq details p,.faq-list details p{padding:0 0 15px}.brand-story{border-top:1px solid var(--line)}.page-hero{padding-bottom:32px}.page-image{min-height:220px;margin-top:24px}.flow-content,.scatter-content,.orbit-content,.scene-content,.sound-content,.phase-content,.progress-content,.check-content,.method-content,.topic-content,.category-content,.mobile-content,.device-content,.terms-content,.guide-content,.help-content,.contact-content{display:grid;gap:18px}.content-block{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px}.scatter-content{grid-template-columns:1.25fr .75fr}.scatter-content .block-1,.scatter-content .block-4,.scatter-content .block-5{grid-column:1}.scatter-content .block-2,.scatter-content .block-3,.scatter-content .block-6{grid-column:2}.scatter-content .block-2{margin-top:45px}.orbit-content{grid-template-columns:1fr 1fr}.orbit-content .content-block:nth-child(odd){border-radius:40px 18px 40px 18px}.orbit-content .content-block:nth-child(even){border-radius:18px 40px 18px 40px;background:var(--deep)}.scene-content .content-block{width:78%}.scene-content .content-block:nth-child(even){margin-left:auto;background:var(--soft)}.sound-content{grid-template-columns:repeat(2,1fr)}.sound-content .content-block:nth-child(3n){background:var(--ink);color:var(--paper)}.sound-content .content-block:nth-child(3n) h2{color:var(--gold)}.phase-content{grid-template-columns:repeat(3,1fr)}.phase-content .content-block:nth-child(1),.phase-content .content-block:nth-child(4){transform:translateY(16px)}.progress-content .content-block{border-left:5px solid var(--moss)}.progress-content .content-block:nth-child(2){border-left-color:var(--gold)}.progress-content .content-block:nth-child(3){border-left-color:var(--purple)}.check-content{counter-reset:item}.check-content .content-block{position:relative;padding-left:74px}.check-content .content-block:before{counter-increment:item;content:counter(item);position:absolute;left:22px;top:24px;width:34px;height:34px;border-radius:50%;background:var(--coral);color:var(--card);display:grid;place-items:center;font-weight:800}.method-content{grid-template-columns:1fr 1fr}.method-content .content-block{background:linear-gradient(180deg,var(--card),var(--soft))}.topic-content{grid-template-columns:1fr 1fr}.topic-content .content-block:nth-child(3),.topic-content .content-block:nth-child(4){background:var(--deep)}.category-content{grid-template-columns:repeat(2,1fr)}.category-content .content-block:nth-child(1){border-top:5px solid var(--coral)}.category-content .content-block:nth-child(2){border-top:5px solid var(--moss)}.category-content .content-block:nth-child(3){border-top:5px solid var(--purple)}.category-content .content-block:nth-child(4){border-top:5px solid var(--gold)}.category-content .content-block:nth-child(5){border-top:5px solid var(--teal)}.category-content .content-block:nth-child(6){border-top:5px solid var(--ink)}.mobile-content{grid-template-columns:1fr 1fr}.mobile-content .content-block:nth-child(even){background:var(--deep)}.icon-note{display:flex;align-items:center;gap:18px;background:var(--card);border-radius:22px;padding-left:24px;padding-right:24px}.icon-note .icon-slot{margin:0;flex:0 0 auto}.device-content .content-block:nth-child(odd),.guide-content .content-block:nth-child(even){background:var(--soft)}.terms-content .content-block{border-radius:8px 24px 24px 8px}.help-content{grid-template-columns:1fr 1fr}.contact-content .content-block{background:var(--deep)}.about-hero .banner-slot{height:200px;background:var(--card);border:1px solid var(--line);border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;overflow:hidden}.banner-slot img{width:100%;height:100%}.about-flow{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-flow article{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px}.brand-cover{grid-column:1/3;min-height:260px}.faq-list{max-width:860px}.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid var(--gold);padding:34px 0 calc(64px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.footer-logo-slot{height:24px;min-width:24px}.footer-logo{height:24px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-grid h2{font-size:13px;color:var(--gold);margin-bottom:10px}.footer-grid a{display:block;font-size:13px;color:var(--paper);padding:5px 0}.footer-note{border-top:1px solid rgba(196,154,60,.45);margin-top:28px;padding-top:18px;font-size:13px;color:#e7ded4}.overlay{position:fixed;z-index:70;inset:0;background:rgba(22,20,16,.48);opacity:0;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;pointer-events:auto}.menu-panel{position:fixed;z-index:80;top:84px;left:50%;width:280px;max-height:340px;transform:translate(-50%,-24px);opacity:0;visibility:hidden;pointer-events:none;background:var(--card);border:1px solid var(--focus);border-radius:24px;box-shadow:0 24px 70px rgba(22,20,16,.24);transition:.2s;overflow:hidden}.menu-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.menu-head{height:56px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line)}.menu-logo{width:34px}.menu-logo img{height:24px}.close-button{margin-left:auto;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;min-height:40px;padding:0 13px;cursor:pointer}.menu-scroll{max-height:284px;overflow:auto;padding:10px 14px}.menu-group{padding:5px 0 10px}.menu-group h2{font-size:12px;color:var(--coral);margin:0 0 6px}.menu-group a{display:block;padding:7px 0;border-bottom:1px dashed var(--line)}.menu-group b{display:block;font-size:13px;color:var(--ink)}.menu-group span{display:block;font-size:12px;color:var(--quiet)}.search-panel{position:fixed;z-index:81;top:74px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--focus);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:.2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-inner{padding-top:18px;padding-bottom:20px}.search-head{display:flex;align-items:center;gap:10px}.search-label{font-size:12px;color:var(--muted);display:block;margin:8px 0 5px}.search-panel input{width:100%;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 13px;color:var(--ink)}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-links a{padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--ink)}.lock-scroll{overflow:hidden}.mobile-bottom{display:none}
@media (max-width:760px){.focus-nav{display:none}.main-content{padding-top:74px}.section-space{padding:38px 0}.home-lead{padding-top:46px}.orbit-feature,.feature-spread,.progress-board,.phase-board{display:block}.round-slot{margin:0 auto 22px}.orbit-copy{padding:22px}.feature-spread .spread-note{margin-top:16px}.scene-pages:before{left:8px}.scene-card,.scene-card.offset{width:calc(100% - 26px);margin-left:26px;margin-right:0}.category-head{display:block}.head-image{width:100%;height:150px;margin-bottom:18px}.category-pair,.phase-grid,.method-list,.scatter-content,.orbit-content,.sound-content,.phase-content,.method-content,.topic-content,.category-content,.mobile-content,.help-content,.about-flow{grid-template-columns:1fr}.scatter-content .content-block,.about-flow .brand-cover{grid-column:auto}.scatter-content .block-2{margin-top:0}.phase-image,.timeline-image{height:180px;margin-bottom:18px}.app-float{float:none;width:210px;margin:0 auto 24px}.page-image{min-height:170px}.scene-content .content-block{width:calc(100% - 20px)}.footer-grid{grid-template-columns:1fr 1fr}.menu-panel{top:76px;width:88%;max-height:72vh}.menu-scroll{max-height:calc(72vh - 56px)}.mobile-bottom{position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bottom a.is-current{background:var(--coral);color:var(--card)}.site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.search-panel{top:0;bottom:0;background:var(--ink);color:var(--gold);overflow:auto}.search-inner{padding-top:24px}.search-head strong{color:var(--gold)}.search-panel .close-button{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.25)}.search-label{color:var(--paper)}.search-panel input{background:var(--paper)}.search-links a{background:rgba(255,255,255,.09);color:var(--paper)}}
@media (max-width:430px){.shell{width:calc(100% - 32px)}h1{font-size:23px}.head-app,.menu-button{padding:0 12px}.head-actions{gap:4px}.lead-index a{width:100%}.footer-grid{gap:18px 12px}.button-row .button{width:100%}}