/* ====== 74 绩效面谈 · 会议室青绿 + 便签纸 + 四级色阶 ====== */
.ptg{
  --bg:#eef3f1; --bg2:#e3ece8; --card:#fff; --card2:#f6faf8;
  --ink:#12201c; --sub:#3a4a45; --faint:#7b8c86; --line:#d3e0da; --line2:#e5efeb;
  --teal:#1f6f5c; --teal-d:#134b3e; --teal-soft:#dcefe8;
  --a:#2f8a5f; --b:#2c6f9c; --c:#c1862c; --d:#b0483f;
  --shadow-sm:0 1px 2px rgba(18,32,28,.05),0 7px 18px rgba(18,32,28,.05);
  --shadow:0 2px 8px rgba(18,32,28,.07),0 22px 48px rgba(18,32,28,.10);
  --r:20px; --r-sm:13px;
  background:
    radial-gradient(760px 340px at 0% -12%, rgba(31,111,92,.09), transparent 62%),
    radial-gradient(640px 300px at 100% 0%, rgba(44,111,156,.06), transparent 60%),
    var(--bg);
}
:root[data-theme="dark"] .ptg{
  --bg:#0c1210; --bg2:#111a17; --card:#16211d; --card2:#1b2723;
  --ink:#e7f2ec; --sub:#a3b5ae; --faint:#6b7d76; --line:#28372f; --line2:#1e2a26;
  --teal:#6fbfa6; --teal-d:#9bd8c2; --teal-soft:rgba(111,191,166,.13);
  --a:#5cbf8d; --b:#6aa9d0; --c:#dfae5c; --d:#d4786f;
}

.ptg-hero{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:30px;padding:30px 0 24px;align-items:start;}
.ptg-hero-l .tsk-h1 b{color:var(--teal-d);}

/* 面谈准备卡：便签夹板 */
.ptg-note{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:0 20px 20px;position:relative;overflow:hidden;}
.ptg-note::before{content:"";position:absolute;inset:0 0 auto 0;height:26px;background:linear-gradient(180deg,var(--teal),var(--teal-d));}
.ptg-note::after{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:64px;height:9px;border-radius:99px;background:rgba(255,255,255,.35);box-shadow:0 1px 2px rgba(0,0,0,.15) inset;}
.ptg-note-head{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-bottom:10px;border-bottom:1.5px solid var(--teal-soft);margin-bottom:6px;}
.ptg-note-head span{font-size:12.5px;font-weight:800;color:var(--teal-d);letter-spacing:.04em;}
.ptg-note-head em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.16em;color:var(--faint);}
.ptg-note label{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:10px;}
.ptg-note input,.ptg-note select{width:100%;height:37px;margin-top:4px;padding:0 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);font:700 13.5px/37px var(--num,"Bahnschrift",monospace);outline:none;}
.ptg-note select{font-family:inherit;}
.ptg-note input[type="text"]{font-family:inherit;font-weight:600;letter-spacing:.02em;}
.ptg-note input:focus,.ptg-note select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);background:var(--card);}
.ptg-note .tsk-btn-main{background:var(--teal);border-color:var(--teal);}
.ptg-note .tsk-btn-main:hover{background:var(--teal-d);}
.ptg-note-foot{margin-top:12px;padding-top:9px;border-top:1px dashed var(--line);font-size:10.5px;line-height:1.6;color:var(--faint);}

/* 输出区 */
.ptg-output{margin:6px 0 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px 22px;}
.ptg-out-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.ptg-out-head h2{margin:0;font-size:15px;font-weight:800;color:var(--teal-d);letter-spacing:.02em;}
.ptg-copy{appearance:none;border:1.5px solid var(--line);background:var(--card2);color:var(--sub);font:700 12px/1 inherit;padding:9px 16px;border-radius:9px;cursor:pointer;transition:.18s;}
.ptg-copy:hover{border-color:var(--teal);color:var(--teal-d);background:var(--teal-soft);}
.ptg-output textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card2);color:var(--ink);padding:16px 18px;font:500 13px/1.9 ui-monospace,"SF Mono",Consolas,monospace;resize:vertical;outline:none;}
.ptg-output textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);}

/* 四类等级 */
.ptg-grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:12px;}
.ptg-grade{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow-sm);}
.ptg-grade header{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px dashed var(--line);margin-bottom:10px;}
.ptg-grade header b{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:.02em;}
.ptg-grade header span{font-size:11px;color:var(--faint);font-weight:600;}
.ptg-grade ul{margin:0;padding:0;list-style:none;}
.ptg-grade li{position:relative;padding:6px 0 6px 16px;font-size:12px;line-height:1.7;color:var(--sub);}
.ptg-grade li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:2px;background:var(--teal);opacity:.75;}
.ptg-grade-1{border-left-color:var(--a);background:linear-gradient(180deg,rgba(47,138,95,.05),transparent 60%),var(--card);}
.ptg-grade-1 li::before{background:var(--a);}
.ptg-grade-2{border-left-color:var(--b);background:linear-gradient(180deg,rgba(44,111,156,.05),transparent 60%),var(--card);}
.ptg-grade-2 li::before{background:var(--b);}
.ptg-grade-3{border-left-color:var(--c);background:linear-gradient(180deg,rgba(193,134,44,.06),transparent 60%),var(--card);}
.ptg-grade-3 li::before{background:var(--c);}
.ptg-grade-4{border-left-color:var(--d);background:linear-gradient(180deg,rgba(176,72,63,.06),transparent 60%),var(--card);}
.ptg-grade-4 li::before{background:var(--d);}

/* 话术气泡 */
.ptg-scripts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;}
.ptg-script{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 18px 16px;box-shadow:var(--shadow-sm);}
.ptg-script::before{content:"“";position:absolute;top:2px;left:12px;font:800 30px/1 Georgia,serif;color:var(--teal);opacity:.35;}
.ptg-script b{display:block;font-size:12px;font-weight:800;color:var(--teal-d);margin-bottom:6px;letter-spacing:.03em;}
.ptg-script p{margin:0;font-size:12px;line-height:1.8;color:var(--sub);}

/* 分歧三步 */
.ptg-dispute{list-style:none;margin:0;padding:0;display:grid;gap:9px;counter-reset:ptgd;}
.ptg-dispute li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 18px;box-shadow:var(--shadow-sm);}
.ptg-d-no{font:800 13px/1 var(--num,"Bahnschrift",monospace);color:#fff;background:var(--teal);border-radius:8px;padding:8px 0;text-align:center;}
.ptg-dispute b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);}
.ptg-dispute p{margin:4px 0 0;font-size:11.5px;line-height:1.75;color:var(--sub);grid-column:2;}

/* 记录表 */
.ptg-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);}
.ptg-table th,.ptg-table td{padding:13px 16px;text-align:left;font-size:12.5px;line-height:1.75;border-bottom:1px solid var(--line2);vertical-align:top;}
.ptg-table tr:last-child th,.ptg-table tr:last-child td{border-bottom:0;}
.ptg-table th{width:118px;font-weight:800;color:var(--teal-d);background:var(--card2);}
.ptg-table td{color:var(--sub);}

@media (max-width:900px){
  .ptg-hero{grid-template-columns:1fr;gap:22px;}
  .ptg-grades,.ptg-scripts{grid-template-columns:1fr;}
}