/* ============================================================
   耽听FM / DANTING FM — Y2K FUTURISM
   Light Y2K：冰白银灰底 × Chrome 金属字 × 透明工业塑料
   参照 2000–2004 日本电子产品 / MiniDisc / 科技杂志，非 Cyberpunk
   ============================================================ */

/* ---------- 1. TOKENS ---------- */
:root{
  /* 底：冰白 / 银白 / 冷灰 */
  --ice:#F3F6FA;
  --silver:#E7ECF3;
  --cold:#CBD3DF;

  /* Chrome 三阶 */
  --cr-hi:#EEF2F7;
  --cr-mid:#BFC7D5;
  --cr-lo:#8D98AA;

  /* 1px 技术线 */
  --line:#AEB8C8;
  --line-2:#7F8DA3;
  --line-soft:rgba(174,184,200,.5);

  /* 墨 */
  --ink:#111318;
  --ink-2:#39414F;
  --muted:#6C7686;
  --faint:#96A0B0;

  /* 强调色：只用于状态 / 标签 / 按钮 / 数字 / 小面积 */
  --lav:#A998FF;
  --blue:#6F8DFF;
  --cyan:#78E7F2;
  --pink:#F28AD8;
  --violet:#C7A8FF;

  /* 透明工业塑料（不是 glassmorphism：低模糊、有边、有内高光） */
  --plastic:rgba(220,230,245,.65);
  --plastic-2:rgba(233,240,250,.82);
  --plastic-3:rgba(246,249,253,.92);

  /* 技术阴影：1px 描边 + 内高光 + 极浅投影，像面板不像卡片 */
  --hi:inset 0 1px 0 rgba(255,255,255,.92);
  --hi-b:inset 0 -1px 0 rgba(141,152,170,.22);
  --sh-1:0 1px 2px rgba(17,19,24,.08);
  --sh-2:0 1px 3px rgba(17,19,24,.10), 0 4px 10px rgba(17,19,24,.05);
  --sh-in:inset 0 1px 3px rgba(17,19,24,.16);

  /* 圆角只用 4 / 8 / 12 */
  --r1:4px; --r2:8px; --r3:12px;

  --f-en:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --f-mono:'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
  --f-lcd:'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
  --f-cn:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;

  --max:1500px;
  --pad:24px;
  --gut:16px;
  --ease:cubic-bezier(.２,.8,.3,1);
  --ease:cubic-bezier(.2,.8,.3,1);
}

/* ---------- 2. BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:var(--f-cn);
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  background:
    linear-gradient(180deg,var(--ice) 0%,var(--silver) 46%,var(--ice) 100%);
  background-attachment:fixed;
  padding-bottom:64px; /* 给底部 MiniPlayer 让位 */
}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p,figure{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--lav);color:#fff}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:14px;top:-60px;z-index:200;background:var(--cr-hi);border:1px solid var(--line-2);border-radius:var(--r1);padding:9px 18px;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;transition:top .2s}
.skip:focus{top:12px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* 12 栏参考线：极淡的竖向 1px 网格，只在够宽时出现 */
.gridlines{position:fixed;inset:0;z-index:0;pointer-events:none;display:none}
@media (min-width:1100px){
  .gridlines{display:block}
  .gridlines__in{max-width:var(--max);height:100%;margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut)}
  .gridlines__in i{display:block;border-left:1px solid rgba(174,184,200,.16)}
  .gridlines__in i:last-child{border-right:1px solid rgba(174,184,200,.16)}
}
.dt-head,main,.dt-foot,.miniplayer{position:relative;z-index:1}

/* ---------- 3. 微排版 / 技术标记 ---------- */
.sys{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1}
.sys--dim{color:var(--faint)}
.lcd{font-family:var(--f-lcd);font-size:12px;letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums}
.rule{height:1px;background:var(--line-soft);border:0;margin:0}
.crosshair{position:relative;width:11px;height:11px;flex:0 0 11px}
.crosshair::before,.crosshair::after{content:'';position:absolute;background:var(--line-2)}
.crosshair::before{left:50%;top:0;width:1px;height:100%;margin-left:-.5px}
.crosshair::after{top:50%;left:0;height:1px;width:100%;margin-top:-.5px}
.barcode{height:26px;width:74px;background-image:repeating-linear-gradient(90deg,var(--ink-2) 0 1px,transparent 1px 2.5px,var(--ink-2) 2.5px 4px,transparent 4px 6px,var(--ink-2) 6px 8px,transparent 8px 9.5px);opacity:.62}

