*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F0E4;color:#3A3428;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;object-fit:contain;object-position:center}a,button,input{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #E0B050}.top-strip{position:fixed;z-index:90;top:0;left:0;right:0;height:20px;background:#FFF8EE;color:#2A2418;border-bottom:1px solid rgba(42,36,24,.08);font-size:12px}.top-strip-inner,.site-header-inner,.bead-nav-inner,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.text-button{border:0;background:transparent;color:#2A2418;padding:0 4px;min-height:20px}.site-header{position:fixed;z-index:89;top:20px;left:0;right:0;height:54px;background:#FFF8EE;border-bottom:0;box-shadow:0 6px 18px rgba(42,36,24,.04)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#E07070 0 20%,#E0B050 20% 40%,#70C090 40% 60%,#70A8D8 60% 80%,#A080D0 80% 100%)}.site-header-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:4px}.brand-link{display:inline-flex;align-items:center;min-height:44px}.brand-logo{height:24px;width:auto;max-width:170px}.brand-text{font-size:16px;font-weight:800;color:#2A2418}.header-actions{display:flex;align-items:center;gap:8px}.app-link{height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:linear-gradient(90deg,#E0B050 0%,#E07070 52%,#A080D0 100%);color:#2A2418;font-size:14px;font-weight:800;white-space:nowrap}.menu-button{width:44px;height:44px;border:1px solid rgba(224,176,80,.5);border-radius:14px;background:#FFF8EE;display:grid;place-content:center;gap:4px}.menu-button span{width:18px;height:2px;background:#2A2418;border-radius:2px}.bead-nav{position:fixed;z-index:80;top:74px;left:0;right:0;height:50px;background:#FFF8EE;border-bottom:1px solid rgba(42,36,24,.12)}.bead-nav-inner{height:50px;display:flex;align-items:center;justify-content:center;gap:30px}.bead-link{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px;color:#6A6458}.bead-link.is-current{font-weight:800;color:#2A2418}.bead-dot,.bead-decor{display:block;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(42,36,24,.07)}.bead-link.is-current .bead-dot{width:16px;height:16px}.bead-coral{background:#E07070}.bead-gold{background:#E0B050}.bead-mint{background:#70C090}.bead-blue{background:#70A8D8}.bead-violet{background:#A080D0}.bead-sand{background:#E8DCC8}.bead-rose{background:#E7A0A0}.main-content{min-height:60vh;padding-top:124px}.wrap{width:min(960px,calc(100% - 32px));margin:0 auto}.section{padding:52px 0}.section-tight{padding:36px 0}.soft-section{background:#F3E8D4}.deep-section{background:#E8DCC8}.content-card{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:22px;box-shadow:0 12px 28px rgba(42,36,24,.08)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#8A8478;text-transform:uppercase}.page-intro{padding:48px 0 28px}.page-intro h1,.hero-copy h1{margin:8px 0 12px;color:#2A2418;font-size:24px;line-height:1.3}.page-intro p,.hero-copy p{margin:0;color:#6A6458;max-width:760px}.section h2{font-size:20px;line-height:1.35;color:#2A2418;margin:0 0 14px}.section h3,.section-tight h3{font-size:16px;line-height:1.45;color:#2A2418;margin:0 0 8px}.section p,.section-tight p{margin:0 0 14px}.muted{color:#6A6458}.aux{color:#8A8478}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap}.btn-primary{background:linear-gradient(90deg,#E0B050 0%,#E07070 52%,#A080D0 100%);color:#2A2418}.btn-secondary{background:#FFF8EE;color:#2A2418;border:1px solid rgba(224,176,80,.5)}.btn:hover,.app-link:hover{transform:translateY(-1px)}.image-slot{background:#FFF8EE;border:1px solid rgba(42,36,24,.08);border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-slot img{width:100%;height:100%;object-fit:contain}.image-slot.is-empty:empty:before{content:"";display:block;width:100%;height:100%;min-height:80px;background:linear-gradient(135deg,rgba(224,176,80,.06),rgba(112,168,216,.06))}.hero-beads{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.hero-beads a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(42,36,24,.12);border-radius:999px;background:#FFF8EE;font-size:13px}.hero-beads i{display:block;width:10px;height:10px;border-radius:50%}.hero-copy{padding:44px 0}.hero-copy .lead{font-size:18px;color:#2A2418;font-weight:800;margin-bottom:10px}.ribbon-block{padding:0 0 52px}.ribbon-frame{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:24px;padding:18px;display:grid;grid-template-columns:1fr minmax(220px,1.25fr) 1fr;gap:18px;align-items:center;box-shadow:0 12px 28px rgba(42,36,24,.08)}.ribbon-frame .image-slot{height:156px;border-radius:18px}.ribbon-copy{padding:8px}.double-note{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.note-panel{padding:24px}.note-panel .image-slot{height:220px;margin-bottom:18px}.fold-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.fold-card{padding:24px;position:relative;overflow:hidden}.fold-card:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 38px 38px 0;border-color:transparent #E8DCC8 transparent transparent}.fold-card .image-slot{height:210px;margin:16px 0}.rack-head{display:flex;align-items:center;gap:24px;margin-bottom:18px}.rack-head .image-slot{width:180px;height:120px;flex:0 0 180px}.rack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rack-card{padding:22px}.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.third-card{padding:22px;border-radius:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12)}.third-card b{display:inline-block;margin-bottom:8px;color:#2A2418}.timeline-list{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start;padding:18px 20px;border-radius:18px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:#F3E8D4;color:#2A2418;font-size:13px;font-weight:800}.product-center{text-align:center}.product-center .app-icon{width:48px;height:48px;margin:0 auto 14px}.product-center .product-shot{height:320px;max-width:520px;margin:18px auto}.product-center .product-copy{max-width:720px;margin:0 auto;text-align:left}.faq-preview{display:grid;gap:12px}.faq-preview article,.faq-list article{background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:18px;padding:20px}.faq-preview h3,.faq-list h2{margin:0 0 8px;color:#2A2418}.brand-story{max-width:780px}.brand-story p:last-child{margin-bottom:0}.page-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.text-panel{padding:24px}.text-panel ul{margin:8px 0 0;padding-left:20px}.text-panel li+li{margin-top:6px}.scene-roll{display:block}.scene-roll .image-slot{height:240px;margin-bottom:18px}.scene-strip{display:grid;gap:12px}.scene-card{padding:22px 24px;border-left:5px solid #E0B050;display:grid;grid-template-columns:150px 1fr;column-gap:22px}.scene-card .eyebrow{grid-column:1}.scene-card h2{grid-column:1;margin-bottom:0}.scene-card p{grid-column:2;grid-row:1 / span 2;margin-bottom:0}.scene-card:nth-child(2){border-left-color:#E07070}.scene-card:nth-child(3){border-left-color:#70C090}.scene-card:nth-child(4){border-left-color:#70A8D8}.scene-card:nth-child(5){border-left-color:#A080D0}.journal-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.journal-column{display:grid;gap:18px}.journal-card{padding:24px}.journal-card.featured .image-slot{height:230px;margin-bottom:18px}.fold-page{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.fold-main,.fold-side{padding:26px}.fold-main .image-slot{height:280px;margin:18px 0}.fold-side{align-self:start;position:relative}.fold-side:before{content:"";position:absolute;left:-10px;top:30px;bottom:30px;width:1px;background:rgba(224,176,80,.5)}.single-flow{max-width:760px;margin:0 auto;display:grid;gap:18px}.single-flow article{padding:24px}.single-flow .image-slot{height:280px}.xun-layout{display:grid;grid-template-columns:180px 1fr;gap:22px}.xun-layout .image-slot{height:240px;position:sticky;top:146px}.xun-stack{display:grid;gap:16px}.xun-card{padding:24px}.xun-card:nth-child(1){border-top:4px solid #E0B050}.xun-card:nth-child(2){border-top:4px solid #70A8D8}.xun-card:nth-child(3){border-top:4px solid #A080D0}.status-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.status-layout .image-slot{height:250px}.status-list{display:grid;gap:14px}.status-row{padding:20px;border-radius:18px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12)}.memo-board{display:grid;grid-template-columns:1fr .72fr;gap:20px;align-items:start}.memo-board .image-slot{height:260px;position:sticky;top:146px}.memo-list{display:grid;gap:14px}.memo-item{padding:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:18px}.method-steps{counter-reset:steps;display:grid;gap:16px}.method-steps article{counter-increment:steps;display:grid;grid-template-columns:52px 1fr;gap:16px;padding:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:20px}.method-steps article:before{content:counter(steps);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#E8DCC8;color:#2A2418;font-weight:800}.topic-list{display:grid;gap:14px}.topic-item{padding:22px;border-radius:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);display:grid;grid-template-columns:180px 1fr;gap:20px}.topic-item strong{font-size:16px;color:#2A2418}.center-cards{max-width:740px;margin:0 auto;display:grid;gap:18px}.center-card{text-align:center;padding:28px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:24px}.center-card .image-slot{height:260px;margin:0 auto 18px}.term-sections{display:grid;gap:16px}.term-sections section{padding:24px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:20px}.help-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-item{padding:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:20px}.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-path{padding:22px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:20px}.about-banner{height:200px;border-radius:24px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);overflow:hidden}.about-banner img{width:100%;height:100%}.about-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-flow article{padding:24px}.about-brand-image{height:260px;margin-top:18px}.site-footer{position:relative;background:#2A2418;color:#F7F0E4;padding:34px 0 78px;font-size:13px}.footer-accent{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#E07070 0 20%,#E0B050 20% 40%,#70C090 40% 60%,#70A8D8 60% 80%,#A080D0 80% 100%)}.footer-brand{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(247,240,228,.15)}.footer-brand-line{display:flex;align-items:center;gap:10px}.footer-logo{height:24px;width:auto}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0}.footer-links h2{font-size:13px;margin:0 0 8px;color:#F7F0E4}.footer-links a{display:block;color:#F7F0E4;opacity:.86;min-height:30px}.footer-links a:hover{opacity:1}.footer-note{max-width:760px;color:#F7F0E4;opacity:.82}.footer-copy{margin-bottom:0;color:#F7F0E4;opacity:.68}.page-overlay{position:fixed;inset:0;z-index:120;background:rgba(42,36,24,.28);opacity:0;pointer-events:none;transition:opacity .18s ease}.page-overlay.is-visible{opacity:1;pointer-events:auto}.site-drawer{position:fixed;z-index:140;right:20px;top:84px;width:300px;max-height:380px;background:#FFF8EE;color:#3A3428;border:1px solid rgba(42,36,24,.12);border-radius:22px;box-shadow:0 18px 50px rgba(42,36,24,.2);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-14px);transition:.18s ease;overflow:hidden}.site-drawer.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.drawer-head{height:62px;padding:0 14px 0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,36,24,.1)}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-brand img{height:24px;width:auto}.drawer-close,.search-head button{min-width:44px;min-height:44px;border:0;background:transparent;color:#2A2418}.drawer-scroll{max-height:318px;overflow:auto;padding:14px 16px 18px}.drawer-scroll section+section{margin-top:18px}.drawer-scroll h2{font-size:13px;color:#8A8478;margin:0 0 6px}.drawer-scroll a{display:block;padding:9px 0;border-bottom:1px solid rgba(42,36,24,.07)}.drawer-scroll a strong{display:block;font-size:14px;color:#2A2418}.drawer-scroll a span{display:block;font-size:12px;color:#6A6458}.search-layer{position:fixed;z-index:135;top:74px;left:0;right:0;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.18s ease}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.search-card{width:min(760px,calc(100% - 32px));margin:12px auto 0;padding:20px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12);border-radius:22px;box-shadow:0 16px 42px rgba(42,36,24,.18)}.search-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.search-head strong{font-size:16px;color:#2A2418}.search-head p{margin:2px 0 0;color:#6A6458}.search-input-wrap{display:block;margin-top:16px}.search-input-wrap span{display:block;font-size:12px;color:#8A8478;margin-bottom:6px}.search-input-wrap input{width:100%;height:44px;border:1px solid rgba(42,36,24,.16);border-radius:14px;background:#FFF8EE;color:#2A2418;padding:0 14px}.search-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.search-presets a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(224,176,80,.5);background:#FFF8EE}.search-empty{margin:14px 0 0;color:#8A8478}.mobile-bottom{display:none}.legal-note{padding:18px 20px;border-radius:18px;background:#F3E8D4;border:1px solid rgba(224,176,80,.5);color:#3A3428}.mini-links{display:flex;flex-wrap:wrap;gap:10px}.mini-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:#FFF8EE;border:1px solid rgba(42,36,24,.12)}@media (max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.top-strip-inner,.site-header-inner,.footer-inner,.wrap{width:calc(100% - 32px)}.bead-nav{display:none}.main-content{padding-top:74px}.site-header-inner{gap:8px}.app-link{padding:0 12px}.brand-logo{max-width:140px}.ribbon-frame,.double-note,.fold-grid,.rack-grid,.thirds,.page-grid-2,.journal-lines,.fold-page,.xun-layout,.status-layout,.memo-board,.topic-item,.about-flow,.help-columns,.contact-paths{grid-template-columns:1fr}.scene-card{grid-template-columns:1fr}.scene-card .eyebrow,.scene-card h2,.scene-card p{grid-column:1;grid-row:auto}.scene-card h2{margin-bottom:8px}.ribbon-frame .image-slot{order:2}.scene-roll .image-slot,.xun-layout .image-slot,.memo-board .image-slot{position:static;height:220px}.status-layout .image-slot{height:220px}.rack-head{align-items:flex-start;flex-direction:column}.rack-head .image-slot{width:100%;height:160px;flex-basis:auto}.timeline-item{grid-template-columns:1fr;gap:8px}.topic-item{gap:8px}.footer-brand{align-items:flex-start;flex-direction:column}.footer-links{grid-template-columns:repeat(2,1fr)}.site-drawer{top:78px;right:16px;width:88%;max-height:calc(100dvh - 150px)}.drawer-scroll{max-height:calc(100dvh - 212px)}.search-layer{top:0;bottom:0;background:#2A2418;color:#F7F0E4}.search-card{width:100%;height:100%;margin:0;border:0;border-radius:0;background:#2A2418;color:#F7F0E4;padding:28px 16px}.search-head strong,.search-head button,.search-input-wrap span,.search-head p,.search-empty{color:#F7F0E4}.search-input-wrap input{background:#FFF8EE;color:#2A2418}.search-presets a{background:#FFF8EE;color:#2A2418}.mobile-bottom{position:fixed;z-index:95;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:#FFF8EE;border-top:1px solid rgba(42,36,24,.12)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;color:#3A3428}.mobile-bottom a.is-current{background:#E0B050;color:#2A2418;font-weight:800}.site-footer{padding-bottom:82px}.section{padding:42px 0}.hero-copy{padding:36px 0}.fold-side:before{display:none}.product-center .product-shot{height:300px}.about-banner{height:200px}}@media (max-width:420px){.brand-text{font-size:15px}.app-link{font-size:13px;padding:0 10px}.footer-links{grid-template-columns:1fr 1fr}.product-center .product-shot{height:280px}}

.hero-beads a:nth-child(1) i{background:#E07070}.hero-beads a:nth-child(2) i{background:#E0B050}.hero-beads a:nth-child(3) i{background:#70C090}.hero-beads a:nth-child(4) i{background:#70A8D8}.hero-beads a:nth-child(5) i{background:#A080D0}.center-buttons{justify-content:center}.intro-centered{text-align:center}.intro-centered p{margin-left:auto;margin-right:auto}.spaced-note{margin-top:20px}.note-gap{margin-top:16px}.about-title-block{margin-top:28px}