:root{--bg:#FFF6F4;--deep:#F8E8E4;--surface:#FFFFFF;--surface2:#F8E8E4;--ink:#3A1518;--text:#4A2428;--muted:#7A4E52;--soft:#A0787C;--brand:#E35D6A;--pink:#F08A92;--gold:#C9A227;--peach:#F3B4B0;--border:rgba(227,93,106,.18);--border-strong:rgba(227,93,106,.42);--shadow:0 12px 28px rgba(58,21,24,.08);--radius:12px;--max:960px;--top1:20px;--top2:54px;--top3:44px}*{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","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:var(--ink);text-decoration:none}a:hover{color:var(--brand)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(227,93,106,.28);outline-offset:2px}button,input{font:inherit}.top-strip{position:fixed;z-index:80;left:0;right:0;top:0;height:20px;background:var(--brand);color:#fff}.top-strip-inner{max-width:var(--max);height:20px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.plain-control{height:20px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.site-head{position:fixed;z-index:79;left:0;right:0;top:20px;height:54px;background:rgba(255,246,244,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.site-head-inner{max-width:var(--max);height:54px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand-link{min-height:44px;display:inline-flex;align-items:center}.brand-logo,.footer-logo{height:24px;max-width:160px;object-fit:contain;object-position:center}.brand-text{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:.12em}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.menu-trigger{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;font-size:14px}.head-app{color:var(--brand);background:#fff;border:1px solid var(--border-strong)}.menu-trigger{border:0;background:linear-gradient(135deg,var(--pink),var(--brand) 52%,#C94A56);color:#fff;cursor:pointer}.petal-nav{position:fixed;z-index:78;left:0;right:0;top:74px;height:44px;background:rgba(255,246,244,.97);border-bottom:1px solid var(--border)}.petal-inner{height:44px;max-width:var(--max);margin:auto;padding:0 18px;display:flex;align-items:center;gap:10px}.petal-link{width:88px;height:22px;border:1px solid var(--brand);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink)}.petal-link.is-active{background:var(--brand);color:#fff}.site-main{max-width:var(--max);margin:0 auto;padding:148px 18px 56px}.content-block{margin:0 0 26px}.page-intro,.home-intro,.canvas-hero,.folio-head,.app-page,.desk-head,.alley-lead,.about-banner,.longread-head,.terms-head,.grade-head,.privacy-head,.help-head,.contact-head,.install-head,.roam-head{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.mini-index{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mini-index a{padding:5px 14px;border:1px solid var(--border-strong);border-radius:999px;font-size:13px;color:var(--brand);background:#fff}.eyebrow{margin:0 0 6px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.12em}.page-intro h1,.home-intro h1,.canvas-hero h1,.folio-head h1,.app-page h1,.desk-head h1,.alley-lead h1,.about-banner h1,.longread-head h1,.terms-head h1,.grade-head h1,.privacy-head h1,.help-head h1,.contact-head h1,.install-head h1,.roam-head h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 14px}.lead{font-size:15px;line-height:1.8;margin:0;color:var(--text)}h2{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 10px}h3{font-size:16px;color:var(--ink);margin:0 0 8px}p{margin:0 0 12px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:700}.btn.primary{background:linear-gradient(135deg,#F08A92 0%,#E35D6A 52%,#C94A56 100%);color:#fff}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--border-strong)}.text-link{font-weight:800;color:var(--brand)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.section-heading span{font-size:12px;color:var(--brand);font-weight:800}.section-heading h2{margin:0}.media-slot{width:100%;background:linear-gradient(145deg,#FFF,#FCEDEC);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-176{height:176px}.slot-168{height:168px}.slot-160{height:160px}.slot-app{height:320px;width:240px;max-width:100%}.slot-banner{height:200px}.petal-shape{border-radius:36px 12px 36px 12px}.cut-feature,.lane-band,.theme-three,.folio-band,.roll-band,.clock-strip,.home-rights,.home-faq,.home-about,.gaze-notes,.source-box,.canvas-method,.slip-ending,.alley-guide,.theme-note,.folio-how,.scroll-end,.clock-explain,.desk-notes,.roam-note,.app-boundary,.install-safe,.rights-note,.grade-end,.privacy-note,.help-quick,.faq-end,.contact-note,.about-links{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature-caption{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-top:14px}.feature-caption p{max-width:760px}.feature-caption a{white-space:nowrap;color:var(--brand);font-weight:800}.warm-dual{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warm-story{background:var(--deep);border-radius:var(--radius);padding:22px;border:1px solid var(--border)}.warm-story .media-slot{margin:12px 0}.warm-story>a{font-weight:800;color:var(--brand)}.petal-pages{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.petal-pages>.section-heading{grid-column:1/-1}.petal-pages article{background:var(--surface);border:1px solid var(--border);border-radius:30px 12px 30px 12px;padding:20px}.petal-pages article .media-slot{margin-bottom:14px}.petal-pages article a{color:var(--brand);font-weight:800}.single-note{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.single-note a{color:var(--brand);font-weight:800}.lane-band .media-slot,.theme-three .media-slot,.folio-band .media-slot,.roll-band .media-slot,.clock-strip .media-slot{margin-bottom:14px}.theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.theme-row article{background:var(--deep);padding:14px;border-radius:12px}.theme-row p{margin:0}.status-line{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:12px 0;border-top:1px solid var(--border)}.status-line span{color:var(--brand);font-weight:800}.status-line p{margin:0}.app-wrap{background:var(--deep);border-radius:var(--radius);padding:26px;display:flex;gap:28px;align-items:center;overflow:hidden}.app-visual{position:relative;flex:0 0 240px}.app-icon{position:absolute;width:48px;height:48px;object-fit:contain;left:14px;bottom:14px;border-radius:12px;background:#fff;padding:4px;box-shadow:var(--shadow)}.app-copy{flex:1}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.faq-mini details,.faq-full details{background:var(--deep);border:1px solid var(--border);border-radius:12px;padding:14px}.faq-mini summary,.faq-full summary{cursor:pointer;color:var(--ink);font-weight:800}.faq-mini p,.faq-full p{margin:10px 0 0}.site-footer{background:var(--ink);color:#F8E8E4;border-top:1px solid rgba(227,93,106,.4);padding:34px 18px calc(24px + env(safe-area-inset-bottom))}.footer-inner{max-width:var(--max);margin:auto}.footer-brand{display:grid;grid-template-columns:220px 1fr;gap:30px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand-link{display:flex;align-items:center;gap:10px;color:#fff}.footer-brand-link span{display:flex;flex-direction:column}.footer-brand-link small{font-size:11px;color:#F3B4B0}.footer-brand p{margin:0;color:#F8E8E4;font-size:13px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.footer-groups h2{font-size:13px;color:#fff;margin-bottom:9px}.footer-groups a{display:block;color:#F8E8E4;font-size:13px;margin:5px 0}.footer-bottom{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;font-size:13px}.footer-bottom span{margin-right:auto}.footer-bottom a{color:#F8E8E4}.ui-overlay{position:fixed;inset:0;z-index:90;background:rgba(58,21,24,.22);opacity:0;pointer-events:none;transition:opacity .2s}.ui-overlay.is-active{opacity:1;pointer-events:auto}.flower-menu{position:fixed;z-index:100;left:0;right:0;bottom:0;width:100%;max-height:240px;background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -12px 36px rgba(58,21,24,.12);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;overflow:auto;padding:14px max(18px,calc((100vw - var(--max))/2 + 18px)) 18px}.flower-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.flower-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.menu-brand{display:flex;align-items:center;gap:8px;color:var(--ink)}.menu-brand img{height:24px;max-width:140px;object-fit:contain}.close-control{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--brand);cursor:pointer}.flower-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flower-menu-grid h2{font-size:13px;color:var(--brand);margin-bottom:6px}.flower-menu-grid a{display:grid;grid-template-columns:58px 1fr;gap:7px;padding:4px 0;color:var(--ink)}.flower-menu-grid strong{font-size:13px}.flower-menu-grid span{font-size:11px;color:var(--muted);line-height:1.4}.search-panel{position:fixed;z-index:101;top:74px;left:0;right:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.2s}.search-panel.is-open{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{max-width:var(--max);margin:auto;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:0 0 16px 16px;padding:20px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-card label{display:block;color:var(--muted);margin-bottom:7px}.search-card input{width:100%;height:44px;border:1px solid var(--border-strong);border-radius:10px;padding:0 12px;color:var(--ink);background:#fff}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{padding:8px 14px;border-radius:999px;background:var(--deep);color:var(--ink)}.search-note{font-size:12px;color:var(--soft);margin:12px 0 0}.mobile-bar{display:none}.ui-locked{overflow:hidden}.page-dual article{background:#fff}.gaze-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gaze-notes>div:last-child{grid-column:1/-1}.directory-intro .media-slot{margin-top:18px}.directory-list{display:grid;gap:12px}.directory-list article{display:grid;grid-template-columns:120px 1fr;column-gap:24px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.directory-list article span{grid-row:1/4;color:var(--brand);font-weight:800}.directory-list article h2,.directory-list article p{grid-column:2}.canvas-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.cut-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cut-columns article{padding:20px;background:#fff;border:1px solid var(--border);border-radius:30px 12px}.cut-columns article:last-child{grid-column:1/-1}.soft-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:14px 0}.soft-steps li{background:var(--deep);padding:16px;border-radius:12px}.soft-steps strong,.soft-steps span{display:block}.slip-grid{grid-template-columns:1fr 1fr}.slip-grid>.section-heading{display:none}.alley-lead{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center}.alley-flow{border-left:3px solid var(--peach);padding-left:24px}.alley-flow article{padding:0 0 20px 16px;border-bottom:1px solid var(--border);margin-bottom:20px}.longread-head .media-slot{margin:18px 0}.longread,.letter-essay{max-width:780px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px}.longread h2,.letter-essay h2{margin-top:26px}.article-end-links{display:flex;gap:18px;border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.article-end-links a{color:var(--brand);font-weight:800}.theme-directory{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-directory article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.theme-directory b{color:var(--gold);font-size:13px}.theme-directory a{color:var(--brand);font-weight:800}.folio-head{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:center}.folio-list{display:grid;gap:14px}.folio-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px}.folio-no{width:54px;height:54px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.folio-list a{color:var(--brand);font-weight:800}.scroll-items{display:grid;gap:14px}.scroll-items article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:grid;grid-template-columns:190px 1fr;gap:20px}.scroll-items article header{grid-row:1/4}.scroll-items span{font-size:12px;color:var(--brand);font-weight:800}.scroll-items h2{margin-top:6px}.clock-board{display:grid;gap:10px}.clock-board article{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:start;padding:20px;background:#fff;border:1px solid var(--border);border-radius:12px}.clock-board article>span{display:inline-flex;justify-content:center;padding:8px;border-radius:999px;background:var(--deep);color:var(--brand);font-weight:800}.desk-head{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center}.desk-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.desk-steps article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.desk-steps span{color:var(--brand);font-size:12px;font-weight:800}.opinion-mark{display:inline-block;padding:6px 10px;background:var(--gold);color:var(--ink);border-radius:999px;font-size:12px;font-weight:800}.roam-path article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}.path-dot{width:44px;height:44px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.app-page{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}.app-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-feature-list article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.app-feature-list article:last-child{grid-column:1/-1}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-grid article{background:#fff;border:1px solid var(--border);border-radius:12px 30px;padding:22px}.terms-stack,.privacy-sections,.help-map,.contact-cards{display:grid;gap:12px}.terms-stack article,.privacy-sections article,.help-map article,.contact-cards article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.grade-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grade-bands article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.grade-mark{display:inline-block;margin-bottom:12px;padding:5px 10px;background:var(--deep);color:var(--brand);border-radius:999px;font-size:12px;font-weight:800}.minor-protect{background:var(--ink);color:#F8E8E4;border-radius:12px;padding:24px}.minor-protect h2{color:#fff}.faq-full{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-banner .media-slot{margin-bottom:22px}.about-statement{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-statement article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.about-statement .media-slot{grid-column:1/-1}.about-statement article:last-child{grid-column:1/-1}
@media (max-width:760px){:root{--max:100%}.petal-nav{display:none}.site-main{padding:94px 16px calc(72px + env(safe-area-inset-bottom))}.site-head-inner,.top-strip-inner{padding-left:16px;padding-right:16px}.head-actions{gap:4px}.head-app,.menu-trigger{padding:0 10px}.menu-trigger span{font-size:0}.menu-trigger span:after{content:'菜单';font-size:14px}.page-intro,.home-intro,.canvas-hero,.folio-head,.app-page,.desk-head,.alley-lead,.about-banner,.longread-head,.terms-head,.grade-head,.privacy-head,.help-head,.contact-head,.install-head,.roam-head{padding:22px 18px}.warm-dual,.petal-pages,.single-note,.theme-row,.faq-mini,.footer-brand,.footer-groups,.gaze-notes,.cut-columns,.slip-grid,.theme-directory,.soft-steps,.desk-steps,.app-feature-list,.install-grid,.grade-bands,.faq-full,.about-statement{grid-template-columns:1fr}.single-note,.canvas-hero,.alley-lead,.folio-head,.desk-head,.app-page{display:grid;grid-template-columns:1fr}.cut-columns article:last-child,.app-feature-list article:last-child,.about-statement article:last-child,.about-statement .media-slot,.gaze-notes>div:last-child{grid-column:auto}.feature-caption{display:block}.feature-caption a{display:inline-block;margin-top:6px}.app-wrap{display:block}.app-visual{width:240px;max-width:100%;margin:0 auto 22px}.slot-app{width:240px}.footer-brand{display:block}.footer-brand p{margin-top:14px}.footer-groups{display:grid;grid-template-columns:1fr 1fr}.flower-menu{max-height:70%;padding:14px 16px calc(20px + env(safe-area-inset-bottom))}.flower-menu-grid{grid-template-columns:1fr 1fr}.flower-menu-grid a{grid-template-columns:55px 1fr}.search-panel{inset:0;top:0;background:var(--brand);padding:18px}.search-card{margin:0;height:100%;border-radius:16px;background:var(--brand);color:#fff;overflow:auto}.search-head strong,.search-card label,.search-note{color:#fff}.search-card .close-control{background:#fff}.search-card input{background:#fff}.search-presets a{background:#fff;color:var(--ink)}.mobile-bar{position:fixed;z-index:85;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink)}.mobile-bar a.is-active{background:var(--brand);color:#fff}.directory-list article,.scroll-items article,.clock-board article{display:block}.directory-list article span,.directory-list article h2,.directory-list article p{grid-column:auto;grid-row:auto}.directory-list article span{display:block;margin-bottom:8px}.scroll-items article header{margin-bottom:10px}.clock-board article>span{margin-bottom:10px}.about-statement{display:grid}.longread,.letter-essay{padding:22px 18px}.section-heading{align-items:flex-start}.footer-bottom span{width:100%;margin-right:0}}
@media (max-width:420px){.footer-groups,.flower-menu-grid{grid-template-columns:1fr}.flower-menu-grid a{grid-template-columns:62px 1fr}.head-app{font-size:13px}.page-intro h1,.home-intro h1,.canvas-hero h1,.folio-head h1,.app-page h1,.desk-head h1,.alley-lead h1,.about-banner h1,.longread-head h1,.terms-head h1,.grade-head h1,.privacy-head h1,.help-head h1,.contact-head h1,.install-head h1,.roam-head h1{font-size:23px}}
.closing-note{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 8px 20px rgba(58,21,24,.04)}