*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F0D8;color:#4A3C18;font:15px/1.7 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}body.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:contain;object-position:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#3A2E10;line-height:1.4}h1{font-size:24px;line-height:1.3}h2{font-size:20px}h3{font-size:16px}p{line-height:1.7}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.fixed-top{position:fixed;inset:0 0 auto;z-index:40;box-shadow:0 4px 12px rgba(58,46,16,.06)}.beanline{height:22px;background:#3A2E10;color:#FFF8E8;font-size:12px}.beanline-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-search{height:22px;border:0;background:transparent;color:#FFF8E8;font-size:12px;padding:0 8px}.podbar{height:60px;background:#fff;border-bottom:1px solid rgba(224,184,58,.22)}.podbar-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.brand{justify-self:start;display:inline-flex;align-items:center;min-width:0;max-width:100%}.brand img{height:28px;width:auto;max-width:130px;object-fit:contain}.brand strong{font-size:16px;white-space:nowrap}.menu-button,.app-link{min-height:44px;border:1px solid rgba(224,184,58,.5);background:#FFF8E8;border-radius:10px;color:#3A2E10;padding:8px 15px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.menu-button{justify-self:center}.app-link{justify-self:end}.quicknav{height:40px;border-bottom:1px solid rgba(224,184,58,.22);background:#FFF8E8}.quicknav-inner{height:100%;display:flex;justify-content:center;gap:8px}.quicknav a{font-size:13px;padding:7px 22px;color:#3A2E10;border-radius:8px 8px 0 0}.quicknav .active{background:#E0B83A}.content{padding-top:142px;padding-bottom:42px;min-height:68vh}.hero,.home-section,.page-intro,.reading-note,.notice{background:#fff;border:1px solid rgba(224,184,58,.22);border-radius:14px;box-shadow:0 12px 28px rgba(58,46,16,.08)}.hero{overflow:hidden}.banner-slot{height:260px;width:100%;background:#FFF8E8;display:flex;align-items:center;justify-content:center}.banner-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.hero-copy{padding:24px 28px 30px}.eyebrow,.section-heading span{font-size:12px;color:#7A6A32;letter-spacing:.09em;font-weight:700}.hero-copy h1{margin:7px 0 6px}.hero-copy h2{font-size:20px;margin:0 0 13px}.hero-copy p{max-width:800px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;min-height:44px;max-width:100%;align-items:center;justify-content:center;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;white-space:nowrap;border:1px solid rgba(224,184,58,.5)}.btn.primary{background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%);color:#3A2E10}.btn.secondary{background:#fff;color:#3A2E10}.home-section{margin-top:22px;padding:26px}.section-heading{margin-bottom:18px}.section-heading h2{margin:5px 0 7px}.section-heading p{margin:0}.three-grid,.two-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.mini-card,.article-card,.faq-card,.shelf{border:1px solid rgba(224,184,58,.22);background:#FFF8E8;border-radius:12px;overflow:hidden;min-width:0}.feature-image{height:180px;background:white;display:flex;align-items:center;justify-content:center}.feature-image img{width:100%;height:100%;object-fit:contain}.feature-copy,.mini-card,.article-card,.shelf{padding:17px}.feature-copy h3,.mini-card h3{margin-bottom:8px}.feature-copy p,.mini-card p{margin-bottom:12px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:#665017;font-weight:700;font-size:14px}.wide-image{height:200px;display:flex;justify-content:center;align-items:center;background:#FFF8E8;border-radius:12px;margin:0 0 16px}.wide-image img{width:100%;height:100%;object-fit:contain}.number-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.number-links a{border:1px solid rgba(224,184,58,.5);border-radius:10px;padding:9px 12px;min-height:44px;background:#FFF8E8}.number-links b,.article-number{color:#B89220;font-size:20px;margin-right:10px}.shelf-grid,.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shelf{background:#F7F0D8}.shelf>span{font-size:12px;color:#7A6A32}.shelf h3{margin:4px 0}.shelf a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.rank-row{min-height:76px;display:flex;align-items:center;gap:15px;border:1px solid rgba(224,184,58,.22);padding:12px 15px;border-radius:12px;background:#FFF8E8}.rank-row>b{font-size:28px;color:#B89220}.rank-row span:nth-child(2){flex:1;min-width:0}.rank-row strong,.rank-row small{display:block}.rank-row small{font-size:13px;color:#7A6A32}.timeline{border-left:2px solid #E0B83A;margin:6px 0 15px 9px;padding-left:23px;display:grid;gap:13px}.timeline-item{position:relative;background:#FFF8E8;padding:16px;border-radius:10px}.timeline-item:before{content:"";position:absolute;left:-31px;top:22px;width:12px;height:12px;background:#E0B83A;border:3px solid #F7F0D8;border-radius:50%}.timeline-item p{margin:5px 0 0}.app-image{height:360px;width:100%;background:#FFF8E8;border-radius:12px;display:flex;justify-content:center;align-items:center;margin:0 0 16px}.app-image img{width:100%;height:100%;object-fit:contain}.app-intro{max-width:850px}.app-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.app-icon img{width:48px;height:48px;object-fit:contain}.endnotes p{max-width:900px}.page-intro{padding:24px 28px;margin:0 0 20px}.page-intro h1{margin:8px 0}.page-intro p{max-width:850px;margin-bottom:0}.inner-image{height:200px;background:#FFF8E8;border:1px solid rgba(224,184,58,.22);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.inner-image img{width:100%;height:100%;object-fit:contain}.article-grid{grid-template-columns:1fr;gap:14px}.article-card{background:#fff;padding:20px 24px}.article-card h2{display:inline;margin:0}.article-card p{margin:13px 0 0}.article-card p+p{margin-top:10px}.reading-note,.notice{margin-top:20px;padding:24px}.reading-note p{max-width:850px}.faq-list{display:grid;gap:14px}.faq-card{background:#fff;padding:19px 22px}.faq-card h2{font-size:16px}.faq-card p{margin-bottom:0}.footer{background:#3A2E10;color:#F7F0D8;border-top:3px solid #E0B83A;font-size:13px;padding:35px 0 26px}.footer-brand{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}.footer-brand img{width:auto;height:28px;max-width:112px}.footer-brand strong{font-size:16px;color:#F7F0D8}.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.footer-cols h2{font-size:14px;color:#F0D060;margin-bottom:9px}.footer-cols a{display:block;min-height:30px;color:#F7F0D8}.footer-notice{margin-top:22px;border-top:1px solid rgba(224,184,58,.4);padding-top:18px;max-width:850px}.copyright{margin-bottom:0;color:#F7F0D8}.overlay{position:fixed;inset:0;background:rgba(38,30,9,.55);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;inset:0 auto 0 0;z-index:80;width:min(400px,86vw);background:#FFF8E8;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(58,46,16,.08)}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head,.search-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(224,184,58,.22)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:28px;max-width:112px}.close-button{border:0;background:#EDE3BE;color:#3A2E10;border-radius:10px;width:44px;height:44px;font-size:25px;line-height:1}.drawer-content{overflow-y:auto;overscroll-behavior:contain;padding:8px 18px 30px}.drawer-group{margin:14px 0}.drawer-group h2{font-size:14px;color:#7A6A32;border-bottom:1px solid rgba(224,184,58,.22);padding-bottom:5px}.drawer-group a{display:block;border-radius:10px;padding:8px 9px;margin-bottom:4px;background:white;min-height:58px}.drawer-group a[aria-current="page"]{background:#F0D060}.drawer-group a strong,.drawer-group a small{display:block}.drawer-group a strong{font-size:14px}.drawer-group a small{font-size:12px;color:#7A6A32}.search-layer{position:fixed;top:82px;left:50%;transform:translate(-50%,-12px);z-index:81;width:min(650px,calc(100% - 32px));background:#fff;border:1px solid rgba(224,184,58,.5);border-radius:12px;padding:8px 20px 24px;box-shadow:0 12px 28px rgba(58,46,16,.08);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.search-layer.open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.search-layer label{display:block;margin:16px 0 8px}.search-layer input{width:100%;height:44px;border:1px solid #B89220;border-radius:9px;background:#FFF8E8;color:#3A2E10;padding:0 12px}.search-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.search-links a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;border-radius:9px;background:#F7F0D8;color:#3A2E10}.search-empty{margin-top:12px}.mobile-bottom{display:none}[hidden]{display:none!important}a:hover,button:hover{filter:brightness(.95)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6A8A3A;outline-offset:3px}@media(max-width:720px){.quicknav{display:none}.content{padding-top:99px;padding-bottom:90px}.brand img{max-width:100px}.brand strong{font-size:16px}.podbar-inner{gap:5px}.menu-button,.app-link{padding:7px 9px;font-size:13px}.hero-copy,.home-section,.page-intro{padding:18px 16px}.three-grid,.two-grid,.shelf-grid,.rank-grid,.footer-cols{grid-template-columns:1fr}.number-links{grid-template-columns:repeat(2,1fr)}.banner-slot{height:260px}.feature-image{height:180px}.article-card{padding:18px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(224,184,58,.5);background:white}.mobile-bottom a{min-width:0;min-height:48px;display:flex;justify-content:center;align-items:center;font-size:13px;color:#3A2E10}.mobile-bottom .active{background:#E0B83A}.footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.search-layer{inset:0;width:100%;height:100dvh;max-height:none;transform:translateY(-12px);left:0;border-radius:0;background:#3A2E10;color:#FFF8E8;padding:12px 16px 26px;overflow-y:auto}.search-layer.open{transform:translateY(0)}.search-layer .search-head{border-color:rgba(240,208,96,.5)}.search-layer .search-head strong{color:#FFF8E8}.search-links{grid-template-columns:repeat(2,minmax(0,1fr))}.search-layer input{background:#FFF8E8;color:#3A2E10}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.beanline{font-size:10px}.menu-button,.app-link{font-size:12px;padding:6px}.brand img{max-width:80px}.brand strong{font-size:14px}.footer-cols{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}