/* 25 和平精英灵敏度 · 军绿沙色调试台：左侧手机预览 + 右侧三档参数矩阵 */
.pms{
  --ink:#26301c; --sub:#6a7356; --card:#fffdf6; --line:#e2dfcc;
  --pri:#5c7133; --pri-soft:#eef2df; --ok:#3d7a4c; --warn:#b8871d; --bad:#a64b38; --bg:#f6f4ea;
  color:var(--ink);background:var(--bg);font-size:15px;line-height:1.8;padding:26px 0 54px;min-height:60vh;
}
:root[data-theme="dark"] .pms{
  --ink:#eef0df; --sub:#abb693; --card:#1b2016; --line:#343b28;
  --pri:#a9cf68; --pri-soft:rgba(169,207,104,.13); --ok:#7ed695; --warn:#e8c06a; --bad:#f0957e; --bg:#11140e;
}
.pms *{box-sizing:border-box;}
.pms-wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
.pms h1,.pms h2{margin:0;line-height:1.35;}
.pms b{font-weight:700;} .pms em{font-style:normal;}
.pms-hero{
  display:grid;grid-template-columns:1fr 150px;gap:24px;align-items:center;padding:30px 32px;
  border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(120deg,var(--card) 58%,var(--pri-soft));
  box-shadow:0 3px 16px rgba(80,90,40,.07);
}
.pms-badge{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;}
.pms h1{font-size:31px;font-weight:800;margin:13px 0 12px;}
.pms h1 em{display:block;font-size:18px;font-weight:600;color:var(--pri);margin-top:6px;}
.pms-hero p{margin:0 0 16px;max-width:770px;color:var(--sub);font-size:15px;line-height:1.85;}
.pms-hero p b{color:var(--ink);}
.pms-hero-meta{display:flex;flex-wrap:wrap;gap:8px;}
.pms-hero-meta span{padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:12.5px;font-weight:650;color:var(--sub);}
.pms-device{display:grid;place-items:center;}
.pms-screen{width:96px;height:170px;border:8px solid #3c4430;border-radius:20px;position:relative;
  background:repeating-linear-gradient(135deg,#e9edd8 0 12px,#dfe6c8 12px 24px);display:grid;place-items:center;}
.pms-screen i{width:26px;height:26px;border:2px solid var(--bad);border-radius:50%;position:relative;}
.pms-screen i:before,.pms-screen i:after{content:"";position:absolute;background:var(--bad);}
.pms-screen i:before{width:2px;height:12px;left:10px;top:-14px;} .pms-screen i:after{height:2px;width:12px;left:-14px;top:10px;}
.pms-screen span{position:absolute;bottom:8px;font-size:10px;color:#59633f;letter-spacing:.05em;}

.pms-card,.pms-panel,.pms-empty,.pms-preview,.pms-tier{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(60,70,30,.05);}
.pms-card{margin-top:18px;padding:22px 24px;}
.pms-card-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px;}
.pms-card-h h2{font-size:20px;font-weight:750;} .pms-card-h span{font-size:12.5px;color:var(--sub);} .pms-card-h b{color:var(--bad);}
.pms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pms-field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:650;color:var(--sub);}
.pms-field b{color:var(--bad);margin-left:3px;}
.pms-in,.pms-ta{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:14px;font-family:inherit;transition:border-color .16s,box-shadow .16s;}
.pms-in:focus,.pms-ta:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.pms-in:disabled{opacity:.5;cursor:not-allowed;}
.pms-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.pms-btn{padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:14px;font-weight:650;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;}
.pms-btn:hover{border-color:var(--pri);transform:translateY(-1px);box-shadow:0 3px 10px rgba(60,70,30,.1);}
.pms-btn:disabled{opacity:.5;cursor:not-allowed;}
.pms-btn-main{background:var(--pri);border-color:var(--pri);color:#fff;} .pms-btn-main:hover{filter:brightness(1.12);}
.pms-btn-ghost{background:transparent;color:var(--sub);}
.pms-msg{margin:12px 0 0;font-size:13.5px;color:var(--sub);min-height:20px;}
.pms-msg.is-err{color:var(--bad);font-weight:600;} .pms-msg.is-ok{color:var(--ok);font-weight:600;}
.pms-empty{margin-top:18px;padding:38px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.pms-empty-ic{font-size:34px;} .pms-empty b{font-size:17px;}
.pms-empty em{max-width:640px;font-size:13.5px;color:var(--sub);line-height:1.8;}

.pms-out{margin-top:18px;}
.pms-tierbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.pms-tierbar button{flex:1;min-width:150px;padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;font-size:14px;font-weight:650;transition:border-color .15s,background .15s;}
.pms-tierbar button:hover{border-color:var(--pri);}
.pms-tierbar button.is-on{background:var(--pri);border-color:var(--pri);color:#fff;}
.pms-tierbar small{display:block;font-size:11.5px;font-weight:400;opacity:.8;margin-top:3px;}
.pms-main{display:grid;grid-template-columns:240px 1fr;gap:14px;align-items:start;}
.pms-preview{padding:18px;}
.pms-preview-h{font-size:14px;font-weight:750;display:flex;flex-direction:column;gap:3px;margin-bottom:14px;}
.pms-preview-h span{font-size:11.5px;font-weight:400;color:var(--sub);}
.pms-phone{width:132px;margin:0 auto;padding:9px;border-radius:20px;background:#3c4430;border:2px solid #26301c;}
.pms-phone-screen{height:210px;border-radius:13px;position:relative;
  background:linear-gradient(155deg,#dfe8c4,#b9c99a 60%,#a9bd88);display:grid;place-items:center;}
.pms-cross{width:30px;height:30px;border:2px solid var(--bad);border-radius:50%;position:relative;}
.pms-cross:before,.pms-cross:after{content:"";position:absolute;background:var(--bad);}
.pms-cross:before{width:2px;height:12px;left:12px;top:-16px;} .pms-cross:after{height:2px;width:12px;left:-16px;top:12px;}
.pms-phone-note{position:absolute;bottom:10px;font-size:10.5px;color:#3d4a2c;letter-spacing:.04em;}
.pms-factors{list-style:none;margin:16px 0 0;padding:0;font-size:12.5px;color:var(--sub);}
.pms-factors li{padding:6px 0;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;gap:8px;}
.pms-factors li b{color:var(--pri);font-family:ui-monospace,Menlo,monospace;}
.pms-tip{margin:12px 0 0;font-size:12.5px;color:var(--sub);line-height:1.75;}
.pms-tier{padding:20px 22px;}
.pms-tier-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px;}
.pms-tier-h h2{font-size:19px;font-weight:750;} .pms-tier-h span{font-size:12.5px;color:var(--sub);}
.pms-matrix{display:grid;grid-template-columns:150px repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.pms-matrix>div{padding:9px 11px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:13px;}
.pms-matrix>div:nth-child(4n){border-right:none;}
.pms-matrix .is-head{background:var(--pri-soft);font-weight:700;font-size:12.5px;white-space:nowrap;}
.pms-matrix .is-label{font-weight:650;background:var(--bg);}
.pms-matrix .is-val{font:700 14px/1.5 ui-monospace,Menlo,monospace;color:var(--pri);text-align:center;}
.pms-matrix>div:nth-last-child(-n+4){border-bottom:none;}
.pms-panel{padding:20px 22px;margin-top:14px;}
.pms-h2{font-size:19px;font-weight:750;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;}
.pms-h2 span{font-size:12.5px;font-weight:400;color:var(--sub);}
.pms-tw{overflow:auto;border:1px solid var(--line);border-radius:10px;}
.pms-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:680px;}
.pms-tb th,.pms-tb td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;}
.pms-tb th{background:var(--pri-soft);font-weight:700;}
.pms-tb tr:last-child td{border-bottom:none;} .pms-tb tr:hover td{background:var(--bg);}
.pms-tb td:nth-child(n+2){font-family:ui-monospace,Menlo,monospace;}
.pms-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.pms-notes div{padding:13px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.pms-notes span{display:block;font-size:12px;color:var(--sub);letter-spacing:.05em;}
.pms-notes b{display:block;font:750 18px/1.5 ui-monospace,Menlo,monospace;color:var(--pri);margin:4px 0;}
.pms-notes p{margin:0;font-size:13px;color:var(--sub);line-height:1.75;}
.pms-ta{min-height:110px;resize:vertical;font:13.5px/1.7 ui-monospace,Menlo,monospace;}
.pms-final{margin-top:14px;}
[hidden]{display:none !important;}

@media (max-width:860px){
  .pms{padding:18px 0 40px;}
  .pms-hero{grid-template-columns:1fr;padding:22px 18px;} .pms-device{display:none;} .pms h1{font-size:26px;}
  .pms-card,.pms-panel,.pms-tier{padding:18px 15px;}
  .pms-grid,.pms-notes{grid-template-columns:repeat(2,1fr);}
  .pms-main{grid-template-columns:1fr;}
  .pms-preview{display:none;}
  .pms-matrix{grid-template-columns:110px repeat(3,1fr);font-size:12px;}
  .pms-matrix>div{padding:8px 6px;}
}