:root{--bg:#FFF8E8;--deep:#F7E8C4;--card:#FFFDF6;--sub:#F3DFA3;--title:#3A2A12;--text:#4A3820;--muted:#7A5E38;--soft:#9A7A52;--yellow:#F4B942;--ripe:#E89B20;--orange:#E07A2F;--cocoa:#3A2A12;--line:rgba(232,155,32,.22);--shadow:0 12px 28px rgba(58,42,18,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}main{padding-top:116px;min-height:60vh}.top-note{height:18px;position:fixed;z-index:90;top:0;left:0;right:0;background:var(--ripe);color:var(--cocoa);font-size:12px}.top-note-inner,.head-inner,.quick-inner{max-width:960px;margin:auto;padding:0 16px}.top-note-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.search-open{border:0;background:transparent;color:var(--cocoa);height:18px;padding:0 4px;cursor:pointer;font-size:12px}.site-head{height:54px;position:fixed;z-index:89;top:18px;left:0;right:0;background:#FFFDF6;border-bottom:1px solid rgba(224,122,47,.35)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:800;color:var(--title)}.logo-slot img{height:24px;width:auto;object-fit:contain}.logo-slot:has(img)+.brand-fallback{display:none}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.bag-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 14px;font-size:14px}.head-app{background:linear-gradient(135deg,#F4B942 0%,#E89B20 55%,#E07A2F 100%);color:var(--cocoa);box-shadow:0 6px 16px rgba(232,155,32,.22)}.bag-open{border:1px solid var(--ripe);background:var(--card);color:var(--cocoa);cursor:pointer}.quick-pins{height:44px;position:fixed;z-index:88;top:72px;left:0;right:0;background:var(--sub);border-bottom:1px solid var(--line)}.quick-inner{height:44px;display:flex;align-items:center;gap:10px}.pin-link{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:10px;color:var(--cocoa);font-size:13px;border:1px solid transparent}.pin-dot{width:18px;height:18px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;font-size:11px;line-height:1}.pin-link.is-current{background:var(--ripe);border-color:var(--cocoa);box-shadow:0 6px 16px rgba(232,155,32,.22)}
.head-app,.bag-open,.pin-link,.primary-btn,.secondary-btn,.mobile-bottom a{transition:filter 180ms ease,box-shadow 180ms ease,transform 180ms ease}.head-app:hover,.bag-open:hover,.pin-link:hover,.primary-btn:hover,.secondary-btn:hover,.mobile-bottom a:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(244,185,66,.36),0 10px 24px rgba(224,122,47,.28)}.head-app:active,.bag-open:active,.pin-link:active,.primary-btn:active,.secondary-btn:active,.mobile-bottom a: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 #E89B20;outline-offset:2px}
.page-wrap{max-width:960px;margin:0 auto;padding:30px 16px 56px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.08em}.hero-copy{max-width:760px}.hero-copy h1,.page-title{font-size:24px;line-height:1.3;color:var(--title);margin:10px 0 14px}.hero-copy p,.lead{font-size:15px;line-height:1.8;margin:0;color:var(--text)}h2{font-size:20px;line-height:1.35;color:var(--title);margin:0 0 12px}h3{font-size:16px;color:var(--title);margin:0 0 8px}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary-btn,.secondary-btn{height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;min-width:44px}.primary-btn{background:linear-gradient(135deg,#F4B942 0%,#E89B20 55%,#E07A2F 100%);color:var(--cocoa);box-shadow:0 6px 16px rgba(232,155,32,.22)}.secondary-btn{background:var(--card);color:var(--cocoa);border:1px solid var(--ripe)}
.section{margin-top:28px}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px}.soft-panel{background:var(--deep);border-radius:12px;padding:22px;border:1px solid var(--line)}.image-slot{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-160{height:160px}.slot-168{height:168px}.slot-176{height:176px}.slot-200{height:200px}.slot-round{width:240px;height:176px;border-radius:999px;margin:auto}.slot-app{width:240px;height:320px;margin:18px auto 0}.slot-icon{width:72px;height:72px;margin:16px auto 0}.slot-icon img{width:48px;height:48px}.section-copy p{margin:0 0 12px}.section-copy p:last-child{margin-bottom:0}.kicker{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:999px;background:var(--sub);color:var(--cocoa);font-size:13px;border:1px solid var(--line)}
.home-pin-intro{padding-top:4px}.mini-index{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.mini-index a{font-size:13px;color:var(--cocoa);padding:6px 10px;border:1px solid var(--orange);border-radius:999px;background:var(--card)}.hot-slice{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center;background:var(--deep);border-radius:12px;padding:22px}.double-fruit{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.fruit-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.pin-pages{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pin-page{background:var(--card);border-top:5px solid var(--ripe);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.single-strip{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.single-strip.reverse{grid-template-columns:1fr 220px}.single-strip .image-slot{width:100%}.brand-story{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.faq-mini details,.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}.faq-mini summary,.faq-list summary{cursor:pointer;font-weight:700;color:var(--title)}.faq-mini p,.faq-list p{margin:10px 0 0}.note-box{border-left:4px solid var(--ripe);padding:12px 14px;background:var(--deep);border-radius:0 10px 10px 0;color:var(--text)}
.layout-double .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.layout-slice .slice-stack{display:grid;gap:14px}.layout-slice .slice-row{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;padding:18px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.layout-page .page-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.layout-page .page-card{background:var(--card);border-radius:12px;border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.layout-page .page-card:nth-child(2){transform:translateY(18px)}.layout-wrap .wrap-body{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.layout-wrap .float-media{float:right;width:240px;height:320px;margin:0 0 16px 22px}.layout-pin-index .index-rail{display:grid;grid-template-columns:150px 1fr;gap:22px}.layout-pin-index .rail-nav{position:sticky;top:132px;align-self:start;background:var(--deep);border-radius:12px;padding:12px}.layout-pin-index .rail-nav a{display:block;padding:9px 10px;border-radius:8px;margin:4px 0;color:var(--cocoa)}.layout-pin-index .rail-nav a:hover{background:var(--sub)}.status-list{display:grid;gap:12px}.status-item{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.status-tag{display:inline-flex;justify-content:center;align-items:center;min-height:36px;border-radius:999px;background:var(--sub);color:var(--cocoa);font-weight:700}.process{counter-reset:step;display:grid;gap:16px}.process article{counter-increment:step;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.process article h2:before{content:counter(step) ". ";color:var(--ripe)}.terms section{padding:18px 0;border-bottom:1px solid var(--line)}.terms section:last-child{border-bottom:0}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tag-row span{font-size:13px;background:var(--sub);color:var(--cocoa);border-radius:999px;padding:5px 9px}.opinion-mark{font-size:13px;font-weight:700;color:var(--cocoa);background:var(--yellow);padding:5px 9px;border-radius:999px;display:inline-flex}.article-long p{margin:0 0 16px}.article-long h2{margin-top:26px}
.site-footer{background:var(--cocoa);color:var(--deep);border-top:1px solid var(--orange);font-size:13px}.footer-inner{max-width:960px;margin:auto;padding:30px 16px 34px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.footer-logo img{height:24px;width:auto;object-fit:contain}.footer-brand strong{color:#FFF8E8}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-grid h2{font-size:14px;color:#FFF8E8;margin-bottom:8px}.footer-grid a{display:block;color:var(--deep);padding:4px 0}.footer-note{margin:24px 0 8px;color:var(--deep)}.copyright{margin:0;color:#FFF8E8}
.page-mask{position:fixed;z-index:120;inset:0;background:rgba(58,42,18,.36);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.page-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}.side-bag{position:fixed;z-index:130;right:16px;top:82px;width:36%;max-width:430px;height:min(70vh,680px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s ease;overflow:auto}.side-bag.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.bag-head{position:sticky;top:0;background:var(--card);z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.bag-brand{display:flex;align-items:center;gap:8px}.bag-brand img{height:24px;width:auto;object-fit:contain}.bag-close,.search-close{min-height:44px;border:1px solid var(--ripe);background:var(--card);color:var(--cocoa);border-radius:10px;padding:0 12px;cursor:pointer}.bag-sections{padding:10px 14px 18px}.bag-sections section{margin-bottom:16px}.bag-sections h2{font-size:14px;margin:0 0 6px}.bag-sections a{display:block;padding:10px;border-radius:10px;border:1px solid transparent}.bag-sections a:hover{background:var(--deep);border-color:var(--line)}.bag-sections span{display:block;font-weight:700;color:var(--title)}.bag-sections small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:2px}.search-panel{position:fixed;z-index:131;left:50%;top:78px;transform:translateX(-50%) translateY(-16px);width:min(760px,calc(100% - 32px));background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.search-panel.is-open{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;pointer-events:auto}.search-card{padding:18px}.search-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-links a{min-height:44px;padding:0 14px;display:flex;align-items:center;background:var(--sub);color:var(--cocoa);border-radius:10px}.mobile-bottom{display:none}
@media(max-width:720px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}main{padding-top:72px}.quick-pins{display:none}.top-note-inner,.head-inner{padding:0 16px}.head-app,.bag-open{padding:0 10px}.page-wrap{padding:24px 16px 44px}.hot-slice,.single-strip,.single-strip.reverse,.brand-story,.layout-double .lead-grid,.layout-slice .slice-row,.layout-page .page-cards,.contact-grid{grid-template-columns:1fr}.hot-slice{gap:18px}.double-fruit,.pin-pages{grid-template-columns:1fr}.layout-page .page-card:nth-child(2){transform:none}.layout-pin-index .index-rail{grid-template-columns:1fr}.layout-pin-index .rail-nav{position:static;display:flex;gap:6px;overflow-x:auto}.layout-pin-index .rail-nav a{white-space:nowrap}.layout-wrap .float-media{float:none;width:240px;margin:0 auto 18px}.footer-grid{grid-template-columns:1fr 1fr}.side-bag{top:74px;right:8px;width:86%;height:70vh}.search-panel{inset:0;width:100%;height:100%;transform:none;background:var(--cocoa);border-radius:0;border:0;color:var(--deep)}.search-panel.is-open{transform:none}.search-card{padding:24px 16px}.search-top{align-items:flex-start}.search-top strong{color:#FFF8E8;font-size:18px}.search-close{background:var(--deep)}.search-links{display:grid;grid-template-columns:1fr 1fr}.search-links a{background:var(--deep)}.mobile-bottom{position:fixed;z-index:110;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(--card);border-top:1px solid var(--line)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--cocoa)}.mobile-bottom a.is-current{background:var(--ripe);box-shadow:0 6px 16px rgba(232,155,32,.22)}.status-item{grid-template-columns:1fr}.footer-inner{padding-bottom:56px}.slot-round{max-width:100%}}
@media(max-width:430px){.brand-fallback{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-actions{gap:4px}.head-app,.bag-open{font-size:13px}.footer-grid{grid-template-columns:1fr}.search-links{grid-template-columns:1fr}}