:root{--bg:#f3f5f1;--paper:#fff;--ink:#1c302a;--muted:#66776d;--line:#e3e9e1;--green:#254d3f;--lime:#d3ec9c;--soft:#edf3e8;--link:#275a43;--radius:14px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.58 -apple-system,BlinkMacSystemFont,"Microsoft YaHei","Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1320px,calc(100% - 36px));margin:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
    .top{background:#fff;border-bottom:1px solid var(--line)}.top-in{min-height:72px;display:grid;grid-template-columns:235px minmax(0,1fr);align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.mark{width:40px;height:40px;border-radius:12px;background:var(--green);display:grid;place-items:center;color:var(--lime);font-size:26px;line-height:1}.brand h1{display:block;font-size:18px;line-height:1.2;margin:0}.brand small{display:block;font-size:11px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:14px;min-width:0}.nav{display:flex;gap:12px;flex-wrap:nowrap;white-space:nowrap}.nav a{font-size:12px;color:#476156}.nav a:hover{color:var(--green)}
    .search-line{display:flex;align-items:center;gap:8px;min-width:355px}.search{display:flex;flex:1;background:#f7f9f6;border:1px solid var(--line);border-radius:8px;padding:3px;min-width:0}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1;padding:5px 8px;color:var(--ink);font-size:12px}.search button{border:0;background:var(--lime);color:#244338;border-radius:5px;font-size:12px;font-weight:700;padding:5px 10px;white-space:nowrap}.outside{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #b9d3f0;border-radius:7px;background:#edf5ff;color:#1854a3;font-size:12px;font-weight:700;white-space:nowrap}.outside:hover{background:#deecff;text-decoration:none}.outside span{font-size:10px;color:#477ab7;margin-right:5px}
    .main{display:grid;grid-template-columns:235px minmax(0,1fr) 310px;gap:16px;align-items:stretch;padding:20px 0 18px}.column{display:flex;flex-direction:column;gap:16px}.left>.ad{flex:1}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 3px 16px #254d3f09}.left .panel,.right .panel{padding:16px}.head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.head h2{font-size:19px;line-height:1.3;margin:0}.left .head h2,.right .head h2{font-size:17px}.more{font-size:12px;color:var(--link);white-space:nowrap;font-weight:600}.desc{font-size:12px;color:var(--muted);margin:0 0 15px}.divider{border:0;border-top:1px solid var(--line);margin:14px 0}
    .service-list{list-style:none;padding:0;margin:0}.service-list li{border-top:1px solid #eef1ec}.service-list li:first-child{border-top:0}.service-list a{display:block;padding:7px 0;font-size:14px;line-height:1.35}.service-list a:before{content:"·";color:#669360;font-weight:900;margin-right:7px}.tiny-note{font-size:11px;color:#829087;margin:13px 0 0}.resource-list{list-style:none;padding:0;margin:0;display:grid;gap:7px}.resource-list a{display:block;padding:9px 10px;background:#f7f9f6;border-radius:8px}.resource-list strong{display:block;font-size:13px}.resource-list small{display:block;color:var(--muted);font-size:11px}.resource-list.compact{grid-template-columns:1fr 1fr}.resource-list.compact a{padding:9px}.resource-list.compact strong{font-size:12px}
    .ad{border:1px dashed #cad8c6;background:#fbfdf9;border-radius:11px;padding:15px;min-height:104px}.ad-label{display:inline-block;background:#eef1ec;border-radius:4px;padding:2px 6px;font-size:10px;color:#697b6e}.ad strong{display:block;margin:8px 0 3px;font-size:14px}.ad p{margin:0;color:var(--muted);font-size:12px}
    .tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:14px 0}.tabs button{background:#f6f8f4;color:#42604e;border:1px solid var(--line);border-radius:6px;padding:5px 12px;font-size:12px}.tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.model{border:1px solid var(--line);border-radius:9px;padding:13px 14px;min-width:0}.model h3{font-size:15px;margin:0 0 5px;display:flex;justify-content:space-between;gap:8px}.badge{font-size:10px;background:var(--soft);color:#52734e;padding:1px 6px;border-radius:9px;white-space:nowrap;align-self:center}.model[data-region="international"] .badge{background:#eef1f7;color:#617492}.model p{font-size:12px;color:#5b6c62;margin:0}.model small{display:block;font-size:11px;color:#839087;margin-top:6px}.empty{display:none;padding:18px 0;text-align:center;color:var(--muted);font-size:13px}.center-link{display:block;text-align:right;margin-top:13px;font-size:13px;color:var(--link);font-weight:700}
    .directory{display:grid;grid-template-columns:1fr 1fr;gap:10px}.directory article{background:#f7f9f6;border:1px solid var(--line);border-radius:9px;padding:15px}.directory h3{font-size:15px;margin:0 0 5px}.directory p{margin:0;color:var(--muted);font-size:12px}.directory a{display:inline-block;color:var(--link);font-size:12px;font-weight:700;margin-top:10px}.read-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.read-list article{border-top:1px solid var(--line);padding:10px 0}.read-list h3{font-size:14px;margin:0 0 4px}.read-list p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
    .news-window{height:650px;overflow:auto;scrollbar-color:#a5b7a8 #f1f4f0;padding-right:5px}.news{padding:12px 0;border-top:1px solid var(--line)}.news:first-child{border-top:0}.news time{font-size:11px;color:#708576}.news h3{font-size:14px;line-height:1.45;margin:4px 0}.news p{font-size:12px;color:#5e7064;margin:0}.news a{font-size:11px;color:var(--link);font-weight:700}.right-ad{margin-top:16px;flex:1}.ad-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(106px,1fr));gap:10px}.ad-stack .ad{min-height:106px;padding:12px}.ad-stack .ad:nth-child(1){grid-column:1;grid-row:1}.ad-stack .ad:nth-child(2){grid-column:2;grid-row:1}.ad-stack .ad:nth-child(3){grid-column:1/-1;grid-row:2}
    .bottom{padding-bottom:38px}.changes{background:#e8eee5;border-radius:14px;padding:17px 20px;display:grid;grid-template-columns:185px 1fr 1fr 1fr;gap:12px}.changes h2{font-size:17px;margin:0}.changes p{font-size:11px;color:var(--muted);margin:2px 0}.change{background:#fff;border-radius:8px;padding:12px}.change strong{display:block;font-size:12px}.change small{font-size:10px;color:var(--muted)}.bottom-ads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.bottom-ads .ad{min-height:112px}.footer{border-top:1px solid var(--line);padding:20px 0 35px;color:#78867a;font-size:12px}.footer-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-left:15px}
    .preview-note{position:fixed;right:14px;bottom:14px;background:#203c32;color:#fff;border-radius:7px;padding:6px 10px;font-size:11px;box-shadow:0 4px 14px #0002}
    @media(max-width:960px){.top-in{grid-template-columns:200px minmax(0,1fr)}.main{grid-template-columns:200px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px}.right .right-ad{margin:0}.news-window{height:360px}}
    @media(max-width:1000px){.top-in{padding:10px 0}.header-actions{flex-wrap:wrap;gap:8px}.nav{width:100%;gap:13px}}
    @media(max-width:850px){.changes{grid-template-columns:1fr 1fr}.bottom-ads{grid-template-columns:1fr 1fr}}
    @media(max-width:700px){.wrap{width:min(100% - 26px,560px)}.top-in{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.header-actions{width:100%;flex-direction:column;align-items:stretch}.nav{gap:8px 16px;flex-wrap:wrap}.search-line{margin:0;width:100%;min-width:0}.outside span{display:none}.main{display:flex;flex-direction:column}.column{width:100%}.middle{order:1}.left{order:2}.right{order:3;display:flex}.model-grid,.directory,.read-list{grid-template-columns:1fr}.resource-list.compact{grid-template-columns:1fr 1fr}.news-window{height:410px}.changes{grid-template-columns:1fr}.preview-note{position:static;text-align:center;border-radius:0}}
.brand-title{display:block;font-size:18px;line-height:1.2;font-weight:700}.brand:hover{text-decoration:none}.model a,.listing-card a{display:block}.model a:hover,.resource-list a:hover,.listing-card a:hover{text-decoration:none}.model:hover,.listing-card:hover{border-color:#acc6a9;background:#fbfdf9}.news h3 a:hover,.read-list a:hover h3{color:var(--link)}.ad-entry[hidden],.service-list li[hidden],.model[hidden]{display:none}.ad-entry a:hover{text-decoration:none}.empty-state{color:var(--muted);font-size:13px;margin:18px 0}.changes .change:hover{text-decoration:none;background:#f9fcf8}
.content-page{min-height:calc(100vh - 200px);padding:24px 0 56px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:16px}.breadcrumbs a{color:var(--link)}.page-heading{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;margin-bottom:16px}.page-heading h1{font-size:25px;margin:0 0 5px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;min-height:166px}.listing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.listing-card h2{font-size:17px;margin:0 0 9px}.listing-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}.listing-meta{display:flex;gap:12px;color:#849187;font-size:11px;margin-top:17px}.pagination{margin-top:22px}.pagination .nav-links{display:flex;gap:8px}.pagination a,.pagination span{border:1px solid var(--line);border-radius:6px;padding:5px 10px;background:#fff}.detail{max-width:900px;margin:auto;padding:30px 38px}.detail h1{font-size:29px;line-height:1.35;margin:10px 0}.detail-intro{font-size:15px;color:#5a6e61;margin:0 0 20px}.detail-tags{display:flex;gap:8px}.relation{background:#fff0db;color:#8b5b21}.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f7f9f6;border-radius:9px;padding:16px;margin:22px 0}.detail-facts div{display:flex;flex-direction:column;gap:4px}.detail-facts strong{font-size:12px}.detail-facts span{font-size:12px;color:var(--muted)}.article-body{font-size:15px;line-height:1.9}.article-body h2{font-size:21px;margin:28px 0 8px}.article-body p{margin:0 0 15px}.article-body a{color:var(--link);text-decoration:underline}.detail-links{display:flex;align-items:center;gap:18px;margin-top:24px;font-size:13px;font-weight:700;color:var(--link)}.button-primary{display:inline-block;background:var(--green);color:#fff;border-radius:7px;padding:9px 15px}.button-primary:hover{color:#fff}.source-note{border-top:1px solid var(--line);padding-top:13px;margin-top:25px;font-size:12px;color:var(--muted)}.source-note a{color:var(--link)}
@media(max-width:850px){.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.listing-grid{grid-template-columns:1fr}.detail{padding:22px}.detail h1{font-size:24px}.detail-facts{grid-template-columns:1fr}.page-heading{padding:20px}}
#directory{padding:12px 20px}
#directory .head{align-items:center;margin-bottom:9px}
#directory .directory article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;min-height:44px}
#directory .directory h3{font-size:14px;margin:0}
#directory .directory a{margin:0;white-space:nowrap;font-size:11px}
@media(max-width:700px){#directory{padding:14px}}
#models{padding:16px 20px}
#models .desc{margin-bottom:8px}
#models .tabs{margin:8px 0}
#models .tabs button{padding:4px 10px}
#models .model-grid{gap:8px}
#models .model{padding:9px 12px}
#models .model h3{line-height:1.35;margin-bottom:3px}
#models .model p{line-height:1.4}
#models .model small{line-height:1.4;margin-top:3px}
@media(max-width:700px){
  .main>.column{display:contents}
  .main #updates{order:1}
  .main #reads{order:2}
  .main #models{order:3}
  .main #directory{order:4}
  .main #resources{order:5}
  .main #services{order:6}
  .main .left>.ad{order:7;flex:0 0 auto}
  .main .right-ad{order:8;flex:0 0 auto;margin:0}
}
