/* 大宇专题 · 链研社课程壳之上的杂志层 */
.dayu-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-bottom:80px}
.dayu-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font:600 12px/1 var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.dayu-eyebrow::before{content:"";width:48px;height:4px;border-radius:2px;background:var(--accent)}
.dayu-lede{max-width:720px;margin:18px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.85;color:var(--text-secondary)}

.dayu-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.72fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(40px,7vh,72px) 0 clamp(36px,6vh,64px)}
.dayu-hero h1{margin:0;font:700 clamp(40px,5.6vw,76px)/1.06 var(--serif);letter-spacing:-.04em;color:var(--text-primary)}
.dayu-hero h1 em{font-style:normal;color:var(--accent)}
.dayu-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dayu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:var(--radius-full);font:700 14px/1 var(--sans);text-decoration:none}
.dayu-btn-primary{background:var(--accent);color:#fdfaf2}
.dayu-btn-primary:hover{background:var(--accent-2)}
.dayu-btn-ghost{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card)}
.dayu-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.dayu-stats{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:var(--text-muted);font-size:13px}
.dayu-stats strong{font:700 20px/1 var(--serif);color:var(--text-primary);margin-right:6px}

.dayu-pathfinder{position:relative;padding:clamp(24px,3vw,36px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-md)}
.dayu-pathfinder h2{margin:8px 0 20px;font:700 clamp(24px,3vw,34px)/1.25 var(--serif)}
.dayu-pathfinder a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--border-light);color:inherit;text-decoration:none}
.dayu-pathfinder a:hover{color:var(--accent)}
.dayu-pathfinder strong{display:block;font:700 16px/1.4 var(--serif);color:var(--text-primary)}
.dayu-pathfinder small{display:block;margin-top:4px;color:var(--text-muted);font-size:12px;line-height:1.55}
.dayu-no{font:700 14px/1 var(--serif);color:var(--accent)}

.dayu-section{padding:clamp(56px,8vh,96px) 0;border-top:1px solid var(--border)}
.dayu-section-head{margin-bottom:36px}
.dayu-section-head h2{margin:12px 0 10px;font:700 clamp(28px,4vw,48px)/1.15 var(--serif)}
.dayu-section-head p{max-width:640px;color:var(--text-secondary);line-height:1.8}

.dayu-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.dayu-steps li{position:relative;padding:52px 8px 0 0;border-top:2px solid var(--border)}
.dayu-steps li::before{content:attr(data-step);position:absolute;top:12px;left:0;font:700 22px/1 var(--serif);color:var(--accent)}
.dayu-steps strong{display:block;margin-bottom:8px;font:700 18px/1.35 var(--serif)}
.dayu-steps span{display:block;color:var(--text-secondary);line-height:1.7;font-size:14px}

.dayu-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dayu-card{display:flex;flex-direction:column;padding:clamp(20px,2.5vw,28px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}
.dayu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}
.dayu-card .n{font:700 28px/1 var(--serif);color:var(--accent);opacity:.85}
.dayu-card h3{margin:14px 0 8px;font:700 20px/1.3 var(--serif)}
.dayu-card p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.7}

.dayu-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dayu-class{padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);text-decoration:none;color:inherit}
.dayu-class:hover{border-color:var(--accent)}
.dayu-class h3{margin:0 0 6px;font:700 20px/1.3 var(--serif);word-break:keep-all}
.dayu-class p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.65}

