:root{--bg:#F7F0D8;--deep:#EDE3BE;--paper:#fff;--soft:#F0E6C4;--ink:#3A2E10;--body:#4A3C18;--muted:#7A6A32;--sub:#9A8850;--bean:#E0B83A;--light:#F0D060;--dark:#B89220;--green:#6A8A3A;--cream:#FFF8E8;--line:rgba(224,184,58,.22);--strong:rgba(224,184,58,.5);--shadow:0 12px 28px rgba(58,46,16,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:15px/1.7 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{line-height:1.7}.width{width:min(1120px,calc(100% - 32px));margin-inline:auto}.topwrap{position:sticky;top:0;z-index:30;box-shadow:0 2px 14px rgba(58,46,16,.06)}.beanline{height:22px;background:var(--ink);color:var(--cream);font-size:12px}.linein{height:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.topsearch{border:0;background:transparent;color:var(--cream);height:22px;padding:0 9px;font-size:12px}.podbar{height:60px;background:#fff;border-bottom:1px solid var(--line)}.podin{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.brand{display:inline-flex;align-items:center;justify-self:start;min-width:0;max-width:100%;font-weight:800;color:var(--ink);font-size:16px;white-space:nowrap}.brand img,.sidetitle img,.footbrand img{max-width:155px;height:28px;object-fit:contain;object-position:left center}.menuopen,.appnav{min-height:44px;border:1px solid var(--strong);border-radius:10px;padding:5px 15px;background:var(--cream);font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}.appnav{justify-self:end;display:flex;align-items:center;background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%)}.menuopen:hover,.appnav:hover,.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.tabs{height:40px;background:var(--cream);border-bottom:1px solid var(--line)}.tabin{display:flex;align-items:center;justify-content:center;height:100%;gap:10px}.tabs a{display:flex;align-items:center;padding:0 24px;height:32px;font-size:13px;border-radius:8px;color:var(--ink)}.tabs a.active{background:var(--bean);font-weight:700}.maincontent{padding-top:26px;padding-bottom:60px;min-height:52vh}.pageheading{padding:22px 0 25px}.pageheading p{max-width:790px;margin:0}.eyebrow,.sectionhead span{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.07em}.pageheading h1{margin:8px 0 14px}.hero{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px 25px;box-shadow:var(--shadow)}.heroimage{height:260px;background:var(--cream);display:flex;align-items:center;justify-content:center;border-radius:10px}.heroimage img{width:100%;height:100%;object-fit:contain;object-position:center}.hero .pageheading{padding:22px 4px 16px}.hero .pageheading p{max-width:850px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}.btn{min-height:44px;padding:8px 19px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s,filter .2s}.primary{background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%);color:var(--ink)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--strong)}.section{padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:23px;box-shadow:var(--shadow)}.sectionhead{margin-bottom:20px}.sectionhead h2{margin:7px 0 0}.threecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature,.card{border:1px solid var(--line);padding:15px;background:var(--cream);border-radius:12px;min-width:0}.feature .media{height:180px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:9px;margin-bottom:15px}.media img,.wideimage img,.appimage img,.appicon img{max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}.feature h3,.card h3{margin-bottom:8px}.feature p,.card p{margin-bottom:10px}.textlink{display:inline-flex;align-items:center;gap:7px;color:#775700;font-weight:700;min-height:44px}.textlink:hover{text-decoration:underline}.wideimage{height:200px;background:var(--cream);border-radius:10px;margin:15px 0 20px;display:flex;align-items:center;justify-content:center}.editorial>p{max-width:900px}.numbergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.numbergrid>div{background:var(--cream);padding:15px;border-radius:10px}.numbergrid b,.num{font-size:29px;color:var(--dark);line-height:1.2}.numbergrid h3{margin:8px 0 0}.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px}.shelf>div,.shelf>article{border:1px solid var(--strong);border-radius:10px;padding:17px;background:var(--cream);min-width:0}.shelf span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.shelf strong{color:var(--ink)}.shelf h2{font-size:16px}.shelf p{margin:6px 0 0}.ranklist{display:grid;gap:10px}.ranklist>div,.ranklist>article{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:13px;padding:15px;background:var(--cream);border-radius:10px}.ranklist span{font-size:30px;color:var(--dark);font-weight:800;line-height:1.3}.ranklist strong{color:var(--ink)}.ranklist h2{font-size:16px;margin:0 0 8px}.ranklist p{grid-column:2;margin:0}.ranklist article p{grid-column:auto}.timeline{border-left:2px solid var(--strong);padding-left:20px;margin:20px 0 15px;display:grid;gap:17px}.timeline>div,.timeline>article{position:relative;padding:14px 18px;background:var(--cream);border-radius:10px}.timeline>div:before,.timeline>article:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--bean);left:-27px;top:21px}.timeline b{display:inline-block;background:#fff;border:1px solid var(--strong);border-radius:20px;padding:1px 9px;color:var(--ink);font-size:12px;margin-right:10px}.timeline h2{font-size:16px;margin:8px 0}.timeline p{margin:7px 0 0}.appsection{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:center}.appimage{height:340px;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:12px}.appicon{height:48px;width:48px;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:9px;margin:12px 0}.faqgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faqgrid article,.faqlist article{background:var(--cream);padding:19px;border-radius:10px}.faqgrid h3,.faqlist h2{margin:0 0 9px}.faqgrid p,.faqlist p{margin:0}.articlelist{display:grid;gap:16px}.articlecard{border-radius:12px;padding:22px 24px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.articlecard:nth-child(even){background:var(--cream)}.articlecard h2{margin:8px 0 13px}.articlecard p{margin:0}.contentintro{margin-top:14px}.closing{background:var(--cream)}.faqlist{display:grid;gap:14px}.faqlist article{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.faqlist h2{font-size:18px;margin-top:7px}.footer{background:var(--ink);color:var(--bg);border-top:3px solid var(--bean);padding:33px 0 25px;font-size:13px}.footbrand{display:flex;align-items:center;gap:15px;color:var(--cream);font-weight:700}.footbrand img{background:#fff;border-radius:5px;padding:2px}.footcols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.footcols section{display:flex;flex-direction:column;align-items:start;gap:6px}.footcols h2{color:var(--light);font-size:14px;margin-bottom:8px}.footcols a{min-height:26px}.footcols a:hover{text-decoration:underline}.footnote{border-top:1px solid rgba(240,208,96,.25);padding-top:18px;max-width:900px}.copyright{opacity:.78}.overlay{position:fixed;inset:0;background:rgba(32,25,10,.58);z-index:48}.overlay[hidden]{display:none!important;pointer-events:none}.sidepanel,.searchpanel{position:fixed;z-index:49;visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s;background:#fff;color:var(--ink)}.sidepanel{left:0;top:0;bottom:0;width:min(400px,86vw);transform:translateX(-102%);display:flex;flex-direction:column;box-shadow:var(--shadow)}.sidepanel.open,.searchpanel.open{visibility:visible;pointer-events:auto;transform:translate(0)}.sidehead,.searchhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 19px;border-bottom:1px solid var(--line)}.sidetitle{display:flex;align-items:center;gap:9px;font-weight:800}.sidehead button,.searchhead button{border:1px solid var(--strong);background:var(--cream);border-radius:8px;width:44px;height:44px;font-size:23px;color:var(--ink)}.sidescroll{padding:0 18px 25px;overflow-y:auto;overscroll-behavior:contain}.sidescroll h2{font-size:14px;padding-top:18px;margin:0 0 7px;color:var(--muted)}.sideitem{display:block;padding:8px 11px;border-bottom:1px solid var(--line);border-radius:5px;min-height:55px}.sideitem:hover{background:var(--cream)}.sideitem strong{display:block;font-size:14px}.sideitem small{display:block;font-size:12px;color:var(--muted);line-height:1.5}.searchpanel{top:82px;left:50%;width:min(690px,calc(100vw - 32px));border-radius:0 0 14px 14px;padding:0 20px 22px;transform:translate(-50%,-15px);box-shadow:var(--shadow)}.searchpanel.open{transform:translate(-50%,0)}.searchpanel p{margin:15px 0}.searchpanel form{display:flex;flex-wrap:wrap;gap:8px}.searchpanel label{width:100%;font-size:13px}.searchpanel input{flex:1;min-width:130px;border:1px solid var(--strong);border-radius:8px;padding:9px 12px;min-height:44px}.searchpanel form button{background:var(--bean);border:0;border-radius:8px;padding:8px 17px;color:var(--ink);min-height:44px}.searchlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.searchlinks a{background:var(--cream);border-radius:8px;text-align:center;min-height:44px;display:grid;place-items:center}.mobilebar{display:none}@media(max-width:760px){.topwrap{position:sticky}.tabs{display:none}.maincontent{padding-top:10px;padding-bottom:92px}.hero{padding:10px 12px 20px}.heroimage{height:260px}.section{padding:18px;margin-top:15px}.threecards,.faqgrid{grid-template-columns:1fr}.numbergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf{grid-template-columns:1fr}.appsection{grid-template-columns:1fr}.appimage{height:340px}.footcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.footer{padding-bottom:calc(75px + env(safe-area-inset-bottom))}.mobilebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;min-height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--strong);z-index:35;box-shadow:0 -4px 15px rgba(58,46,16,.08)}.mobilebar a{display:grid;place-items:center;min-width:0;min-height:48px;font-size:13px;color:var(--ink)}.mobilebar a.active{background:var(--bean);font-weight:800}.topsearch{min-width:44px}.searchpanel{inset:0;width:100%;height:100dvh;overflow-y:auto;border-radius:0;left:0;top:0;transform:translateY(-12px);background:var(--ink);color:var(--cream);padding:0 17px 35px}.searchpanel.open{transform:translateY(0)}.searchhead{border-bottom:1px solid rgba(255,248,232,.3);padding-inline:0}.searchhead strong{color:var(--cream)}.searchpanel label{color:var(--cream)}.searchlinks a{background:var(--cream);color:var(--ink)}.searchpanel form button{color:var(--ink)}.sidepanel{width:min(400px,86vw)}.podin{grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.brand{font-size:16px}.brand img{max-width:min(100%,115px)}.menuopen,.appnav{padding:5px 9px;font-size:13px}.menuopen span{display:none}.appnav{font-size:12px}.pageheading{padding:19px 0}.ranklist>div,.ranklist>article{grid-template-columns:40px 1fr;padding:12px;gap:8px}.ranklist span{font-size:23px}}@media(max-width:360px){.brand{font-size:14px}.podin{gap:4px}.menuopen,.appnav{padding-inline:7px}.linein>span{font-size:10px}.section{padding:15px}.numbergrid{gap:7px}}