:root{--bg:#FFF8E8;--deep:#F7E8C4;--content:#FFFDF6;--soft:#F3DFA3;--title:#3A2A12;--text:#4A3820;--muted:#7A5E38;--aux:#9A7A52;--yellow:#F4B942;--ripe:#E89B20;--orange:#E07A2F;--cocoa:#3A2A12;--border:rgba(232,155,32,.22);--shadow:0 12px 28px rgba(58,42,18,.10);--max:960px;--r:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);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.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:300;background:var(--content);padding:10px 14px;border-radius:8px;border:1px solid var(--ripe)}.skip-link:focus{top:8px}.page-shell{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.fruit-brow,.yellow-head{position:fixed;left:0;right:0;z-index:120}.fruit-brow{top:0;height:18px;background:var(--ripe);color:var(--cocoa);font-size:12px}.yellow-head{top:18px;height:54px;background:rgba(255,253,246,.98);border-bottom:1px solid var(--border)}.top-inner{width:min(var(--max),calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.head-inner{height:54px}.brand-link,.footer-brand-link{display:inline-flex;align-items:center;gap:10px;min-height:44px}.brand-logo{height:24px;max-width:160px;object-fit:contain;object-position:center}.brand-text,.head-app,.bag-button{font-size:16px;font-weight:700;color:var(--cocoa)}.text-button,.bag-button,.close-button{border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px;padding:0 8px}.text-button{min-height:18px;padding:0}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.bag-button{font-size:14px}.fruit-pins{position:sticky;top:72px;z-index:80;height:44px;background:rgba(243,223,163,.96);border-bottom:1px solid var(--border);margin-top:72px}.pin-inner{width:min(var(--max),calc(100% - 32px));height:44px;margin:auto;display:flex;align-items:center;gap:10px}.pin-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:4px 10px;border-radius:999px;font-size:13px;border:1px solid transparent}.pin-dot{display:inline-block;width:18px;height:18px;border:2px solid var(--orange);border-radius:50%;background:var(--content);flex:0 0 18px}.pin-link.is-current{background:var(--ripe);color:var(--cocoa);border-color:var(--orange);box-shadow:0 6px 16px rgba(232,155,32,.22)}.pin-link.is-current .pin-dot{background:var(--yellow);outline:1px solid var(--cocoa)}.site-main{min-height:60vh;padding-bottom:48px}.breadcrumb-wrap{padding-top:14px}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.home-flow,.inner-page{padding-top:18px}.home-intro{padding:28px 0 34px;border-bottom:1px solid var(--border)}.mini-index{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.mini-index a{display:inline-flex;align-items:center;gap:7px;background:var(--content);border:1px solid var(--border);border-radius:999px;padding:7px 11px;font-size:13px}h1,h2,h3{color:var(--title);margin:0 0 10px;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 13px}.lead{font-size:18px;font-weight:700;color:var(--cocoa);margin-top:6px}.eyebrow,.editor-label{font-size:12px;color:var(--ripe);font-weight:800;letter-spacing:.04em;text-transform:none}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:800;transition:filter .18s,box-shadow .18s,transform .18s}.btn.primary{background:linear-gradient(135deg,#F4B942 0%,#E89B20 55%,#E07A2F 100%);color:var(--cocoa);box-shadow:0 6px 16px rgba(232,155,32,.22)}.btn.secondary{background:var(--content);color:var(--cocoa);border:1px solid var(--ripe)}.btn:hover,.pin-link.is-current:hover,.mobile-bottom .is-current:hover{filter:brightness(1.04);box-shadow:0 0 0 3px rgba(244,185,66,.36),0 10px 24px rgba(224,122,47,.28)}.btn:active,.pin-link.is-current:active,.mobile-bottom .is-current:active{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(224,122,47,.36),0 0 22px rgba(244,185,66,.48)}a:focus-visible,button:focus-visible{outline:2px solid var(--ripe);outline-offset:2px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--cocoa);text-decoration:underline;text-decoration-color:var(--ripe);text-underline-offset:4px}.image-slot{background:var(--content);border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.h160{height:160px}.h168{height:168px}.h176{height:176px}.round-slot{width:240px;height:176px;border-radius:88px;justify-self:end}.pin-cut{display:grid;grid-template-columns:110px 1fr 240px;gap:22px;align-items:center;padding:30px 0;border-bottom:1px solid var(--border)}.pin-cut.large{grid-template-columns:240px 1fr}.cut-mark{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.dual-fruit{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--border)}.fruit-card{background:var(--content);border:1px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}.fruit-card.with-image{display:grid;grid-template-rows:auto 1fr;gap:16px}.pin-pages{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--border)}.pin-pages.vertical{grid-template-columns:1fr}.pin-page{position:relative;background:var(--deep);border-radius:var(--r);padding:18px 18px 18px 30px;border:1px solid var(--border);display:grid;gap:14px}.page-pin{position:absolute;left:10px;top:20px;width:10px;height:22px;border-radius:8px;background:var(--ripe);box-shadow:0 4px 10px rgba(232,155,32,.24)}.story-strip{display:grid;grid-template-columns:38% 1fr;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}.story-strip.reverse{grid-template-columns:1fr 38%}.story-strip.reverse .image-slot{order:2}.app-wrap-pin{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid var(--border)}.app-wrap-pin.standalone{padding-top:10px}.app-images{display:flex;flex-direction:column;align-items:center;gap:12px}.app-slot{width:240px;height:320px}.app-icon{width:48px;height:48px;object-fit:contain}.long-note,.soft-panel,.faq-six,.brand-story{padding:28px 0;border-bottom:1px solid var(--border)}.soft-panel{background:var(--deep);border:1px solid var(--border);border-radius:var(--r);padding:22px;margin:26px 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid article,.ribbon-list article,.clue-grid article,.author-grid article,.app-features article,.install-grid article,.contact-grid article,.help-map article{background:var(--content);border:1px solid var(--border);border-radius:var(--r);padding:16px}.brand-story{display:grid;grid-template-columns:1fr 40%;gap:24px;align-items:center}.brand-story.full{margin-top:8px}.page-title{padding:18px 0 22px;border-bottom:1px solid var(--border);max-width:820px}.page-title.narrow{max-width:720px}.page-title.compact{max-width:760px}.split-links{display:grid;grid-template-columns:1fr 220px;gap:24px;padding:26px 0}.link-stack{display:flex;flex-direction:column;gap:10px}.ribbon-list,.clue-grid,.author-grid,.app-features,.install-grid,.contact-grid,.help-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px 0}.numberless-steps,.focus-lines,.process-list,.terms,.essay,.faq-long{padding:18px 0}.numberless-steps article,.focus-lines article,.process-list article,.terms article,.faq-long article{padding:20px 0;border-bottom:1px solid var(--border)}.step-hero,.clue-hero,.focus-band,.process-hero,.author-hero,.status-hero{display:grid;grid-template-columns:36% 1fr;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}.note-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0}.note-columns article{background:var(--deep);border-radius:var(--r);padding:18px;border:1px solid var(--border)}.status-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 0}.status-list article{background:var(--content);border:1px solid var(--border);border-radius:var(--r);padding:18px}.status{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;padding:0 10px;font-size:13px;font-weight:800;margin-bottom:10px;color:var(--cocoa)}.status.online{background:#F4B942}.status.making{background:#F3DFA3}.status.pending{background:#FFF8E8;border:1px solid var(--ripe)}.editor-label{display:inline-block;background:var(--soft);padding:5px 10px;border-radius:999px;margin-bottom:10px}.essay h2{margin-top:24px}.about-hero{display:grid;grid-template-columns:48% 1fr;gap:24px;align-items:center;padding:12px 0 24px;border-bottom:1px solid var(--border)}.banner-slot{height:200px;width:100%}.about-blocks{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px 0}.about-blocks article{padding:18px;background:var(--content);border:1px solid var(--border);border-radius:var(--r)}.faq-long article h2{font-size:17px}.site-footer{background:var(--cocoa);color:var(--deep);border-top:1px solid var(--orange);padding:34px 0 18px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:26px}.footer-grid h2{color:var(--deep);font-size:14px}.footer-grid a{display:block;min-height:34px;color:var(--deep);font-size:13px}.footer-brand-link strong{display:block;color:var(--deep)}.footer-brand-link small{display:block;color:#d9c79b;font-size:11px}.footer-brand p{font-size:13px;color:var(--deep);margin-top:14px}.footer-bottom{margin-top:22px;padding-top:14px;border-top:1px solid rgba(247,232,196,.18);font-size:13px}.overlay{position:fixed;inset:0;background:rgba(58,42,18,.42);z-index:180;opacity:0;pointer-events:none;transition:opacity .18s}.overlay.is-on{opacity:1;pointer-events:auto}.yellow-bag{position:fixed;right:14px;top:84px;width:min(36vw,460px);max-height:70vh;background:var(--content);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px rgba(58,42,18,.22);z-index:200;transform:translateX(calc(100% + 30px));visibility:hidden;pointer-events:none;transition:transform .18s,visibility .18s;overflow:hidden}.yellow-bag.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.bag-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--deep)}.bag-brand{display:flex;align-items:center;gap:10px}.bag-brand small{display:block;font-size:11px;color:var(--muted)}.bag-scroll{overflow:auto;max-height:calc(70vh - 74px);padding:8px 16px 18px}.bag-scroll section{padding:10px 0;border-bottom:1px solid var(--border)}.bag-scroll h2{font-size:14px;margin-bottom:4px}.bag-scroll a{display:grid;grid-template-columns:135px 1fr;gap:10px;align-items:start;padding:9px 0;min-height:44px}.bag-scroll a span{font-weight:800}.bag-scroll a small{color:var(--muted);font-size:12px;line-height:1.5}.search-layer{position:fixed;left:50%;top:76px;transform:translate(-50%,-18px);width:min(720px,calc(100% - 32px));z-index:205;visibility:hidden;pointer-events:none;opacity:0;transition:.18s}.search-layer.is-open{transform:translate(-50%,0);visibility:visible;pointer-events:auto;opacity:1}.search-card{background:var(--content);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}.search-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.search-head p{margin:2px 0 0;color:var(--muted)}.search-presets{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.search-presets a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--ripe);border-radius:10px;background:var(--bg);font-weight:700}.mobile-bottom{display:none}
@media(max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.fruit-pins{display:none}.site-main{padding-top:72px}.breadcrumb-wrap{padding-top:12px}.head-app,.bag-button{min-height:44px;display:inline-flex;align-items:center}.head-actions{gap:2px}.brand-logo{max-width:130px}.pin-cut,.pin-cut.large,.dual-fruit,.pin-pages,.story-strip,.story-strip.reverse,.app-wrap-pin,.brand-story,.split-links,.step-hero,.clue-hero,.focus-band,.process-hero,.author-hero,.status-hero,.about-hero{grid-template-columns:1fr}.round-slot{justify-self:start}.story-strip.reverse .image-slot{order:0}.faq-grid,.ribbon-list,.clue-grid,.author-grid,.app-features,.install-grid,.contact-grid,.help-map,.about-blocks,.note-columns,.status-list{grid-template-columns:1fr}.app-images{align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-brand{grid-column:1/-1}.yellow-bag{width:86vw;right:7vw;top:76px;max-height:70vh}.bag-scroll a{grid-template-columns:1fr}.bag-scroll a small{display:block}.search-layer{inset:0;top:0;left:0;transform:none;width:100%;background:var(--cocoa);padding:90px 16px 72px;color:var(--deep)}.search-layer.is-open{transform:none}.search-card{background:var(--cocoa);color:var(--deep);border-color:rgba(247,232,196,.25);box-shadow:none}.search-head strong{color:var(--deep)}.search-head p{color:#e9d8ad}.search-presets a{background:var(--deep);color:var(--cocoa);border-color:var(--ripe)}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--content);border-top:1px solid var(--border);z-index:130;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;font-weight:800}.mobile-bottom .is-current{background:var(--ripe);color:var(--cocoa);box-shadow:0 6px 16px rgba(232,155,32,.22)}.page-shell{width:calc(100% - 32px)}.home-flow,.inner-page{padding-top:8px}.home-intro{padding-top:18px}.site-footer{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.round-slot{width:240px;max-width:100%}}

/* v2 content rhythm */
.home-intro{background:linear-gradient(145deg,#FFFDF6 0%,#FFF3D1 100%);border:1px solid rgba(232,155,32,.22);padding:28px;border-radius:20px}.home-intro .lead{font-size:18px;font-weight:700}.ribbon-list article:nth-child(even){transform:translateX(10px)}@media(max-width:700px){.ribbon-list article:nth-child(even){transform:none}.home-intro{padding:22px}}