.dayu-quote{margin-inline:calc(50% - 50vw);padding:clamp(56px,9vh,110px) clamp(24px,4vw,48px);text-align:center;background:#1a1610;color:#f0e6d2}
[data-theme="dark"] .dayu-quote{background:#15110c}
.dayu-quote p.k{color:#d4a857;font:600 12px/1 var(--serif);letter-spacing:.18em;text-transform:uppercase}
.dayu-quote h2{max-width:820px;margin:18px auto 12px;font:700 clamp(28px,4.4vw,48px)/1.25 var(--serif)}
.dayu-quote span{color:#c9b894}

.dayu-compare{width:100%;border-collapse:collapse;font:400 14px/1.6 var(--sans)}
.dayu-compare th{background:var(--bg-secondary);padding:12px 16px;border:1px solid var(--border);text-align:left}
.dayu-compare td{padding:12px 16px;border:1px solid var(--border-light);color:var(--text-secondary);vertical-align:top}
.dayu-compare td.best{color:var(--accent);font-weight:600}

.dayu-note{padding:16px 18px;border-left:4px solid var(--accent);background:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);line-height:1.7}
.dayu-edu{margin-top:28px;font-size:13px;color:var(--text-muted);line-height:1.7}
.dayu-pager{display:flex;justify-content:space-between;gap:16px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--border)}
.dayu-pager a{color:var(--accent);text-decoration:none;font-weight:600;line-height:1.5;max-width:48%}
.dayu-pager a:hover{color:var(--accent-2)}
.dayu-lib-item:hover strong{color:var(--accent)}
.dayu-orig-date{margin:36px 0 0;font-size:13px;color:var(--text-muted)}

/* diagrams */
.dayu-diagram{margin:28px 0 36px;padding:clamp(18px,2.5vw,28px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}
.dayu-diagram figcaption{margin-top:14px;font-size:13px;color:var(--text-muted);line-height:1.6}
.dayu-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dayu-split article{padding:18px;border-radius:var(--radius-md);background:var(--bg-secondary)}
.dayu-split h3{margin:0 0 10px;font:700 18px/1.3 var(--serif)}
.dayu-split ul{margin:0;padding-left:18px;color:var(--text-secondary);line-height:1.7}
.dayu-bars{display:grid;gap:12px}
.dayu-bar{display:grid;grid-template-columns:88px 1fr 48px;gap:10px;align-items:center}
.dayu-bar span:first-child{font-size:13px;color:var(--text-secondary)}
.dayu-bar i{display:block;height:18px;border-radius:99px;background:var(--accent);opacity:.85}
.dayu-grid-n{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.dayu-grid-n a,.dayu-grid-n span{display:flex;align-items:center;justify-content:center;min-height:52px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);font:600 12px/1.3 var(--sans);text-align:center;color:var(--text-primary);text-decoration:none}
.dayu-grid-n a:hover{border-color:var(--accent);color:var(--accent)}
.dayu-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dayu-flow li{list-style:none;padding:16px 12px;border-top:3px solid var(--accent);background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md)}
.dayu-flow b{display:block;font:700 12px/1 var(--serif);color:var(--accent);margin-bottom:8px}
.dayu-tl{display:grid;gap:14px}
.dayu-tl article{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light)}
.dayu-tl b{font:700 18px/1 var(--serif);color:var(--accent)}

/* lesson */
body.dayu-lesson .app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 56px)}
body.dayu-lesson .sidebar{position:sticky;top:56px;align-self:start;height:calc(100dvh - 56px);overflow:auto;padding:20px 14px 32px;border-right:1px solid var(--border);background:var(--bg-secondary)}
body.dayu-lesson .sidebar a{display:block;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:14px}
body.dayu-lesson .sidebar a.is-active,body.dayu-lesson .sidebar a:hover{color:var(--text-primary);background:var(--bg-card)}
body.dayu-lesson .sidebar .n{color:var(--accent);font:700 12px/1 var(--serif);margin-right:6px}
.dayu-article{max-width:820px;margin:0 auto;padding:32px 24px 80px}
.dayu-article h1{font:700 clamp(28px,4vw,44px)/1.2 var(--serif);margin:8px 0 16px}
.dayu-article h2{font:700 24px/1.3 var(--serif);margin:36px 0 12px}
.dayu-article p,.dayu-article li{color:var(--text-secondary);line-height:1.85}
.dayu-cites{list-style:none;padding:0;margin:16px 0 0}
.dayu-cites li{padding:10px 0;border-bottom:1px solid var(--border-light);font-size:14px}
.dayu-cites a{color:var(--accent)}

.dayu-hint{margin:16px 0;padding:14px 16px;background:var(--bg-secondary);border-left:4px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0}
.dayu-pull{margin:24px 0;padding:8px 0 8px 18px;border-left:4px solid var(--accent)}
.dayu-pull blockquote{margin:0;font:600 clamp(18px,2.2vw,24px)/1.55 var(--serif);color:var(--text-primary);border:0}

.dayu-prose{max-width:820px}
.dayu-prose h1{font:700 clamp(26px,3.5vw,40px)/1.25 var(--serif)}
.dayu-prose h2,.dayu-prose h3{font-family:var(--serif);color:var(--text-primary)}
.dayu-prose p,.dayu-prose li{line-height:1.85;color:var(--text-secondary)}
.dayu-prose img{max-width:100%;border-radius:var(--radius-md)}
.dayu-pre{overflow:auto;padding:14px;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:13px}

.dayu-read,.dayu-lib{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:36px 0 80px}
.dayu-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:13px;color:var(--text-muted)}
.dayu-crumbs a{color:var(--accent);text-decoration:none}
.dayu-lib-hero h1{font:700 clamp(32px,5vw,52px)/1.12 var(--serif);margin:8px 0 12px}
.dayu-lib-search{display:grid;gap:8px;margin:22px 0 12px;max-width:520px}
.dayu-lib-search input{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary)}
.dayu-lib-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.dayu-lib-filters button{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-size:13px}
.dayu-lib-filters button.is-active{background:var(--accent);border-color:var(--accent);color:#fdfaf2}
.dayu-lib-class{margin:36px 0}
.dayu-lib-list{list-style:none;margin:0;padding:0}
.dayu-lib-item{display:block;padding:18px 6px;border-bottom:1px solid var(--border-light);text-decoration:none;color:inherit}
.dayu-lib-body strong{display:block;font:700 18px/1.35 var(--serif)}
.dayu-lib-body small{display:block;margin-top:4px;color:var(--text-muted);line-height:1.6}
.dayu-lib-item.is-hidden{display:none}

@media (max-width:900px){
  .dayu-hero,.dayu-steps,.dayu-lessons,.dayu-classes,.dayu-split,.dayu-flow,.dayu-grid-n{grid-template-columns:1fr 1fr}
  .dayu-flow{grid-template-columns:1fr}
  body.dayu-lesson .app{grid-template-columns:1fr}
  body.dayu-lesson .sidebar{position:fixed;inset:56px auto auto 0;z-index:80;width:min(86vw,300px);transform:translateX(-110%);transition:transform .2s ease}
  body.dayu-lesson .sidebar.open{transform:none}
  .dayu-lib-item{padding:16px 0}
}
@media (max-width:560px){
  .dayu-hero,.dayu-lessons,.dayu-classes,.dayu-split,.dayu-grid-n,.dayu-steps{grid-template-columns:1fr}
}