:root{--cream:#FFF8E6;--deep:#F3E4B8;--content:#FFFCF3;--secondary:#F7EDC8;--title:#2C2416;--text:#4A3D28;--muted:#8A7350;--soft:#B49A6A;--yellow:#F4C430;--gold:#E6B422;--green:#5C8A3A;--orange:#E37A2A;--brown:#2C2416;--border:rgba(230,180,34,.28);--accent:rgba(227,122,42,.40);--shadow:0 16px 36px rgba(44,36,22,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}
.site-header{position:fixed;inset:0 0 auto;z-index:50}.fruit-line{height:14px;background:var(--yellow);color:var(--brown);font-size:10px;line-height:14px;font-weight:800}.bar-inner,.tabs-inner,.page-wrap,.footer-inner{width:min(1180px,calc(100% - 32px));margin:auto}.fruit-line .bar-inner{height:14px;display:flex;justify-content:space-between}.line-btn{border:0;background:transparent;color:var(--brown);padding:0 4px;font-size:10px;font-weight:800}.fruit-stage{height:60px;background:var(--content);border-bottom:1px solid var(--border)}.stage-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{min-height:44px;display:flex;align-items:center;font-size:20px;font-weight:900;color:var(--brown)}.brand-logo{height:28px;width:auto;object-fit:contain}.stage-actions{display:flex;align-items:center;gap:8px}.menu-btn,.app-btn,.btn-primary,.btn-secondary{min-height:44px;border-radius:12px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.menu-btn,.btn-secondary{background:var(--content);border:1px solid var(--gold);color:var(--brown)}.app-btn,.btn-primary{background:linear-gradient(135deg,#F4C430 0%,#E6B422 52%,#E37A2A 100%);border:1px solid transparent;color:var(--brown)}
.genre-tabs{height:36px;background:var(--secondary);border-bottom:1px solid var(--border)}.tabs-inner{height:36px;display:grid;grid-template-columns:repeat(5,1fr)}.tabs-inner a{position:relative;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;font-weight:700}.tabs-inner a.is-current{color:var(--brown)}.tabs-inner a.is-current:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:34px;height:3px;background:var(--yellow)}
.page-main{padding-top:126px}.page-wrap{padding:34px 0 52px}.page-hero{margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.08em}h1,h2,h3{color:var(--title);line-height:1.28;margin-top:0}h1{font-size:clamp(28px,4vw,32px);margin-bottom:12px}h2{font-size:22px;margin-bottom:12px}h3{font-size:18px}.lead{font-size:17px;max-width:850px;margin:0}.section{margin-top:28px}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.content-block,.feature-card,.status-card,.faq-item,.notice,.step-card{background:var(--content);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.card,.content-block,.status-card,.faq-item,.notice,.step-card{padding:20px}.feature-card{overflow:hidden}.feature-body{padding:18px}.feature-body p,.content-block p,.card p,.notice p{margin:0 0 12px}.feature-body p:last-child,.content-block p:last-child,.card p:last-child,.notice p:last-child{margin-bottom:0}
.media-slot{min-height:150px;background:var(--secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:10px}.media-slot img{width:100%;height:160px;object-fit:contain;object-position:center}.media-slot.small img{height:145px}.media-slot.banner{max-height:240px;min-height:200px}.media-slot.banner img{max-height:240px;width:100%;object-fit:contain}.media-slot.tall img{max-height:420px;width:auto;object-fit:contain}.hero-center{text-align:center}.hero-center .lead{margin:auto}.banner-wrap{max-width:960px;margin:24px auto}.actions,.preset-links,.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.text-link{font-weight:800;color:var(--brown);border-bottom:2px solid var(--yellow)}.tag,.preset-links a{padding:8px 12px;border-radius:10px;background:var(--secondary);border:1px solid var(--border);font-weight:700}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{padding:12px 0;border-bottom:1px solid var(--border)}.split,.app-layout{display:grid;gap:22px;align-items:start}.split{grid-template-columns:1.15fr .85fr}.app-layout{grid-template-columns:.8fr 1.2fr;align-items:center}.app-icon{width:64px;height:64px;object-fit:contain;margin-bottom:12px}.status-card strong{display:block;font-size:18px;color:var(--brown);margin-bottom:6px}.muted{color:var(--muted)}
.number-list{counter-reset:n}.number-list article{counter-increment:n;position:relative;padding-left:70px;margin-bottom:16px}.number-list article:before{content:counter(n,decimal-leading-zero);position:absolute;left:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;background:var(--yellow);color:var(--brown);border-radius:10px;font-weight:900}
.overlay{position:fixed;inset:0;background:rgba(44,36,22,.38);z-index:55;opacity:0;pointer-events:none;transition:.18s}.overlay.is-open{opacity:1;pointer-events:auto}.fruit-box,.search-panel{position:fixed;z-index:60;top:74px;left:50%;transform:translate(-50%,-12px);background:var(--content);border:1px solid var(--border);border-top:2px solid var(--yellow);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.fruit-box{width:min(720px,calc(100% - 32px));max-height:calc(100vh - 96px);overflow:auto;padding:16px}.search-panel{width:min(480px,calc(100% - 32px));padding:16px}.fruit-box.is-open,.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand img{height:24px;width:auto;object-fit:contain}.close-btn{min-height:44px;min-width:44px;background:var(--secondary);border:1px solid var(--border);border-radius:10px;color:var(--brown)}.box-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.box-grid h2{font-size:14px;color:var(--orange);margin:0 0 6px}.box-grid a{display:block;padding:10px 0;border-bottom:1px solid var(--border)}.box-grid a strong,.box-grid a span{display:block}.box-grid a strong{color:var(--brown);font-size:15px}.box-grid a span{font-size:12px;color:var(--muted)}.search-look{padding:16px;background:var(--secondary);border:1px solid var(--border);border-radius:12px;color:var(--muted)}.panel-open{overflow:hidden}
.site-footer{background:var(--brown);color:var(--cream);padding:44px 0 80px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-brand img{height:28px;width:auto;object-fit:contain}.footer-brand strong{display:block;color:var(--cream);font-size:20px}.footer-brand span{display:block;color:#EEDFAF;font-size:12px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{color:var(--cream);font-size:15px}.footer-grid a{display:block;color:#F3E4B8;padding:5px 0;font-size:14px}.footer-note{margin:28px 0 8px;padding-top:20px;border-top:1px solid rgba(255,248,230,.16);color:#F3E4B8}.copyright{margin:0;color:#D8C79A;font-size:13px}.mobile-bottom-nav{display:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}a:hover{opacity:.84}
@media(max-width:820px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.app-layout{grid-template-columns:1fr}}
@media(max-width:640px){.genre-tabs{display:none}.page-main{padding-top:74px;padding-bottom:58px}.bar-inner,.tabs-inner,.page-wrap,.footer-inner{width:calc(100% - 32px)}.fruit-line span{max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand{max-width:145px;font-size:17px}.brand-logo{max-width:145px;height:26px}.menu-btn,.app-btn{padding:8px 11px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.fruit-box,.search-panel{top:74px;width:calc(100% - 24px);max-height:60vh}.box-grid{grid-template-columns:1fr 1fr;gap:10px 14px}.box-grid a span{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:92px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;min-height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--content);border-top:1px solid var(--border)}.mobile-bottom-nav a{min-height:50px;display:grid;place-items:center;font-size:13px;font-weight:800}.mobile-bottom-nav a.is-current{background:var(--yellow);color:var(--brown)}}