/* ====== 70 工龄工资 · 铜金（勋章）+ 檀木棕 + 青苔绿 ====== */
.spc{
  --bg:#f7f2e9; --bg2:#eee4d4; --card:#fff; --card2:#fcf8f1;
  --ink:#1f1810; --sub:#4f4331; --faint:#8d7d65; --line:#e5d8c0; --line2:#f0e7d6;
  --bronze:#b07d3c; --bronze-d:#8a5e22; --bronze-soft:#f3e6d3;
  --copper:#c96f3a; --moss:#5f7d3f; --moss-soft:#ecf2e0;
  --shadow-sm:0 1px 2px rgba(31,24,16,.05),0 7px 18px rgba(31,24,16,.05);
  --shadow:0 2px 6px rgba(31,24,16,.07),0 22px 48px rgba(31,24,16,.10);
  --r:20px; --r-sm:13px;
  background:
    radial-gradient(720px 340px at 96% -10%, rgba(176,125,60,.13), transparent 60%),
    radial-gradient(520px 300px at 0% 8%, rgba(95,125,63,.07), transparent 56%),
    var(--bg);
}
:root[data-theme="dark"] .spc{
  --bg:#171209; --bg2:#1e180e; --card:#241d11; --card2:#2c2415;
  --ink:#f6eddd; --sub:#cbb99a; --faint:#86765c; --line:#3a2f1c; --line2:#2e2414;
  --bronze:#d5a762; --bronze-d:#e8c084; --bronze-soft:rgba(213,167,98,.14);
  --moss:#8fae66; --moss-soft:rgba(143,174,102,.12);
}
.spc-hero{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:30px;padding:30px 0 24px;align-items:start;}
.spc-hero-l .tsk-h1 b{color:var(--bronze-d);}

.spc-medal{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px 24px;}
.spc-medal-ring{display:grid;place-items:center;padding:6px 0 12px;}
.spc-medal-core{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 50% 35%,#fdf6e7,#e8d5ac 70%,#cfa964);
  border:8px solid var(--bronze-soft);box-shadow:0 10px 24px rgba(176,125,60,.22),inset 0 0 0 2px rgba(255,255,255,.4);}
.spc-medal-core span{font:800 34px/1 var(--num,"Bahnschrift",monospace);color:var(--bronze-d);}
.spc-medal-core small{display:block;font-size:10px;font-weight:800;color:#8a5e22;margin-top:3px;}
.spc-medal-name{text-align:center;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--faint);margin-bottom:8px;}
.spc-medal label{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:10px;}
.spc-medal input{width:100%;height:34px;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;text-align:right;}
.spc-medal input:focus{border-color:var(--bronze);box-shadow:0 0 0 3px var(--bronze-soft);}

.spc-result{margin-top:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;}
.spc-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;}
.spc-res-card{background:var(--card2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:15px 17px;}
.spc-res-card b{display:block;font:800 24px/1.15 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.spc-res-card span{display:block;font-size:11.5px;color:var(--faint);font-weight:700;margin-top:5px;}
.spc-res-card i{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:4px;line-height:1.5;}
.spc-res-card.spc-main{background:var(--bronze-soft);border-color:rgba(176,125,60,.42);}
.spc-res-card.spc-main b{color:var(--bronze-d);}
.spc-extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.spc-extra > div{flex:1;min-width:140px;display:flex;align-items:baseline;gap:8px;background:var(--card2);border:1px solid var(--line2);border-radius:10px;padding:11px 14px;}
.spc-extra span{font-size:11.5px;color:var(--faint);font-weight:700;}
.spc-extra b{font:800 20px/1 var(--num,"Bahnschrift",monospace);color:var(--moss);}
.spc-extra small{font-size:10.5px;color:var(--faint);}
.spc-alert{margin-top:12px;padding:12px 15px;border-radius:10px;background:var(--moss-soft);border:1px solid rgba(95,125,63,.3);font-size:12.5px;line-height:1.75;color:var(--sub);}
.spc-alert b{color:var(--bronze-d);}

.spc-dist{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:11px;}
.spc-dist-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow-sm);border-top:3px solid var(--bronze);}
.spc-dist-card header{font-size:13px;font-weight:800;color:var(--ink);}
.spc-dist-card p{margin:7px 0 9px;font-size:11.5px;line-height:1.7;color:var(--sub);}
.spc-dist-line{display:flex;gap:8px;font-size:11px;line-height:1.6;margin-top:5px;}
.spc-dist-line span{flex:none;font-weight:800;color:var(--faint);}
.spc-dist-line b{font-weight:600;color:var(--sub);}
.spc-dist-line b.spc-ink{color:var(--moss);}

.spc-formula{display:grid;gap:8px;}
.spc-formula-row{display:grid;grid-template-columns:130px 1fr 150px;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 16px;box-shadow:var(--shadow-sm);}
.spc-formula-row b{font-size:12px;font-weight:800;color:var(--bronze-d);}
.spc-formula-row code{font:600 11.5px/1.6 var(--num,"Bahnschrift",monospace);color:var(--ink);background:var(--card2);padding:5px 9px;border-radius:6px;}
.spc-formula-row i{font-style:normal;font-size:10.5px;color:var(--faint);line-height:1.6;}

.spc-impact{display:grid;gap:7px;}
.spc-impact-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow-sm);}
.spc-impact-row b{font-size:12px;font-weight:800;color:var(--moss);}
.spc-impact-row p{margin:0;font-size:11.5px;line-height:1.7;color:var(--sub);}

.spc-evidence{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;}
.spc-ev-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);}
.spc-ev-item span{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--moss-soft);color:var(--moss);font-weight:800;font-size:11px;}
.spc-ev-item b{font-size:12.5px;font-weight:800;color:var(--ink);}
.spc-ev-item p{margin:4px 0 0;font-size:11.5px;line-height:1.7;color:var(--sub);}

@media (max-width:900px){.spc-hero{grid-template-columns:1fr;}.spc-formula-row{grid-template-columns:1fr;gap:5px;}.spc-impact-row{grid-template-columns:1fr;gap:3px;}}