/* ====== 88 答辩PPT规划 · 靛青 + 投影冷白 + 计时红 ====== */
.dpp{
  --bg:#f3f5f9; --bg2:#e7ebf3; --card:#fff; --card2:#f6f8fc;
  --ink:#12161f; --sub:#3a4256; --faint:#7d8496; --line:#dbe0ec; --line2:#e9edf6;
  --indigo:#3b4a9c; --indigo-d:#26316e; --indigo-soft:#e2e6f7;
  --red:#d1492f; --red-soft:#fbe4df; --teal:#2d7f8f;
  --shadow-sm:0 1px 2px rgba(18,22,31,.05),0 7px 18px rgba(18,22,31,.05);
  --shadow:0 2px 6px rgba(18,22,31,.07),0 22px 48px rgba(18,22,31,.10);
  --r:20px; --r-sm:13px;
  background:
    radial-gradient(720px 320px at 100% -6%, rgba(59,74,156,.12), transparent 62%),
    radial-gradient(520px 260px at -6% 22%, rgba(209,73,47,.07), transparent 66%),
    var(--bg);
}
:root[data-theme="dark"] .dpp{
  --bg:#0b0e15; --bg2:#11151d; --card:#161b25; --card2:#1c222d;
  --ink:#e8ecf5; --sub:#a5aebf; --faint:#6e7788; --line:#232b38; --line2:#1a2129;
  --indigo:#8f9be6; --indigo-d:#b4bdf2; --indigo-soft:rgba(143,155,230,.13);
  --red:#e97458; --red-soft:rgba(233,116,88,.12); --teal:#5fb6c6;
}
.dpp .tsk-h1 b{color:var(--indigo-d);}

.dpp-hero{display:grid;grid-template-columns:minmax(0,1fr) 368px;gap:32px;padding:30px 0 24px;align-items:start;}

/* ---- 幻灯片托盘 ---- */
.dpp-deck{
  position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px 22px;box-shadow:var(--shadow);overflow:hidden;
}
.dpp-deck::before{
  content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:var(--r) var(--r) 0 0;
  background:linear-gradient(90deg,var(--indigo),#6f7ed6 65%,var(--red));
}
.dpp-deck-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0 10px;}
.dpp-deck-head span{font-size:12px;font-weight:800;letter-spacing:.24em;color:var(--indigo-d);}
.dpp-deck-head em{font-style:normal;font:800 9.5px/1 var(--num,"Bahnschrift",monospace);color:var(--faint);letter-spacing:.16em;}

.dpp-stack{position:relative;height:78px;margin:2px 0 12px;}
.dpp-slide-mini{
  position:absolute;left:0;right:0;height:58px;border-radius:8px;
  background:var(--card2);border:1px solid var(--line);
  padding:9px 12px;display:grid;gap:5px;
  box-shadow:0 6px 14px rgba(18,22,31,.06);
}
.dpp-slide-mini:nth-child(1){top:0;transform:scale(.9);opacity:.55;}
.dpp-slide-mini:nth-child(2){top:8px;transform:scale(.95);opacity:.8;}
.dpp-slide-mini:nth-child(3){top:18px;}
.dpp-slide-mini i{display:block;height:4px;border-radius:2px;background:var(--line);}
.dpp-slide-mini i:nth-child(1){width:44%;background:var(--indigo);opacity:.55;}
.dpp-slide-mini i:nth-child(2){width:82%;}
.dpp-slide-mini i:nth-child(3){width:64%;}