/* 标签：LCD / 全息 */
.tag{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 7px;border-radius:var(--r1);border:1px solid var(--line);background:var(--cr-hi);font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-2);box-shadow:var(--hi)}
.tag--holo{border-color:transparent;color:#20242C;background:linear-gradient(100deg,#C9F4F8 0%,#D8DCFF 34%,#F3D4F2 68%,#CFE6FF 100%)}
.tag--lav{border-color:#B7ABFF;background:linear-gradient(180deg,#EFEBFF,#DDD5FF);color:#4A3E93}
.tag--blue{border-color:#9CB2FF;background:linear-gradient(180deg,#E9EFFF,#D5E0FF);color:#33468F}
.tag--pink{border-color:#F3AEE4;background:linear-gradient(180deg,#FDECF9,#FAD8F2);color:#8E3B78}
.tag--live{border-color:#7FD8A8;background:linear-gradient(180deg,#E4FBEE,#CDF4E0);color:#20714A}
.tag--live i{width:5px;height:5px;border-radius:50%;background:#2FBE77;animation:blink 1.6s steps(1,end) infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.25}}

/* ---------- 4. CHROME 字 ---------- */
.chrome{
  background-image:linear-gradient(180deg,
    #FFFFFF 0%, #DCE4EF 10%, #8E9AAE 24%, #4E5A70 38%,
    #FFFFFF 49%, #FFFFFF 52%,
    #A8B3C4 59%, #58637A 73%, #93A0B2 86%, #EDF2F8 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.6px rgba(52,62,80,.85);
  /* 多层描边做浮雕：上白高光 / 下暗投影 / 远处接触阴影 */
  filter:
    drop-shadow(0 -1px 0 rgba(255,255,255,1))
    drop-shadow(0 1px 0 rgba(52,62,80,.55))
    drop-shadow(0 2px 0 rgba(52,62,80,.3))
    drop-shadow(0 5px 4px rgba(17,19,24,.3));
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .chrome{color:var(--cr-lo);-webkit-text-fill-color:currentColor;filter:none}
}

/* ---------- 5. 透明塑料面板 ---------- */
.panel{
  background:var(--plastic-2);
  border:1px solid var(--line);
  border-radius:var(--r2);
  box-shadow:var(--hi),var(--hi-b),var(--sh-1);
  backdrop-filter:blur(2px);          /* 只做一点点，模拟塑料而非毛玻璃 */
  -webkit-backdrop-filter:blur(2px);
}
.panel--tint{background:var(--plastic)}
.panel--solid{background:var(--plastic-3)}
/* 工业切角 */
.clip{clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px))}

/* ---------- 6. 按钮 ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 15px;border-radius:var(--r1);border:1px solid var(--line);background:linear-gradient(180deg,#FDFEFF,#E4EAF2);box-shadow:var(--hi),var(--sh-1);font-family:var(--f-en);font-size:12.5px;font-weight:500;color:var(--ink-2);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s}
.btn:hover{border-color:var(--line-2);background:linear-gradient(180deg,#FFFFFF,#EDF2F8)}
.btn:active{box-shadow:var(--sh-in);background:#E2E8F0}
.btn--holo{border-color:#B4A9FF;color:#3B3080;background:linear-gradient(104deg,#DFF7FA 0%,#E2DEFF 38%,#F6DCF4 72%,#DDE9FF 100%)}
.btn--holo:hover{border-color:#8E7EF5;box-shadow:var(--hi),0 0 0 1px rgba(169,152,255,.35),var(--sh-1)}
.btn--ghost{background:none;border-color:transparent;box-shadow:none;color:var(--ink-2)}
.btn--ghost:hover{border-color:var(--line);background:var(--cr-hi)}

/* 电子设备圆钮 */
.knob{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 34% 28%,#FFFFFF,#DCE3EC 62%,#C2CBD8);box-shadow:var(--hi),var(--sh-1);color:var(--ink-2);transition:border-color .16s,box-shadow .16s,color .16s}
.knob svg{width:11px;height:11px;fill:currentColor}
.knob:hover{border-color:var(--line-2);color:var(--ink)}
.knob:active{box-shadow:var(--sh-in)}
.knob--on{border-color:#8E7EF5;color:#4A3E93;background:radial-gradient(circle at 34% 28%,#FFFFFF,#E7E2FF 62%,#D2C9FF)}

.more{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .16s}
.more svg{width:12px;height:12px;transition:transform .22s var(--ease)}
.more:hover{color:var(--ink)}
.more:hover svg{transform:translateX(4px)}

/* ---------- 7. HEADER ---------- */
.dt-head{position:sticky;top:0;z-index:100;height:72px;background:linear-gradient(180deg,rgba(246,249,253,.96),rgba(231,236,243,.94));border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.dt-head__in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:100%;display:flex;align-items:center;gap:20px}

.logo{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:0 0 auto;height:100%;padding-right:18px;border-right:1px solid var(--line-soft)}
.logo__row{display:flex;align-items:center;gap:8px}
.logo__cn{font-family:var(--f-cn);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1}
.logo__en{font-family:var(--f-en);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--cr-lo);line-height:1}
.logo__wave{display:flex;align-items:flex-end;gap:2px;height:13px}
.logo__wave i{width:2px;background:linear-gradient(180deg,var(--lav),var(--blue));display:block;transform-origin:bottom;animation:eq 1.1s steps(4,end) infinite}
.logo__wave i:nth-child(1){height:5px;animation-delay:0s}
.logo__wave i:nth-child(2){height:11px;animation-delay:.14s}
.logo__wave i:nth-child(3){height:7px;animation-delay:.28s}
.logo__wave i:nth-child(4){height:13px;animation-delay:.42s}
.logo__wave i:nth-child(5){height:6px;animation-delay:.56s}
@keyframes eq{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.35)}}
.logo__sub{font-family:var(--f-mono);font-size:8px;letter-spacing:.14em;color:var(--faint)}

.nav{display:flex;align-items:stretch;flex:1 1 auto;height:100%}
.nav a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 15px;border-right:1px solid var(--line-soft);transition:background-color .16s}
.nav a:first-child{border-left:1px solid var(--line-soft)}
.nav a .n-en{font-family:var(--f-en);font-size:10.5px;font-weight:600;letter-spacing:.09em;color:var(--muted);transition:color .16s}
.nav a .n-cn{font-size:12px;font-weight:500;color:var(--ink-2);transition:color .16s}
.nav a:hover{background:rgba(255,255,255,.72)}
.nav a:hover .n-en,.nav a:hover .n-cn{color:var(--ink)}
.nav a[aria-current="page"]{background:rgba(255,255,255,.9)}
.nav a[aria-current="page"] .n-en{color:#4A3E93}
.nav a[aria-current="page"] .n-cn{color:var(--ink);font-weight:700}
.nav a[aria-current="page"]::after{content:'';position:absolute;left:-1px;right:-1px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--lav),var(--cyan))}

.head__right{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.hsearch{display:flex;align-items:center;gap:6px;height:30px;width:190px;padding:0 4px 0 10px;border:1px solid var(--line);border-radius:var(--r1);background:#fff;box-shadow:var(--sh-in);transition:border-color .16s,width .22s var(--ease)}
.hsearch:focus-within{border-color:var(--blue);width:225px}
.hsearch input{border:0;outline:0;background:none;width:100%;min-width:0;font-size:12px}
.hsearch input::placeholder{color:var(--faint)}
.hsearch .knob{width:22px;height:22px;flex:0 0 22px;border:0;background:none;box-shadow:none}
.hsearch .knob svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}

.burger{display:none;width:34px;height:30px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#FDFEFF,#E4EAF2);box-shadow:var(--hi),var(--sh-1);place-items:center;gap:3px}
.burger i{display:block;width:14px;height:1.5px;background:var(--ink-2);transition:transform .24s var(--ease),opacity .18s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}

.drawer{position:fixed;inset:0;z-index:99;background:rgba(17,19,24,.28);opacity:0;visibility:hidden;transition:opacity .24s}
.drawer[data-open="true"]{opacity:1;visibility:visible}
.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(330px,86vw);background:linear-gradient(180deg,#F7FAFD,#E7ECF3);border-left:1px solid var(--line-2);padding:22px 20px;transform:translateX(102%);transition:transform .3s var(--ease);overflow-y:auto}
.drawer[data-open="true"] .drawer__panel{transform:none}
.drawer__panel a{display:flex;flex-direction:column;gap:2px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.drawer__panel a .n-en{font-family:var(--f-en);font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--muted)}
.drawer__panel a .n-cn{font-family:var(--f-cn);font-weight:700;font-size:18px}
.drawer__acts{display:flex;gap:8px;margin-top:20px}
.drawer__acts .btn{flex:1;justify-content:center}

/* ---------- 8. HERO ---------- */
.hero-sec{padding:20px 0 0}
.hero{position:relative;overflow:hidden;min-height:540px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);border:1px solid var(--line);border-radius:var(--r3);background:linear-gradient(158deg,#FAFCFE 0%,#E9EEF6 38%,#D3DCE8 100%);box-shadow:var(--hi),var(--sh-2)}
/* 极淡的技术坐标网 */
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(90deg,rgba(141,152,170,.22) 1px,transparent 1px),linear-gradient(180deg,rgba(141,152,170,.22) 1px,transparent 1px);background-size:56px 56px}

.hero__l{position:relative;z-index:3;padding:30px 20px 30px 32px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.hero__sysrow{display:flex;align-items:center;gap:10px}
.hero__wordmark span{display:block;font-family:var(--f-en);font-weight:700;font-size:clamp(52px,9.4vw,150px);line-height:.86;letter-spacing:-.045em}
.hero__wordmark .hero__brand-cn{font-family:var(--f-cn);font-size:clamp(72px,10vw,160px);font-weight:900;letter-spacing:.02em;line-height:.95;color:#566176}
.hero__slog{font-family:var(--f-cn);font-weight:700;font-size:clamp(18px,1.9vw,25px);line-height:1.45;letter-spacing:-.01em}
.hero__en{font-family:var(--f-en);font-size:12px;font-weight:600;letter-spacing:.17em;color:var(--muted);line-height:1.75}
.hero__meta{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.hero__meta div{padding:8px 14px 8px 0;margin-right:14px;border-right:1px solid var(--line-soft);display:flex;align-items:baseline;gap:6px}
.hero__meta div:last-child{border-right:0;margin-right:0;padding-right:0}
.hero__meta b{font-family:var(--f-lcd);font-size:17px;color:var(--ink);letter-spacing:.02em}

.hero__r{position:absolute;inset:0;overflow:hidden;border-left:0}
.hero__art{position:absolute;inset:0}
.hero__art img,.hero__art .art{width:100%;height:100%;object-fit:cover}
.hero__art img{object-position:center center}
.hero__art::after{content:'';position:absolute;inset:0;background:linear-gradient(96deg,rgba(243,246,250,.96) 0%,rgba(243,246,250,.4) 14%,rgba(243,246,250,0) 32%)}
/* 扫描线：电子设备启动感 */
.hero__scan{position:absolute;left:0;right:0;height:64px;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.5),transparent);animation:scan 7s linear infinite}
@keyframes scan{0%{transform:translateY(-70px)}100%{transform:translateY(560px)}}

.hero__rail{position:absolute;right:14px;top:14px;bottom:14px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;text-align:right;gap:10px}
.hero__serial{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;line-height:1.9;color:var(--ink-2)}
.hero__disc{width:74px;height:74px;animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__badge{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 36% 26%,#FFFFFF,#E3E9F1 60%,#CBD3DF);box-shadow:var(--hi),var(--sh-1);font-family:var(--f-mono);font-size:7.5px;letter-spacing:.1em;line-height:1.9;color:var(--ink-2)}

/* ---------- 9. 分类模块 01–05（五台电子设备）---------- */
.qcat{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gut);margin-top:var(--gut)}
.qcat a{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:13px 13px 11px;border:1px solid var(--line);border-radius:var(--r2);background:linear-gradient(180deg,rgba(250,252,254,.95),rgba(224,232,241,.9));box-shadow:var(--hi),var(--hi-b),var(--sh-1);transition:border-color .18s,box-shadow .18s,transform .18s var(--ease)}
.qcat a:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--hi),var(--hi-b),var(--sh-2)}
.qcat a:active{transform:translateY(0);box-shadow:var(--sh-in)}
.qcat__lcd{display:flex;align-items:center;justify-content:space-between;gap:8px;height:26px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#D9E6DC,#C7DACB);box-shadow:var(--sh-in);font-family:var(--f-lcd);font-size:13px;color:#2A3A31;letter-spacing:.08em}
.qcat__lcd span:last-child{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.1em;opacity:.66}
.qcat__body{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.qcat b{display:block;font-family:var(--f-cn);font-weight:700;font-size:15px;line-height:1.25}
.qcat__en{display:block;font-family:var(--f-en);font-size:9px;font-weight:600;letter-spacing:.13em;color:var(--muted);margin-top:2px}
.qcat__obj{width:46px;height:46px;flex:0 0 46px;opacity:.9;transition:transform .3s var(--ease)}
.qcat a:hover .qcat__obj{transform:scale(1.06)}
.qcat__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid var(--line-soft);font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;color:var(--muted)}
.qcat__foot svg{width:11px;height:11px;transition:transform .22s var(--ease)}
.qcat a:hover .qcat__foot svg{transform:translateX(3px)}

/* ---------- 10. 版块标题 ---------- */
.sec{padding:34px 0 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sec-head__l{display:flex;align-items:center;gap:11px}
.sec-head h2{font-family:var(--f-cn);font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.01em;line-height:1.2;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sec-head h2 .sec-en{font-family:var(--f-en);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* ---------- 11. 本周推荐 + 深夜电台 ---------- */
.weekly{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--gut);align-items:start}
.cards5{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,220px));gap:14px;align-items:start;justify-content:start}

.wc{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r2);background:linear-gradient(180deg,rgba(252,253,255,.96),rgba(230,236,244,.92));box-shadow:var(--hi),var(--sh-1);overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s var(--ease)}
.wc:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--hi),var(--sh-2)}
.wc__cover{position:relative;aspect-ratio:3/4;overflow:hidden;border-bottom:1px solid var(--line)}
.wc__cover .art,.wc__cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.wc:hover .art,.wc:hover img{transform:scale(1.04)}
.wc__tag{position:absolute;top:7px;left:7px;z-index:3}
.wc__play{position:absolute;right:7px;bottom:7px;z-index:3;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s var(--ease)}
.wc:hover .wc__play,.wc__play:focus-visible{opacity:1;transform:none}
.wc__body{padding:8px 9px 9px;display:flex;flex-direction:column;gap:4px;flex:1}
.wc__name{font-family:var(--f-cn);font-weight:700;font-size:13.5px;line-height:1.3}
.wc__meta{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.05em;color:#5F6C80;line-height:1.4}
.wc__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:7px;border-top:1px solid var(--line-soft)}
.plays{display:flex;align-items:center;gap:4px;font-family:var(--f-lcd);font-size:12.5px;color:var(--ink)}
.plays svg{width:8px;height:8px;fill:var(--ink-2)}
.fav{width:20px;height:20px;display:grid;place-items:center;border-radius:var(--r1);color:var(--faint);transition:color .18s,background-color .18s}
.fav svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;transition:fill .18s}
.fav:hover{color:var(--pink);background:#FDECF9}
.fav[aria-pressed="true"]{color:var(--pink)}
.fav[aria-pressed="true"] svg{fill:currentColor}

/* 深夜电台：唯一允许的深色块 */
.radio{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r2);box-shadow:var(--sh-2);display:flex;flex-direction:column;min-height:100%;background:linear-gradient(168deg,#1C2233 0%,#232B42 46%,#161B29 100%)}
.radio__art{position:absolute;inset:0;opacity:.42}
.radio__art img,.radio__art .art{width:100%;height:100%;object-fit:cover}
.radio::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,25,38,.34) 0%,rgba(20,25,38,.8) 52%,rgba(16,20,31,.95) 100%)}
/* CRT 扫描纹 */
.radio::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px)}
.radio__in{position:relative;z-index:2;padding:14px;display:flex;flex-direction:column;gap:12px;flex:1;color:#E8EDF6}
.radio__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.radio__hd h2{font-family:var(--f-cn);font-weight:700;font-size:19px;line-height:1.2;letter-spacing:-.01em}
.radio__hd .sec-en{display:block;font-family:var(--f-en);font-size:9px;font-weight:600;letter-spacing:.18em;color:rgba(232,237,246,.52);margin-top:4px}
.radio .tag--live{background:linear-gradient(180deg,rgba(47,190,119,.24),rgba(47,190,119,.12));border-color:rgba(110,231,168,.6);color:#8DF0BC}

.radio__list{display:flex;flex-direction:column;margin-top:auto;border-top:1px solid rgba(255,255,255,.13)}
.radio__list li{display:flex;align-items:center;gap:9px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.09);transition:background-color .18s}
.radio__list li:last-child{border-bottom:0}
.radio__list li:hover{background:rgba(255,255,255,.06)}
.radio__t{font-family:var(--f-lcd);font-size:13px;color:#8FE6C4;flex:0 0 42px;letter-spacing:.04em;text-shadow:0 0 8px rgba(143,230,196,.45)}
.radio__n{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.radio__play{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);transition:background-color .18s,border-color .18s}
.radio__play svg{width:8px;height:8px;fill:#E8EDF6}
.radio__play:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5)}
.radio__sign{position:absolute;right:12px;bottom:10px;z-index:4;font-family:var(--f-mono);font-size:8px;letter-spacing:.13em;line-height:1.8;text-align:right;color:rgba(232,237,246,.34)}

/* ---------- 12. 三栏：声优 / 新书 / 索引 ---------- */
.trio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.92fr);gap:26px;padding-top:34px;align-items:start}

