:root{--bg-primary:#fbf8f2;--bg-secondary:#f3eee4;--bg-card:#ffffff;--bg-card-hover:#fffdf8;--border:rgba(31,36,48,.12);--border-hover:rgba(13,122,107,.45);
--accent:#0d7a6b;--accent-2:#d97706;--accent-green:#15803d;--accent-orange:#c2410c;--accent-red:#dc2626;--text-primary:#1f2430;--text-secondary:#4a5361;--text-muted:#667085;
--gradient-hero:linear-gradient(180deg,#fff3d6 0%,#fbf8f2 100%);--gradient-card:#ffffff;--gradient-accent:linear-gradient(135deg,#0d7a6b,#0b5e55);
--shadow-card:0 6px 20px rgba(60,50,30,.08);--shadow-glow:0 8px 24px rgba(13,122,107,.18)}
body{background:var(--bg-primary);color:var(--text-primary)}
.navbar{background:rgba(255,252,246,.94)!important;border-bottom:1px solid var(--border)}
.hero-orb-1{background:#f59e0b!important;opacity:.22!important}.hero-orb-2{background:#0d7a6b!important;opacity:.14!important}.hero-orb-3{background:#e0523f!important;opacity:.10!important}
.hero-title .gradient-text{background:linear-gradient(135deg,#0d7a6b,#d97706)!important;-webkit-background-clip:text!important;background-clip:text!important}
.btn-primary,.btn-card-primary,.dl-btn{color:#fff!important}
.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border)}
.tag-purple{color:#b45309!important}.tag-blue{color:#4338ca!important}.tag-orange{color:#c2410c!important}.tag-green{color:#15803d!important}
.card-price .price-amount,.airport-price{color:#0d7a6b}
::-webkit-scrollbar-track{background:#fbf8f2}
/* 站长 11-12「不要有深色」：按钮、徽章、页脚一律浅色底 + 深色字 + 细描边；主按钮用琥珀实底配深字 */
.btn-primary,.dl-btn,.rv-btn-primary,.nav-cta{background:#f6c453!important;color:#3a2800!important;border:1px solid #d9a022!important;box-shadow:none!important;text-shadow:none!important}
.btn-card-primary,.btn-go,.btn-card-ghost{background:#e3f2ef!important;color:#0a5a50!important;border:1px solid #0d7a6b!important;box-shadow:none!important}
.card-rank,.airport-rank,.step-badge,.scene-pick .rank,.rv-top-badge,.rk-no,.logo-icon{background:#e3f2ef!important;color:#0a5a50!important;border:1px solid #0d7a6b!important;box-shadow:none!important}
.filter-btn.active,.filter-btn:hover{background:#e3f2ef!important;color:#0a5a50!important;border-color:#0d7a6b!important}
.buy-button,.cta-button{background:#f6c453!important;color:#3a2800!important}
.footer{border-top:1px solid var(--border)!important;background:#f3eee4!important}
.rank-num.top-1,.rank-num.top-2,.rank-num.top-3{color:#0a5a50!important}
.card-logo,.table-logo,.rv-logo{filter:brightness(1.3) saturate(.8)}

/* ===== 排版改动（两套样稿共用）===== */
/* ① 首页 hero：左标题 + 右数据卡 */
.hero{min-height:auto!important;padding:104px 0 40px!important;align-items:flex-start!important}
.hero-content{max-width:1200px!important;text-align:left!important;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:48px;align-items:start;padding:24px!important}
.hero-badge{grid-column:1;justify-self:start;margin-bottom:18px!important}
.hero-title{grid-column:1;font-size:clamp(2rem,4vw,3.1rem)!important}
.hero-subtitle{grid-column:1;margin:0 0 20px!important;max-width:none!important}
.hero-meta{grid-column:2;grid-row:1/5;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px!important;margin:0!important;padding:24px 26px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);font-size:.95rem!important;color:var(--text-secondary)!important}
.hero-meta strong{color:var(--accent)}
.hero-btns{grid-column:1;justify-content:flex-start!important}
.stats-bar{padding:18px 0!important}.stats-grid{gap:12px!important}.stat-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px}
@media(max-width:860px){.hero-content{display:block}.hero-meta{margin:20px 0!important}}
/* ② 首页机场卡片：前 3 名大卡，其余横向表格行 */
.cards-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.cards-grid .airport-card:nth-child(n+4){grid-column:1/-1;display:grid!important;grid-template-columns:auto minmax(250px,1.2fr) minmax(280px,1.5fr) auto;column-gap:26px;row-gap:6px;align-items:center;padding:16px 22px!important;border-radius:var(--radius)!important}
.cards-grid .airport-card:nth-child(n+4)>.card-rank{position:static!important;grid-column:1;grid-row:1/4;border-radius:999px!important;align-self:center}
.cards-grid .airport-card:nth-child(n+4)>.card-header{grid-column:2;grid-row:1;margin:0!important;flex-wrap:nowrap!important;gap:10px}
.cards-grid .airport-card:nth-child(n+4)>.card-tags{grid-column:2;grid-row:2;margin:0!important}
.cards-grid .airport-card:nth-child(n+4)>.card-rating{grid-column:2;grid-row:3;margin:0!important}
.cards-grid .airport-card:nth-child(n+4)>.card-stats{grid-column:3;grid-row:1/4;margin:0!important}
.cards-grid .airport-card:nth-child(n+4)>.card-price{grid-column:4;grid-row:1/4;border:0!important;padding:0!important;gap:16px}
.cards-grid .airport-card:nth-child(n+4) .card-name,.cards-grid .airport-card:nth-child(n+4) .card-subtitle,.cards-grid .airport-card:nth-child(n+4) .card-badge{white-space:nowrap}
.cards-grid .airport-card:nth-child(n+4) .card-stat{padding:8px 10px!important;min-width:0}
.cards-grid .airport-card:nth-child(n+4) .card-stat-value{font-size:.92rem!important}
@media(max-width:1100px){.cards-grid .airport-card:nth-child(n+4){grid-template-columns:auto 1fr;}.cards-grid .airport-card:nth-child(n+4)>.card-stats,.cards-grid .airport-card:nth-child(n+4)>.card-price{grid-column:2;grid-row:auto}}
@media(max-width:900px){.cards-grid{grid-template-columns:1fr!important}}
/* ③ 评测 / 教程 / 百科：目录挪到右侧；页脚改两栏、主色顶边 */
.guide-layout,.wiki-layout{grid-template-columns:minmax(0,1fr) 240px!important}
.guide-layout>.guide-content,.wiki-layout>.wiki-content,.wiki-layout>div:not(.wiki-sidebar){grid-column:1;grid-row:1}
.guide-sidebar,.wiki-sidebar{grid-column:2;grid-row:1;top:84px!important;border-left:3px solid var(--accent);border-radius:var(--radius-sm)!important}
@media(max-width:768px){.guide-layout,.wiki-layout{grid-template-columns:1fr!important}.guide-sidebar,.wiki-sidebar{grid-column:1;grid-row:auto;position:static!important}}
.footer{padding:28px 0!important}
.footer .container{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:10px 36px;align-items:start}
.footer .container p:first-child{font-weight:600;color:var(--text-primary)!important}
@media(max-width:640px){.footer .container{grid-template-columns:1fr}}