/* ====== 73 晋升答辩 · 学院藏青（图纸）+ 军绿 + 石灰 ====== */
.pdp{
  --bg:#f1f3f2; --bg2:#e5e9e7; --card:#fff; --card2:#f7faf8;
  --ink:#141b18; --sub:#3b4742; --faint:#7c8a84; --line:#d6dfda; --line2:#e6ede9;
  --navy:#2b3f56; --navy-d:#1d2d3f; --navy-soft:#e0e7ef;
  --olive:#5f6f3a; --olive-soft:#edf0e0; --red:#b8463e;
  --shadow-sm:0 1px 2px rgba(20,27,24,.05),0 7px 18px rgba(20,27,24,.05);
  --shadow:0 2px 6px rgba(20,27,24,.07),0 22px 48px rgba(20,27,24,.10);
  --r:20px; --r-sm:13px;
  background:
    repeating-linear-gradient(90deg,rgba(43,63,86,.03) 0 1px,transparent 1px 24px),
    repeating-linear-gradient(0deg,rgba(43,63,86,.03) 0 1px,transparent 1px 24px),
    radial-gradient(700px 320px at 96% -10%, rgba(43,63,86,.10), transparent 60%),
    var(--bg);
}
:root[data-theme="dark"] .pdp{
  --bg:#0d1216; --bg2:#121a1e; --card:#182228; --card2:#1d282e;
  --ink:#e8f0ec; --sub:#a7b7b0; --faint:#6d7e77; --line:#293732; --line2:#1f2b27;
  --navy:#7f9cba; --navy-d:#a6c0d8; --navy-soft:rgba(127,156,186,.13);
  --olive:#a2b36f; --olive-soft:rgba(162,179,111,.12);
}
.pdp-hero{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:30px;padding:30px 0 24px;align-items:start;}
.pdp-hero-l .tsk-h1 b{color:var(--navy-d);}

.pdp-board{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px 22px;position:relative;}
.pdp-board::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--navy),var(--olive));}
.pdp-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px dashed var(--line);margin-bottom:9px;}
.pdp-board-head span{font-size:12px;font-weight:800;color:var(--navy-d);}
.pdp-board-head em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--faint);}
.pdp-board label{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:10px;}
.pdp-board input,.pdp-board select{width:100%;height:36px;margin-top:4px;padding:0 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);font:700 13.5px/36px var(--num,"Bahnschrift",monospace);outline:none;}
.pdp-board select{font-family:inherit;font-weight:700;}
.pdp-board input:focus,.pdp-board select:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft);}
.pdp-board-foot{margin-top:12px;padding-top:9px;border-top:1px dashed var(--line);font-size:10.5px;color:var(--faint);line-height:1.6;}

.pdp-result{margin-top:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;}
.pdp-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;}
.pdp-res-card{background:var(--card2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:15px 17px;}
.pdp-res-card b{display:block;font:800 24px/1.15 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.pdp-res-card span{display:block;font-size:11.5px;color:var(--faint);font-weight:700;margin-top:5px;}
.pdp-res-card i{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:4px;line-height:1.5;}
.pdp-res-card.pdp-main{background:var(--navy-soft);border-color:rgba(43,63,86,.35);}
.pdp-res-card.pdp-main b{color:var(--navy-d);}
.pdp-bar{margin-top:16px;}
.pdp-bar-track{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--line2);}
.pdp-bar-speak{background:var(--navy);transition:width .4s;}
.pdp-bar-qa{background:var(--olive);transition:width .4s;}
.pdp-bar-legend{margin-top:8px;font-size:11px;color:var(--faint);display:flex;align-items:center;gap:6px;}
.pdp-bar-legend i{width:9px;height:9px;border-radius:2px;display:inline-block;}
.pdp-lg-speak{background:var(--navy);}
.pdp-lg-qa{background:var(--olive);margin-left:10px;}
.pdp-alert{margin-top:12px;padding:12px 15px;border-radius:10px;background:var(--olive-soft);border:1px solid rgba(95,111,58,.3);font-size:12.5px;line-height:1.75;color:var(--sub);}
.pdp-alert b{color:var(--navy-d);}

.pdp-slides{display:grid;gap:7px;}
.pdp-slide{display:grid;grid-template-columns:34px 1fr 64px;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-sm);}
.pdp-s-no{font:800 11px/1 var(--num,"Bahnschrift",monospace);color:#fff;background:var(--navy);padding:5px 6px;border-radius:5px;text-align:center;}
.pdp-slide b{font-size:12.5px;font-weight:800;color:var(--ink);}
.pdp-slide p{margin:3px 0 0;font-size:11.5px;line-height:1.65;color:var(--sub);}
.pdp-slide em{font-style:normal;font-size:11px;font-weight:800;color:var(--olive);text-align:right;}

.pdp-qa{display:grid;gap:6px;}
.pdp-qa-item{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden;}
.pdp-qa-item summary{display:flex;gap:9px;align-items:center;padding:12px 16px;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;}
.pdp-qa-item summary::-webkit-details-marker{display:none;}
.pdp-qa-item summary span{font:800 10.5px/1 var(--num,"Bahnschrift",monospace);color:var(--red);}
.pdp-qa-item[open] summary{border-bottom:1px dashed var(--line2);}
.pdp-qa-ans{padding:11px 16px 14px;font-size:11.5px;line-height:1.75;color:var(--sub);}

.pdp-mat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;}
.pdp-mat-item{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;box-shadow:var(--shadow-sm);}
.pdp-mat-item span{color:var(--olive);font-weight:800;font-size:14px;}
.pdp-mat-item b{font-size:12.5px;font-weight:800;color:var(--ink);}
.pdp-mat-item p{margin:4px 0 0;font-size:11.5px;line-height:1.7;color:var(--sub);}

.pdp-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-sm);}
.pdp-table th,.pdp-table td{padding:13px 16px;text-align:left;font-size:12.5px;line-height:1.75;border-bottom:1px solid var(--line2);}
.pdp-table tr:last-child th,.pdp-table tr:last-child td{border-bottom:0;}
.pdp-table th{width:120px;font-weight:800;color:var(--navy-d);background:var(--card2);}
.pdp-table td{color:var(--sub);}

@media (max-width:900px){.pdp-hero{grid-template-columns:1fr;}.pdp-slide{grid-template-columns:28px 1fr;}.pdp-slide em{grid-column:2;text-align:left;}}