/*
Theme Name: 乐钓鱼
Description: 乐钓鱼（lediaoyu.com）主题，A+ 风格：黑、白、漂尾橙；大字、大数字、粗黑线；参数能画就画。
Version: 2.0
*/

@font-face{font-family:"Oswald";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/oswald-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2212}

/* ── 基础 ─────────────────────────────────────────────── */
:root{
  --ink:#0E0E0E; --paper:#FFFFFF; --orange:#FF5A1F; --orange-soft:#FFE3D6;
  --gray:#7A7A7A; --gray-2:#9A9A9A; --line:#E6E6E6; --mist:#F3F3F3; --bar:#2A2A2A;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;
  --num:"Oswald","DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75}
a{color:var(--ink)}
a:hover{color:var(--orange)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.num{font-family:var(--num);font-variant-numeric:tabular-nums}
.sr{position:absolute;left:-9999px}
[hidden]{display:none!important}   /* 否则 .who{display:flex} 会盖掉 hidden，筛选失效 */
.wrap{max-width:1200px;margin:0 auto;padding-inline:16px}
@media (min-width:860px){.wrap{padding-inline:32px}}

/* ── 顶栏 / 页脚 ──────────────────────────────────────── */
.bar{background:var(--ink);color:#fff}
.bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-block:10px}
.logo{display:flex;align-items:center;gap:7px;font-weight:900;font-size:20px;letter-spacing:2px;color:#fff;text-decoration:none}
.logo:hover{color:#fff}
.nav{display:flex;gap:20px;font-size:15px;order:3;width:100%;overflow-x:auto}
.nav a{color:#fff;text-decoration:none;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{color:var(--orange)}
.search{flex:1 1 180px;display:flex}
.search input{width:100%;height:36px;border:0;border-radius:4px;background:var(--bar);color:#fff;font:inherit;font-size:14px;padding:0 12px}
.search input::placeholder{color:var(--gray-2)}
@media (min-width:860px){.nav{order:0;width:auto}}
.foot{background:var(--ink);color:var(--gray-2);font-size:13px;line-height:1.9;margin-top:56px}
.foot .wrap{padding-block:24px 32px}
.foot a{color:#fff}
.foot p{margin:0 0 6px}

/* ── 页头黑块 ─────────────────────────────────────────── */
.head{background:var(--ink);color:#fff}
.head .wrap{padding-block:16px 26px}
.crumb{font-size:13px;color:var(--gray-2);margin:0 0 10px}
.crumb a{color:var(--gray-2);text-decoration:none}
.crumb a:hover{color:var(--orange)}
.head h1{font-size:30px;font-weight:900;line-height:1.3;margin:0;max-width:22em}
.head .meta{font-size:13px;color:var(--gray-2);margin:12px 0 0}
.head .acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.head .hint{font-size:12px;color:var(--gray-2)}
@media (min-width:860px){.head h1{font-size:46px}.head .wrap{padding-block:28px 40px}}

/* ── 按钮 / 标签 ──────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border:0;border-radius:4px;font:inherit;font-size:15px;font-weight:900;text-decoration:none;cursor:pointer}
.btn-o{background:var(--orange);color:var(--ink)}
.btn-o:hover{background:#fff;color:var(--ink)}
.btn-k{background:var(--ink);color:#fff}
.btn-k:hover{background:var(--orange);color:var(--ink)}
.follow{background:var(--orange);color:var(--ink)}
.follow[aria-pressed="true"]{background:#fff;color:var(--ink)}
.new{display:inline-block;background:var(--orange);color:var(--ink);font-size:12px;font-weight:900;padding:0 6px;border-radius:2px;line-height:20px;vertical-align:2px}
.loc{font-weight:900;background:var(--orange-soft);padding:0 4px;font-size:12px}
.tag{display:inline-block;font-size:12px;font-weight:900;border:1.5px solid var(--ink);padding:0 6px;line-height:19px;margin-right:4px}
.badge{display:inline-block;font-size:12px;font-weight:900;background:var(--orange);color:var(--ink);padding:0 6px;line-height:20px}
.cite{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange);font-size:13px;margin-left:4px;white-space:nowrap}
.cite:hover{color:var(--orange)}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}
.chip.on,.chip[aria-selected="true"]{background:var(--ink);color:#fff}

/* ── 正文骨架 ─────────────────────────────────────────── */
.body{max-width:900px}
.h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:36px 0 14px;padding-bottom:8px;border-bottom:3px solid var(--ink)}
.h2 b,.h2 h2{font-size:21px;font-weight:900;margin:0;line-height:1.4}
.h2 span{font-size:13px;color:var(--gray)}
.h2 a{margin-left:auto;font-size:14px;font-weight:700}
.ai-note{font-size:12px;color:var(--gray);line-height:1.7;margin:28px 0 0}
.intro{font-size:16px;line-height:1.85;margin:18px 0 0}

/* 出钓清单：黑框网格 */
.spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
@media (min-width:860px){.spec{grid-template-columns:repeat(3,minmax(0,1fr))}}
.c{background:#fff;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}
.c .k{font-size:12px;font-weight:700;color:var(--gray)}
.c .v{font-family:var(--num);font-size:30px;line-height:1.05;font-variant-numeric:tabular-nums}
.c .v small{font-family:var(--sans);font-size:13px;font-weight:700;margin-left:3px}
.c .w{font-size:19px;font-weight:900;line-height:1.3}
.c .t{font-size:14px;font-weight:700;line-height:1.55}
.c .by{font-size:12px;color:var(--gray);margin-top:auto;padding-top:6px;line-height:1.6}
.c .by .cite{font-size:12px}
.c.full{grid-column:1/-1}
.c.dark{background:var(--ink);color:#fff}
.c.dark .k,.c.dark .by{color:var(--gray-2)}
.c.dark .cite{color:#fff}
.c.todo .v,.c.todo .w,.c.todo .t{color:#B5B5B5}
.c.split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center}
.c svg{max-width:min(100%,440px);height:auto}
@media (min-width:860px){.c .v{font-size:38px}}

/* 问答 / 经验条目 */
.q{padding:14px 0;border-bottom:1px solid var(--line)}
.q b,.q h3{display:block;font-size:17px;font-weight:900;margin:0;line-height:1.5}
.q p{margin:4px 0 0;font-size:16px;line-height:1.75}
.tips{list-style:none;margin:0;padding:0}
.tip{padding:13px 0;border-bottom:1px solid var(--line)}
.tip p{margin:0;font-size:16px;line-height:1.7}
.tip .m{font-size:12px;color:var(--gray);margin-top:4px}
.say{background:var(--mist);padding:18px}
.say p{margin:0 0 10px;font-size:16px;line-height:1.8}
.say p:last-child{margin-bottom:0}
details.more{margin-top:10px}
details.more summary{cursor:pointer;list-style:none;padding:12px;text-align:center;border:1.5px solid var(--ink);font-weight:900;font-size:14px}
details.more summary::-webkit-details-marker{display:none}
.rel{display:flex;flex-wrap:wrap;gap:8px}
.rel a{font-size:14px;font-weight:700;padding:8px 12px;border:1.5px solid var(--ink);text-decoration:none}
.rel a:hover{background:var(--ink);color:#fff}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:6px}

/* 体系文章 */
.toc{display:flex;flex-direction:column}
.toc a{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px;font-weight:700}
.toc i{font-style:normal;font-family:var(--num);font-size:22px;width:30px;color:var(--orange)}
.sys h3{display:flex;align-items:baseline;gap:12px;font-size:22px;font-weight:900;margin:40px 0 4px;line-height:1.4}
.sys h3 i{font-style:normal;font-family:var(--num);font-size:40px;line-height:1;color:var(--orange)}
.sys p{font-size:16px;line-height:1.85;margin:12px 0 0}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border-top:1px solid #333;border-bottom:1px solid #333;max-width:560px}
.stats div{padding:12px 0;display:flex;flex-direction:column;gap:2px}
.stats div+div{padding-left:14px;border-left:1px solid #333}
.stats b{font-family:var(--num);font-size:30px;line-height:1;color:#fff;font-weight:500}
.stats span{font-size:12px;color:var(--gray-2)}
.ava{flex:none;width:52px;height:52px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}
.head .ava{width:64px;height:64px;font-size:30px;background:var(--orange);color:var(--ink)}

/* 网格入口 */
.cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--ink);border:2px solid var(--ink)}
@media (min-width:860px){.cells{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cell{background:#fff;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:8px;min-height:120px}
.cell:hover{background:#FFF1EB;color:var(--ink)}
.cell b{font-size:17px;font-weight:900;line-height:1.4}
.cell .n{font-family:var(--num);font-size:34px;line-height:1;margin-top:auto}
.cell .n small{font-family:var(--sans);font-size:12px;color:var(--gray);margin-left:4px}

/* 列表行：动态、老师 */
.feed a{display:grid;grid-template-columns:62px minmax(0,1fr);gap:2px 14px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.feed .d{font-family:var(--num);font-size:22px;line-height:1.2;grid-row:span 2}
.feed b{font-size:16px;font-weight:700;line-height:1.5}
.feed span{font-size:12px;color:var(--gray)}
.who{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.who b{font-size:17px;font-weight:900}
.who .mt{font-size:13px;color:var(--gray)}
.who .last{font-size:14px;line-height:1.55;margin:4px 0 0}
.who > span:not(.ava){flex:1;min-width:0}
.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:0 48px}
@media (min-width:860px){.cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 首页：一句话选条件 */
.hero{background:var(--ink);color:#fff}
.hero .wrap{padding-block:26px 34px;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
@media (min-width:860px){.hero .wrap{grid-template-columns:minmax(0,1fr) 320px;align-items:end;padding-block:56px 64px}}
.eyebrow{font-size:13px;color:var(--gray-2);margin:0 0 14px}
.ask{font-size:30px;line-height:1.7;font-weight:900;margin:0}
@media (min-width:860px){.ask{font-size:50px;line-height:1.45}}
.ask select{field-sizing:content;max-width:7em;appearance:none;-webkit-appearance:none;font:inherit;color:var(--orange);background:transparent;border:0;border-bottom:4px solid var(--orange);border-radius:0;padding:0 4px;cursor:pointer}
.ask select option{color:var(--ink);font-size:16px}
.go{margin-top:24px;height:54px;font-size:18px}
.season{border-top:1px solid #333;padding-top:16px}
@media (min-width:860px){.season{border-top:0;border-left:1px solid #333;padding:0 0 0 28px}}
.season .big{font-family:var(--num);font-size:56px;line-height:1;color:#fff}
@media (min-width:860px){.season .big{font-size:88px}}
.season p{margin:10px 0 0;font-size:14px;line-height:1.7;color:#ccc}
.miss{font-size:14px;color:var(--orange);margin:10px 0 0;min-height:1.5em}

/* 环节页：按鱼情的调法卡 */
.fq{border:2px solid var(--ink);margin-top:14px}
.fq-h{padding:8px 12px;background:var(--ink);color:#fff;font-size:15px;font-weight:900}
.fq-h span{font-weight:400;font-size:12px;color:var(--gray-2);margin-left:8px}
.fq-b{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center;padding:12px}
.fq-b .set{font-family:var(--num);font-size:24px;line-height:1.15}
.fq-b p{margin:6px 0 0;font-size:14px;line-height:1.6}

/* 老师列表 */
.filters{display:flex;gap:6px;overflow-x:auto;padding:16px 0 4px}

/* 旧的说法卡页面已下线；404 */
.notfound{padding-block:80px}

/* 「新」：比访客上次来访新的内容（js/follow.js 加 .is-new） */
p.is-new::before,.is-new > p:first-child::before,li.is-new > .tip-text::before{content:"新";display:inline-block;background:var(--orange);color:var(--ink);font-size:11px;font-weight:900;padding:0 5px;border-radius:2px;line-height:18px;margin-right:6px;vertical-align:2px}

/* 博主文章：每节折叠，标题 + 第一句结论常显，条件/原因/出处点开看 */
.sys details.sec{border-bottom:1px solid var(--line)}
.sys details.sec summary{list-style:none;cursor:pointer;padding-bottom:14px}
.sys details.sec summary::-webkit-details-marker{display:none}
.sys details.sec summary h3{margin-top:28px}
.sys details.sec summary .lead{margin:8px 0 0;font-weight:700}
.sys .more-hint{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;border-bottom:2px solid var(--orange)}
.sys .more-hint::after{content:" ＋"}
.sys details.sec[open] .more-hint{display:none}
.sys details.sec[open]{padding-bottom:18px}
.sys details.sec > p:first-of-type{margin-top:4px}
.sys .refs-only{margin-top:0}
.sys details.sec summary:hover h3{color:var(--orange)}
.h2 .open-all{font-size:14px;font-weight:700}