:root{--bg:#0a1628;--surface:#102237;--ink:#f4f6f8;--muted:#b4c1cf;--line:#314258;--accent:#ff956c;--orange:#ff6b35;--content:960px;--radius:8px}
.download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.download-options>div{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.download-options p{color:var(--muted);margin-bottom:24px}.facts dd{overflow-wrap:anywhere}@media(max-width:600px){.download-options{grid-template-columns:1fr}.download-options>div{padding:20px}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.85}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4;text-wrap:pretty}h1{max-width:22ch;font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(28px,4vw,40px);font-weight:700}h2{font-size:23px;margin-bottom:16px}h3{font-size:18px}p+p{margin-top:16px}.wrap{width:min(calc(100% - 40px),var(--content));margin:auto}.skip{position:absolute;top:8px;left:12px;transform:translateY(-200%);padding:8px 16px;background:var(--surface);z-index:10}.skip:focus{transform:translateY(0)}header{border-bottom:1px solid var(--line)}.topnav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.topnav>div{display:flex;align-items:center;gap:24px}.topnav a{text-decoration:none}.brand{font-family:"Songti SC",serif;font-size:26px;font-weight:700;color:var(--ink)}.brand span{font-family:inherit;font-size:14px;font-weight:400;color:var(--muted);margin-left:6px}.download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;border-radius:var(--radius);background:var(--orange);color:#081321;font-weight:650;text-decoration:none;white-space:nowrap}.breadcrumb{font-size:14px;color:var(--muted);padding:24px 0 40px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--accent);margin-bottom:16px}.updated{font-size:13px;color:var(--muted);margin-top:16px}.intro{font-size:18px;color:var(--ink);margin-top:32px;max-width:76ch}article>section{margin-top:48px;max-width:80ch}article section>p,details p{color:var(--muted)}.facts{margin:0}.facts>div{display:grid;grid-template-columns:112px 1fr;gap:24px;border-top:1px solid var(--line);padding:20px 0}.facts dt{font-weight:650}.facts dd{margin:0;color:var(--muted)}.guide-list{padding:0;list-style:none}.guide-list>li{border-top:1px solid var(--line)}.guide-list a{display:flex;align-items:flex-start;gap:20px;padding:24px 0;text-decoration:none;color:var(--ink)}.guide-list a:hover h3{text-decoration:underline;text-underline-offset:5px}.guide-list a>div{flex:1}.guide-list p{font-size:14px;color:var(--muted);margin-top:8px}.number{color:var(--accent);font-variant-numeric:tabular-nums}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:650;padding-right:8px}details p{margin-top:12px}aside{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.related{padding-left:20px}.related li{padding:4px 0}.cta{margin:48px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:var(--surface);border-radius:var(--radius)}.cta h2{font-size:21px;margin-bottom:8px}.cta p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:13px}footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}@media(max-width:600px){.topnav{min-height:72px}.topnav>div{gap:12px}.topnav>div>a:first-child{font-size:14px}.brand{font-size:23px}.brand span{display:none}.download{padding:8px 14px}.breadcrumb{padding-bottom:28px}.intro{font-size:17px}.facts>div{grid-template-columns:1fr;gap:8px}.guide-list a{gap:12px}.cta{flex-direction:column;align-items:flex-start;padding:20px}h2{font-size:21px}}
/* ===== 钓鱼App推荐 / 选型对比页 ===== */
.picks{list-style:none;padding:0;margin:0}.picks li{display:grid;grid-template-columns:200px 1fr;gap:16px;border-top:1px solid var(--line);padding:15px 0}.picks .need{font-weight:650}.picks .ans{color:var(--muted)}
.cats{display:grid;gap:18px;margin-top:8px}.cat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px 22px}.cat h3{margin-bottom:4px}.cat .for{color:var(--accent);font-size:13px;margin:0 0 10px}.cat p{color:var(--muted);font-size:15px;margin:0}.cat.own{border-color:var(--accent)}
.badge{display:inline-block;font-size:12px;font-weight:650;color:#081321;background:var(--accent);border-radius:999px;padding:2px 10px;margin-left:8px;vertical-align:middle;letter-spacing:1px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table.compare{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}table.compare th,table.compare td{border-bottom:1px solid var(--line);padding:11px 12px;text-align:center}table.compare th:first-child,table.compare td:first-child{text-align:left;white-space:nowrap}table.compare thead th{background:var(--surface);font-weight:650}table.compare tbody tr:last-child td{border-bottom:none}table.compare tr.own td{background:rgba(255,149,108,.12)}table.compare td.app{font-weight:650}table.compare .yes{color:var(--accent);font-weight:700}table.compare .no{color:#5a6b80}
article section.wide{max-width:none}.legend{font-size:13px;color:var(--muted);margin-top:12px}.note{font-size:13px;color:var(--muted);border-left:3px solid var(--accent);padding:2px 0 2px 14px;margin-top:16px}
@media(max-width:600px){.picks li{grid-template-columns:1fr;gap:4px}.cat{padding:18px}}
/* ===== 目标鱼装备搭配攻略系列 ===== */
.gear-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:15px}
.gear-table th,.gear-table td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.gear-table thead th{background:var(--surface);font-weight:650;white-space:nowrap}
.gear-table td:first-child{white-space:nowrap;font-weight:650;color:var(--ink);width:130px}
.gear-table td{color:var(--muted)}
.gear-table tbody tr:last-child td{border-bottom:none}
.gear-table .hl{color:var(--accent);font-weight:650}
.fish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.fish-grid a{display:block;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px;text-decoration:none;color:var(--ink)}
.fish-grid a:hover{border-color:var(--accent);text-decoration:none}
.fish-grid h3{font-size:16px;margin-bottom:6px}
.fish-grid p{font-size:13.5px;color:var(--muted);margin:0}
.fish-grid .tag{display:inline-block;font-size:12px;color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin-bottom:8px}
.gear-tip{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface);padding:14px 18px;margin-top:20px;font-size:14.5px;color:var(--muted)}
.gear-tip strong{color:var(--ink)}
.steps{list-style:none;counter-reset:step;padding:0;margin:8px 0 0}
.steps li{counter-increment:step;position:relative;padding:0 0 18px 44px;color:var(--muted)}
.steps li::before{content:counter(step);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.steps li:last-child{padding-bottom:0}
.steps strong{color:var(--ink)}
.series-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.series-nav a{font-size:14px;border:1px solid var(--line);border-radius:999px;padding:6px 15px;text-decoration:none;color:var(--muted)}
.series-nav a:hover,.series-nav a[aria-current="page"]{border-color:var(--accent);color:var(--accent);text-decoration:none}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:40px;border-top:1px solid var(--line);padding-top:24px}
.pager a{text-decoration:none;color:var(--muted);font-size:14px;max-width:46%}
.pager a strong{display:block;color:var(--ink);font-size:15px;margin-top:4px}
.pager .next{margin-left:auto;text-align:right}
@media(max-width:600px){.fish-grid{grid-template-columns:1fr}.gear-table{font-size:14px}.gear-table td:first-child{width:104px}.pager{flex-direction:column}.pager a,.pager .next{max-width:100%;text-align:left;margin-left:0}}
