/* ===== 汇策科技 · 美式复古运动风 ===== navy #0B2545 · red #C8102E · cream #F4EBD9 */
body{background:#F8F3E8;background-image:radial-gradient(rgba(11,37,69,.035) 1px,transparent 1px);background-size:14px 14px}
.font-display,h1,h2{font-family:Oswald,"Noto Sans SC",sans-serif}
h1{letter-spacing:.02em}
.italic-skew{display:inline-block;transform:skewX(-8deg)}
/* 红白条纹分隔（星条旗） */
.stripe-bottom{box-shadow:0 3px 0 #F4EBD9,0 7px 0 #C8102E}
.stripe-top{box-shadow:0 -3px 0 #F4EBD9,0 -7px 0 #C8102E}
/* 卡片：米白底 + 硬投影，像印刷海报 / 球员卡 */
.card{background:#FFFDF8;border:2px solid #0B2545;border-radius:6px;box-shadow:4px 4px 0 rgba(11,37,69,.9)}
.item-row{transition:transform .12s ease,box-shadow .12s ease}
.item-row:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #C8102E;border-color:#0B2545}
.chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;line-height:1rem;padding:.15rem .55rem;border-radius:3px;background:#EFE6D3;color:#26344D;white-space:nowrap;font-weight:500}
.chip-btn{cursor:pointer;border:1px solid transparent}
.chip-btn:hover{border-color:#C8102E;color:#C8102E}
.chip-on{background:#C8102E!important;color:#fff!important;border-color:#C8102E}
.lic-ok{background:#0B2545;color:#F4EBD9}
.lic-warn{background:#FCE9B8;color:#7a4b00}
.lic-bad{background:#C8102E;color:#fff}
.side-link{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border-radius:3px;font-size:.85rem;color:#16263F;cursor:pointer;border-left:3px solid transparent}
.side-link:hover{background:#EFE6D3}
.side-link.on{background:#0B2545;color:#F4EBD9;font-weight:700;border-left-color:#C8102E}
.side-link.on span{color:#F4EBD9!important}
/* 按钮：校队风，前倾 */
.btn-varsity{display:inline-flex;align-items:center;padding:.4rem .9rem;background:#C8102E;color:#fff;font-family:Oswald,"Noto Sans SC",sans-serif;text-transform:uppercase;letter-spacing:.08em;border-radius:3px;transform:skewX(-10deg);box-shadow:3px 3px 0 #F4EBD9;transition:transform .12s}
.btn-varsity>*{transform:skewX(10deg)}
.btn-varsity:hover{transform:skewX(-10deg) translate(-1px,-1px);box-shadow:4px 4px 0 #F4EBD9}
#repo-nav a{color:#F4EBD9;border-radius:3px}
#repo-nav a:hover,#repo-nav a.bg-slate-100{background:rgba(244,235,217,.12)!important}
#repo-nav a.bg-slate-100{box-shadow:inset 0 -3px 0 #C8102E}
.footer-links a{color:#F4EBD9}
.footer-links code{background:rgba(255,255,255,.08);padding:0 .25rem;border-radius:2px}
input:focus{border-color:#C8102E!important}
mark{background:#FCE9B8;color:#7f0a1e;padding:0 1px;border-radius:2px}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 首页横幅 */
.hero-banner{position:relative;overflow:hidden;background:#0B2545;color:#F4EBD9;border-radius:6px;border:2px solid #0B2545;box-shadow:6px 6px 0 #C8102E}
.hero-banner:before{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;height:140%;background:repeating-linear-gradient(-20deg,rgba(200,16,46,.9) 0 14px,transparent 14px 34px);transform:skewX(-20deg);opacity:.55}
.hero-banner:after{content:"★ ★ ★";position:absolute;top:14px;right:22px;color:#F4EBD9;opacity:.5;letter-spacing:.4em;font-size:14px}
.hero-banner>*{position:relative}
.speed-title{font-style:italic;text-transform:uppercase}