.dpp-deck label{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:9px;}
.dpp-deck 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/34px var(--num,"Bahnschrift",monospace);outline:none;
}
.dpp-deck select{font-family:inherit;font-weight:700;}
.dpp-deck select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft);}
.dpp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;}
.dpp-deck .tsk-btn-main{background:linear-gradient(180deg,#4a5bb5,var(--indigo-d));border:0;box-shadow:0 10px 22px rgba(59,74,156,.26);}
.dpp-deck-foot{margin-top:10px;font-size:10.5px;color:var(--faint);text-align:center;}

/* ---- 结果 ---- */
.dpp-result{margin-top:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;}
.dpp-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;}
.dpp-res-card{background:var(--card2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:15px 17px;}
.dpp-res-card b{display:block;font:800 24px/1.15 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.dpp-res-card span{display:block;font-size:11.5px;color:var(--faint);font-weight:700;margin-top:5px;}
.dpp-res-card i{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:4px;line-height:1.5;}
.dpp-res-card.dpp-main{background:var(--indigo-soft);border-color:rgba(59,74,156,.32);}
.dpp-res-card.dpp-main b{color:var(--indigo-d);}

.dpp-struct{margin-top:16px;display:grid;gap:7px;}
.dpp-srow{display:grid;grid-template-columns:126px 1fr 74px;gap:11px;align-items:center;}
.dpp-srow span{font-size:11.5px;font-weight:700;color:var(--faint);}
.dpp-sbar{height:12px;border-radius:99px;background:var(--line2);overflow:hidden;}
.dpp-sbar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--indigo),#7d8ce8);transition:width .45s ease;}
.dpp-srow b{text-align:right;font:800 11.5px/1.4 var(--num,"Bahnschrift",monospace);color:var(--sub);}

.dpp-alert{margin-top:14px;padding:12px 15px;border-radius:10px;background:var(--indigo-soft);border:1px solid rgba(59,74,156,.26);font-size:12.5px;line-height:1.8;color:var(--sub);}
.dpp-alert b{color:var(--indigo-d);}
.dpp-alert.is-warn{background:var(--red-soft);border-color:rgba(209,73,47,.3);}
.dpp-alert.is-warn b{color:var(--red);}

/* ---- 结构表 ---- */
.dpp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dpp-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);min-width:640px;}
.dpp-table th,.dpp-table td{padding:12px 15px;text-align:left;font-size:12.5px;line-height:1.7;border-bottom:1px solid var(--line2);vertical-align:top;}
.dpp-table tr:last-child td{border-bottom:0;}
.dpp-table thead th{background:var(--card2);font-weight:800;color:var(--indigo-d);font-size:12px;}
.dpp-table tbody tr:nth-child(even){background:var(--card2);}
.dpp-strong{font-weight:800;color:var(--ink);white-space:nowrap;}
.dpp-pct{font:800 12.5px/1.5 var(--num,"Bahnschrift",monospace);color:var(--teal);white-space:nowrap;}
.dpp-pages{font:800 12.5px/1.5 var(--num,"Bahnschrift",monospace);color:var(--indigo-d);white-space:nowrap;}

/* ---- 节奏卡 ---- */
.dpp-timing{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
.dpp-time-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 17px;box-shadow:var(--shadow-sm);}
.dpp-time-card::after{content:"";position:absolute;right:14px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--red);opacity:.8;}
.dpp-time-card b{display:block;font:800 19px/1.2 var(--num,"Bahnschrift",monospace);color:var(--indigo-d);}
.dpp-time-card span{display:inline-block;margin-top:7px;font-size:11.5px;font-weight:800;color:var(--ink);background:var(--indigo-soft);padding:3px 9px;border-radius:99px;}
.dpp-time-card em{display:block;font-style:normal;font-size:11.5px;color:var(--faint);margin-top:7px;}
.dpp-time-card p{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--sub);}

/* ---- 扣分点 ---- */
.dpp-ded{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;}
.dpp-ded-item{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 17px 14px 42px;box-shadow:var(--shadow-sm);}
.dpp-ded-item::before{
  content:"!";position:absolute;left:14px;top:14px;width:19px;height:19px;border-radius:50%;
  background:var(--red-soft);color:var(--red);font-size:11px;font-weight:800;line-height:19px;text-align:center;
  border:1px solid rgba(209,73,47,.3);
}
.dpp-ded-item b{font-size:12.5px;font-weight:800;color:var(--ink);}
.dpp-ded-item p{margin:5px 0 0;font-size:12px;line-height:1.75;color:var(--sub);}

@media (max-width:900px){
  .dpp-hero{grid-template-columns:1fr;gap:22px;}
}
@media (max-width:520px){
  .dpp-grid2{grid-template-columns:1fr;}
  .dpp-srow{grid-template-columns:100px 1fr 62px;gap:8px;}
}