:root{--bg:#F6E7A8;--deep:#E8D27A;--paper:#FFF8DC;--paper2:#F3E6B0;--ink:#3A2E08;--text:#4A3C12;--muted:#7A6418;--soft:#9A8428;--gold:#8A6A12;--green:#5A7A38;--line:rgba(58,46,8,.16);--line2:rgba(138,106,18,.48);--shadow:0 12px 28px rgba(58,46,8,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}html.locked,body.locked{overflow:hidden}body{margin:0;background:linear-gradient(180deg,var(--bg),#f9edbd 45%,var(--paper2));color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.bean-path{position:fixed;z-index:70;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--bg);font-size:12px}.bean-path .shell{height:20px;display:flex;align-items:center;justify-content:space-between}.text-btn,.menu-btn,.close-btn{font:inherit;border:0;cursor:pointer}.text-btn{background:none;color:var(--bg);padding:0 4px;height:20px}.bean-header{position:fixed;z-index:69;top:20px;left:0;right:0;height:54px;background:var(--bg);border-bottom:1px solid var(--gold)}.bean-header-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-height:44px;text-decoration:none;color:var(--ink)}.brand-logo{height:24px;width:auto;max-width:160px;object-fit:contain;object-position:center}.brand-fallback{font-weight:800;font-size:16px}.header-actions{display:flex;align-items:center;gap:8px}.mini-link,.menu-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;text-decoration:none}.mini-link{color:var(--ink);border:1px solid var(--line2);background:var(--paper)}.menu-btn{background:var(--ink);color:var(--bg)}.bean-grid{position:fixed;z-index:68;top:74px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line2)}.bean-grid-wrap{display:grid;grid-template-columns:1fr 1fr}.bean-grid a{height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--gold);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.bean-grid a:nth-child(2n){border-right:0}.bean-grid a.is-active{background:var(--gold);color:#fff8dc}.site-main{padding-top:152px;min-height:60vh}.section{margin:26px auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.section.flat{box-shadow:none}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.h1,h1{font-size:24px;line-height:1.3;color:var(--ink);margin:8px 0 14px}.h2,h2{font-size:20px;color:var(--ink);margin:0 0 12px}.h3,h3{font-size:16px;color:var(--ink)}p{margin:0 0 12px}.lead{font-size:16px;color:var(--ink)}.muted{color:var(--muted)}.hero-index{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.hero-index a{padding:6px 10px;border:1px solid var(--line2);border-radius:999px;color:var(--ink);text-decoration:none;background:var(--paper2)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{min-height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#F6E7A8 0%,#8A6A12 100%);color:var(--ink);border:1px solid var(--gold)}.btn-secondary{background:var(--ink);color:var(--bg)}.btn:hover,.btn:focus-visible,.mini-link:hover,.mini-link:focus-visible,.bean-grid a:hover,.bean-grid a:focus-visible{outline:none;filter:brightness(.98);box-shadow:0 0 0 3px rgba(138,106,18,.16)}.image-slot{background:var(--bg);border:1px dashed var(--line2);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}.vertical-frame{max-width:420px;height:280px;margin:0 auto}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--gold)}.timeline-item{position:relative;padding:0 0 18px 18px}.timeline-item:before{content:"";position:absolute;left:-21px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--gold);border:3px solid var(--paper)}.timeline-item:last-child{padding-bottom:0}.timeline-img{height:220px;margin:12px 0}.fold-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fold-card{position:relative;background:var(--paper2);border:1px solid var(--line2);padding:18px;border-radius:12px}.fold-card:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 26px 26px 0;border-color:transparent var(--deep) transparent transparent}.fold-card .image-slot{height:210px;margin-bottom:14px}.bean-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px}.card .image-slot{height:200px;margin-bottom:12px}.week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.week-cell{background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:16px}.status-list{display:grid;gap:12px}.status-item{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.status{display:inline-flex;justify-content:center;padding:5px 8px;border-radius:999px;background:var(--deep);color:var(--ink);font-size:13px}.status.done{background:#e2eccf;color:#344e22}.app-band{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center;background:var(--ink);color:var(--bg);border-radius:12px;padding:22px}.app-band h2,.app-band h3{color:var(--bg)}.app-band .image-slot{height:320px;background:var(--paper2)}.app-icon-row{display:flex;gap:12px;align-items:center}.app-icon-row .icon-slot{width:48px;height:48px;border-radius:10px;background:var(--paper2);display:flex;align-items:center;justify-content:center}.app-icon-row img{width:48px;height:48px;object-fit:contain}.quote-strip{padding:16px 18px;border-left:4px solid var(--gold);background:var(--paper2);border-radius:8px}.check-list{display:grid;gap:10px}.check-list div{padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.album-list{display:grid;gap:14px}.album{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.terms{counter-reset:item}.term{padding:18px 0;border-bottom:1px solid var(--line)}.term:last-child{border-bottom:0}.faq{display:grid;gap:12px}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.faq summary{font-weight:700;color:var(--ink);cursor:pointer}.site-footer{background:#2E2408;color:var(--bg);border-top:1px solid var(--bg);padding:28px 0 80px;font-size:13px}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:24px}.footer-brand{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.footer-groups h3{color:var(--bg);margin:0 0 8px}.footer-groups a{display:block;color:#fff8dc;text-decoration:none;margin:4px 0}.footer-note{margin-top:22px;padding-top:16px;border-top:1px solid rgba(246,231,168,.2);color:#eadb9f}.overlay{position:fixed;z-index:90;inset:0;background:rgba(46,36,8,.44);opacity:0;pointer-events:none;transition:.18s}.overlay.show{opacity:1;pointer-events:auto}.bean-menu{position:fixed;z-index:100;left:0;right:0;bottom:0;height:42vh;min-height:340px;background:var(--paper);border-radius:16px 16px 0 0;transform:translateY(110%);visibility:hidden;pointer-events:none;transition:.22s;box-shadow:0 -18px 40px rgba(46,36,8,.18)}.bean-menu.show{transform:translateY(0);visibility:visible;pointer-events:auto}.menu-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.menu-brand{display:flex;align-items:center;gap:10px}.close-btn{min-height:44px;padding:0 12px;border-radius:10px;background:var(--ink);color:var(--bg)}.menu-scroll{height:calc(42vh - 58px);min-height:282px;overflow:auto;padding:14px 16px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.menu-group h3{margin:0 0 8px}.menu-group a{display:block;text-decoration:none;color:var(--text);padding:8px 0;border-bottom:1px solid var(--line)}.menu-group a b{display:block;color:var(--ink)}.menu-group a span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.search-panel{position:fixed;z-index:101;top:74px;left:0;right:0;transform:translateY(-120%);visibility:hidden;pointer-events:none;transition:.2s}.search-panel.show{transform:translateY(0);visibility:visible;pointer-events:auto}.search-card{background:var(--paper);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:0 0 14px 14px;padding:16px}.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.search-links a{padding:8px 12px;border-radius:999px;background:var(--paper2);color:var(--ink);text-decoration:none;border:1px solid var(--line2)}.mobile-bottom{display:none}.center-card{max-width:680px;margin:0 auto;text-align:left}.center-card .image-slot{height:240px;margin-bottom:16px}.banner-slot{height:200px}.single-stack{display:grid;gap:16px}.single-stack .image-slot{height:250px}.note-bar{padding:14px 16px;border-radius:10px;background:var(--deep);border:1px solid var(--line2)}
@media (max-width:720px){.bean-grid{display:none}.site-main{padding-top:88px}.shell{width:calc(100% - 32px)}.section{margin:18px auto;padding:18px}.fold-grid,.bean-cards,.week-grid,.app-band,.footer-top,.footer-groups,.status-item{grid-template-columns:1fr}.app-band .image-slot{height:280px}.footer-groups{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:92px}.menu-scroll{grid-template-columns:1fr 1fr}.bean-menu{height:58vh}.menu-scroll{height:calc(58vh - 58px)}.mobile-bottom{position:fixed;z-index:80;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg);border-top:1px solid var(--line2);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;font-size:13px;min-height:48px}.mobile-bottom a.is-active{background:var(--gold);color:var(--bg)}.search-panel{top:0;bottom:0;background:var(--ink);transform:translateY(-105%)}.search-panel.show{transform:translateY(0)}.search-card{height:100%;width:100%;background:var(--ink);color:var(--bg);border:0;border-radius:0;padding-top:28px}.search-head strong{color:var(--bg)}.search-links a{background:transparent;color:var(--bg);border-color:rgba(246,231,168,.5)}.vertical-frame{height:260px}.footer-brand{margin-bottom:10px}}