.cvs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
.cv{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.cv__ava{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--line);box-shadow:var(--hi),var(--sh-1);transition:border-color .18s,transform .22s var(--ease)}
.cv__ava img,.cv__ava .art{width:100%;height:100%;object-fit:cover}
/* CD 中心孔 */
.cv__ava::after{content:'';position:absolute;left:50%;top:50%;width:22%;height:22%;margin:-11% 0 0 -11%;border-radius:50%;background:radial-gradient(circle,#F6F9FC 40%,#CBD3DF 100%);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(141,152,170,.35);opacity:0;transition:opacity .22s}
.cv:hover .cv__ava{border-color:var(--line-2);transform:translateY(-2px)}
.cv:hover .cv__ava::after{opacity:1}
.cv__hover{position:absolute;left:0;right:0;top:calc(100% - 34px);z-index:3;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s var(--ease);font-family:var(--f-mono);font-size:8.5px;letter-spacing:.08em;color:#4A3E93;white-space:nowrap}
.cv:hover .cv__hover,.cv a:focus-visible + .cv__hover{opacity:1;transform:none}
.cv b{font-family:var(--f-cn);font-weight:600;font-size:12px;line-height:1.2}
.cv .cv__n{font-family:var(--f-mono);font-size:9px;letter-spacing:.07em;color:#5F6C80}

.arrivals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ar{display:flex;flex-direction:column;gap:6px}
.ar__cover{position:relative;aspect-ratio:3/4;border:1px solid var(--line);border-radius:var(--r1);overflow:hidden;box-shadow:var(--sh-1);transition:border-color .18s,transform .2s var(--ease)}
.ar__cover img,.ar__cover .art{width:100%;height:100%;object-fit:cover}
.ar:hover .ar__cover{border-color:var(--line-2);transform:translateY(-2px)}
.ar b{font-family:var(--f-cn);font-weight:600;font-size:12.5px;line-height:1.25}
.ar__meta{font-family:var(--f-mono);font-size:9px;letter-spacing:.05em;color:var(--muted)}
.ar__row{display:flex;align-items:center;justify-content:space-between;gap:6px}
.ar .plays{font-size:11px}
.carousel{display:flex;gap:4px}

.idx{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.idx a{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,rgba(252,253,255,.95),rgba(228,235,243,.9));box-shadow:var(--hi),var(--sh-1);transition:border-color .18s,transform .18s var(--ease)}
.idx a:hover{border-color:var(--line-2);transform:translateY(-2px)}
.idx u{text-decoration:none;font-family:var(--f-lcd);font-size:15px;color:#5F6C80;line-height:1;transition:color .18s}
.idx a:hover u{color:#4A3E93}
.idx b{display:block;font-family:var(--f-cn);font-weight:600;font-size:12.5px;line-height:1.25}
.idx span{display:block;font-family:var(--f-mono);font-size:8.5px;letter-spacing:.11em;color:var(--muted)}

/* ---------- 13. 下载 CTA ---------- */
.cta-sec{padding:38px 0 0}
.cta{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:22px 26px;border:1px solid var(--line);border-radius:var(--r3);background:linear-gradient(122deg,#FAFCFE 0%,#EAEFF6 46%,#E0E7F1 100%);box-shadow:var(--hi),var(--sh-2)}
.cta::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(174,184,200,.1) 1px,transparent 1px);background-size:48px 100%}
.cta__device{position:relative;z-index:2;width:200px}
.cta__mid{position:relative;z-index:2;text-align:center}
.cta__mid b{display:block;font-family:var(--f-cn);font-weight:700;font-size:clamp(19px,2.2vw,26px);line-height:1.45;letter-spacing:-.01em}
.cta__mid .en{display:block;font-family:var(--f-en);font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-top:7px;line-height:1.8}
.cta__r{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cta__os{display:flex;gap:6px;flex-wrap:wrap}
.cta__os a,.cta__os span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#FDFEFF,#E4EAF2);box-shadow:var(--hi),var(--sh-1);font-family:var(--f-en);font-size:11.5px;font-weight:500;color:var(--ink-2);transition:border-color .16s,color .16s}
.cta__os svg{width:12px;height:12px;fill:currentColor}
.cta__os a:hover{border-color:var(--line-2);color:var(--ink)}
.cta__disc{position:absolute;right:-24px;top:50%;margin-top:-84px;z-index:1;width:168px;height:168px;opacity:.9;animation:spin 20s linear infinite}

/* ---------- 14. MINI PLAYER（MiniDisc 控制面板）---------- */
.miniplayer{position:fixed;left:0;right:0;bottom:0;z-index:90;height:56px;border-top:1px solid var(--line-2);background:linear-gradient(180deg,rgba(247,250,253,.97),rgba(224,232,241,.97));box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -2px 10px rgba(17,19,24,.07);transform:translateY(101%);transition:transform .3s var(--ease)}
.miniplayer[data-open="true"]{transform:none}
.miniplayer__in{max-width:var(--max);height:100%;margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;gap:14px}
.mp__cover{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:var(--r1);overflow:hidden;box-shadow:var(--sh-1)}
.mp__cover img,.mp__cover .art{width:100%;height:100%;object-fit:cover}
.mp__info{min-width:0;flex:0 0 190px}
.mp__name{font-family:var(--f-cn);font-weight:600;font-size:12.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp__sub{font-family:var(--f-mono);font-size:9px;letter-spacing:.09em;color:var(--muted)}
.mp__ctrl{display:flex;align-items:center;gap:6px}
.mp__ctrl .knob--big{width:32px;height:32px;flex:0 0 32px}
.mp__ctrl .knob--big svg{width:12px;height:12px}
.mp__bar{flex:1;min-width:0;display:flex;align-items:center;gap:9px}
.mp__time{font-family:var(--f-lcd);font-size:12px;color:var(--ink-2);flex:0 0 auto;letter-spacing:.04em}
.mp__track{flex:1;height:6px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#D9E6DC,#C7DACB);box-shadow:var(--sh-in);overflow:hidden;cursor:pointer}
.mp__fill{height:100%;width:0;background:linear-gradient(90deg,#7FD8A8,#4FBF8A);box-shadow:0 0 6px rgba(79,191,138,.5);transition:width .25s linear}
.mp__vol{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.mp__eq{display:flex;align-items:flex-end;gap:2px;height:14px;flex:0 0 auto}
.mp__eq i{width:2px;background:linear-gradient(180deg,var(--lav),var(--blue));transform-origin:bottom;animation:eq .9s steps(3,end) infinite;display:block}
.mp__eq i:nth-child(1){height:6px}
.mp__eq i:nth-child(2){height:13px;animation-delay:.1s}
.mp__eq i:nth-child(3){height:9px;animation-delay:.2s}
.mp__eq i:nth-child(4){height:12px;animation-delay:.3s}
.miniplayer[data-playing="false"] .mp__eq i{animation-play-state:paused;opacity:.4}
.mp__close{flex:0 0 auto}

/* ---------- 15. FOOTER ---------- */
.dt-foot{margin-top:44px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(240,244,249,.8),rgba(226,233,241,.9))}
.dt-foot__in{max-width:var(--max);margin:0 auto;padding:20px var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}
.dt-foot .logo{border-right:0;padding-right:0;height:auto}
.foot-nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.foot-nav a{font-family:var(--f-mono);font-size:11px;letter-spacing:.07em;color:var(--ink-2);transition:color .16s}
.foot-nav a:hover{color:var(--ink)}
.foot__r{display:flex;align-items:center;gap:12px}
.socials{display:flex;gap:5px}
.socials a{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#FDFEFF,#E4EAF2);box-shadow:var(--hi);color:var(--muted);transition:border-color .16s,color .16s}
.socials svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.socials a:hover{border-color:var(--line-2);color:var(--ink)}
.copy{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;color:var(--faint);white-space:nowrap}

/* ---------- 16. 入场（电子设备启动感，克制）---------- */
.js .reveal{opacity:0;transform:translateY(10px)}
.js .reveal.in{opacity:1;transform:none;transition:opacity .42s var(--ease),transform .42s var(--ease)}
.js .stag>*{opacity:0;transform:translateY(10px)}
.js .stag.in>*{opacity:1;transform:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.js .stag.in>*:nth-child(1){transition-delay:.02s}
.js .stag.in>*:nth-child(2){transition-delay:.05s}
.js .stag.in>*:nth-child(3){transition-delay:.08s}
.js .stag.in>*:nth-child(4){transition-delay:.11s}
.js .stag.in>*:nth-child(5){transition-delay:.14s}
.js .stag.in>*:nth-child(6){transition-delay:.17s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .js .reveal,.js .stag>*{opacity:1;transform:none}
  .hero__scan{display:none}
}

/* ---------- 17. 内页 ---------- */
.pg{padding:22px 0 0}
.pg-head{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r3);padding:24px 26px;margin-bottom:18px;background:linear-gradient(150deg,#FAFCFE 0%,#EDF1F7 52%,#E1E8F1 100%);box-shadow:var(--hi),var(--sh-1)}
.pg-head::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(174,184,200,.12) 1px,transparent 1px),linear-gradient(180deg,rgba(174,184,200,.12) 1px,transparent 1px);background-size:48px 48px}
.pg-head>*{position:relative}
.pg-head h1{font-family:var(--f-cn);font-weight:700;font-size:clamp(22px,3vw,34px);letter-spacing:-.02em;line-height:1.15;margin-top:8px;text-wrap:balance}
.pg-head p{margin-top:7px;font-size:12.5px;color:var(--muted);max-width:62ch}
.pg-head .barcode{position:absolute;right:24px;top:22px}

.sortbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.sortbar a{height:28px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#FDFEFF,#E4EAF2);box-shadow:var(--hi);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-2);transition:border-color .16s,background-color .16s,color .16s}
.sortbar a:hover{border-color:var(--line-2)}
.sortbar a[aria-current="true"]{border-color:#B4A9FF;color:#3B3080;background:linear-gradient(104deg,#DFF7FA,#E2DEFF 46%,#F6DCF4)}

.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:30px 0 0}
.pager .page-numbers{display:grid;place-items:center;min-width:32px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r1);background:linear-gradient(180deg,#FDFEFF,#E4EAF2);box-shadow:var(--hi);font-family:var(--f-lcd);font-size:13px;transition:border-color .16s}
.pager .page-numbers:hover{border-color:var(--line-2)}
.pager .current{border-color:#B4A9FF;color:#3B3080;background:linear-gradient(104deg,#DFF7FA,#E2DEFF 46%,#F6DCF4)}
.pager .dots{border-color:transparent;background:none;box-shadow:none}

.empty{border:1px solid var(--line);border-radius:var(--r2);background:var(--plastic-3);box-shadow:var(--hi),var(--sh-1);padding:40px 24px;text-align:center}
.empty b{display:block;font-family:var(--f-cn);font-weight:700;font-size:17px;margin-bottom:6px}
.empty p{color:var(--muted);margin-bottom:16px;font-size:12.5px}

.dt-single{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start;padding-top:22px}
.dt-single__cover{position:relative;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--hi),var(--sh-2);aspect-ratio:3/4}
.dt-single__cover .art,.dt-single__cover img{width:100%;height:100%;object-fit:cover}
.dt-single__side{display:flex;flex-direction:column;gap:10px}
.dt-single__stats{border:1px solid var(--line);border-radius:var(--r2);background:var(--plastic-3);box-shadow:var(--hi),var(--sh-1);overflow:hidden}
.dt-single__stats div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line-soft);font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.dt-single__stats div:last-child{border-bottom:0}
.dt-single__stats b{font-family:var(--f-lcd);font-size:14px;color:var(--ink);text-transform:none;letter-spacing:.02em}
.dt-single__body h1{font-family:var(--f-cn);font-weight:700;font-size:clamp(23px,3vw,34px);letter-spacing:-.02em;line-height:1.18;text-wrap:balance}
.dt-single__terms{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}
.dt-single__terms a{height:24px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:var(--r1);background:var(--cr-hi);box-shadow:var(--hi);font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;transition:border-color .16s}
.dt-single__terms a:hover{border-color:var(--line-2)}

.prose{max-width:66ch;font-size:14.5px;line-height:1.85;color:var(--ink-2)}
.prose>*+*{margin-top:1.05em}
.prose h2{font-family:var(--f-cn);font-weight:700;font-size:19px;color:var(--ink);margin-top:1.7em;padding-bottom:6px;border-bottom:1px solid var(--line-soft)}
.prose h3{font-family:var(--f-cn);font-weight:700;font-size:16px;color:var(--ink);margin-top:1.5em}
.prose a{color:#3B3080;border-bottom:1px solid var(--lav)}
.prose ul,.prose ol{padding-left:1.3em}
.prose ul{list-style:square}
.prose ol{list-style:decimal}
.prose blockquote{border-left:2px solid var(--lav);background:var(--cr-hi);padding:12px 15px}
.prose blockquote p{margin:0}
.prose img{border:1px solid var(--line);border-radius:var(--r1)}
.prose code{background:var(--cr-hi);border:1px solid var(--line-soft);border-radius:var(--r1);padding:1px 5px;font-family:var(--f-mono);font-size:.9em}
.prose pre{border:1px solid var(--line);border-radius:var(--r1);background:var(--cr-hi);padding:14px;overflow-x:auto}
.prose pre code{border:0;background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;border:1px solid var(--line)}
.prose th,.prose td{border:1px solid var(--line-soft);padding:8px 10px;text-align:left}
.prose th{background:var(--cr-hi);font-weight:600}

/* 登录状态让位给 WP 管理条 */
.admin-bar .dt-head{top:32px}
@media screen and (max-width:782px){ .admin-bar .dt-head{top:46px} }
@media screen and (max-width:600px){ .admin-bar .dt-head{top:0} }

/* ============================================================
   18. RESPONSIVE —— 移动端保留 Chrome 字 / 银灰 UI / LCD 标签
   ============================================================ */
@media (max-width:1279px){
  :root{--pad:18px;--gut:12px}
  .trio{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}
  .trio>*:nth-child(3){grid-column:1/-1}
  .idx{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:1080px){
  .nav,.head__right .hsearch,.head__right .btn{display:none}
  .burger{display:grid}
  .dt-head__in{justify-content:space-between}
  .logo{border-right:0;padding-right:0}

  .weekly{grid-template-columns:1fr}
  .radio{min-height:0}
  .radio__list{margin-top:0}

  .hero{grid-template-columns:1fr;min-height:0}
  .hero__l{padding:26px 20px 24px}
  .hero__r{position:relative;inset:auto;height:320px;border-left:0;border-top:1px solid var(--line-soft)}
  .hero__art::after{background:linear-gradient(6deg,rgba(243,246,250,.9) 0%,rgba(243,246,250,0) 44%)}
  .hero__rail{flex-direction:row;align-items:flex-end;top:auto;bottom:12px;right:12px;gap:12px}
  .hero__serial{display:none}

  .qcat{grid-template-columns:repeat(3,1fr)}
  .cards5{grid-template-columns:repeat(3,1fr)}
  .cards5>li:nth-child(n+4){display:none}
  .cta{grid-template-columns:auto 1fr;gap:20px}
  .cta__r{grid-column:1/-1}
  .cta__disc{display:none}
  .mp__info{flex:0 0 140px}
}

@media (max-width:767px){
  :root{--pad:14px}
  body{padding-bottom:58px}

  .hero-sec{padding:14px 0 0}
  .hero__wordmark span{font-size:16vw}
  .hero__slog{font-size:17px}
  .hero__r{height:250px}
  .hero__meta{width:100%}
  .hero__meta div{padding:7px 11px 7px 0;margin-right:11px}
  .hero__meta b{font-size:15px}
  .hero__badge{width:58px;height:58px;font-size:6.5px;line-height:1.75}
  .hero__disc{width:56px;height:56px}

  .qcat{grid-template-columns:repeat(2,1fr);gap:9px}
  .sec{padding:26px 0 0}
  .cards5{grid-template-columns:repeat(2,1fr);gap:9px}
  .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .cards5>li:nth-child(n+4){display:flex}
  .cards5>li:nth-child(n+5){display:none}

  .trio{grid-template-columns:1fr;gap:26px;padding-top:26px}
  .trio>*:nth-child(3){grid-column:auto}
  .cvs{grid-template-columns:repeat(4,1fr)}
  .idx{grid-template-columns:repeat(2,1fr)}

  .cta-sec{padding:28px 0 0}
  .cta{grid-template-columns:1fr;text-align:center;padding:20px 16px;gap:16px}
  .cta__device{width:160px;margin:0 auto}
  .cta__r{align-items:center}
  .cta__os{justify-content:center}

  .dt-single{grid-template-columns:1fr;gap:18px}
  .dt-single__cover{max-width:250px}
  .dt-foot__in{grid-template-columns:1fr;gap:14px;justify-items:center;text-align:center}
  .dt-foot .logo{align-items:center}

  /* MiniPlayer 收窄：留封面 + 名称 + 播放 + 进度 */
  .miniplayer{height:52px}
  .mp__info{flex:1 1 auto}
  .mp__bar{display:none}
  .mp__vol{display:none}
}

@media (max-width:420px){
  .cvs{grid-template-columns:repeat(3,1fr)}
  .hero__wordmark span{font-size:17.5vw}
}

/* 自定义 logo：Y2K 的 1px 金属描边与 4px 直角，不用黑框 */
.logo{flex-direction:row;align-items:center;gap:9px}
.logo__img{width:36px;height:36px;flex:0 0 36px;object-fit:cover;border:1px solid var(--line);border-radius:var(--r1);box-shadow:var(--hi),var(--sh-1);display:block;background:#fff}
.logo__txt{display:flex;flex-direction:column;justify-content:center;gap:2px}
.dt-foot .logo__img{width:32px;height:32px;flex:0 0 32px}
@media (max-width:767px){ .logo__img{width:30px;height:30px;flex:0 0 30px} }