/* ====== 79 军训物品清单 · 军绿帆布 + 卡其 + 喷字 ====== */
.mtk{
  --bg:#f1f0e8; --bg2:#e6e4d6; --card:#fffef8; --card2:#f8f7ed;
  --ink:#1c2016; --sub:#414836; --faint:#87876f; --line:#dedcc6; --line2:#eceade;
  --olive:#4d5b38; --olive-d:#34402a; --olive-soft:#e6e8d8;
  --khaki:#c9bc93; --stamp:#f1eedd; --rust:#a85438;
  --shadow-sm:0 1px 2px rgba(28,32,22,.05),0 8px 20px rgba(28,32,22,.05);
  --shadow:0 3px 10px rgba(28,32,22,.07),0 24px 50px rgba(28,32,22,.10);
  --r:20px; --r-sm:13px;
  background:
    repeating-linear-gradient(45deg,rgba(77,91,56,.03) 0 2px,transparent 2px 14px),
    radial-gradient(740px 340px at 0% -12%, rgba(77,91,56,.10), transparent 60%),
    var(--bg);
}
:root[data-theme="dark"] .mtk{
  --bg:#0f1109; --bg2:#161a10; --card:#1a1e14; --card2:#20251a;
  --ink:#eaeee0; --sub:#adb49f; --faint:#7a8169; --line:#2d3324; --line2:#232819;
  --olive:#93a771; --olive-d:#b6c894; --olive-soft:rgba(147,167,113,.13);
  --khaki:#c9bc93; --rust:#d08a6a;
}

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

/* 行军包 */
.mtk-pack{position:relative;background:linear-gradient(160deg,#5b6a44,#414d30 60%,#333d26);border:1px solid #2c3522;border-radius:var(--r);box-shadow:0 22px 50px rgba(18,22,12,.35),0 1px 0 rgba(255,255,255,.12) inset;padding:18px 22px 20px;color:#e8ecd8;overflow:hidden;}
.mtk-pack::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 7px);pointer-events:none;}
.mtk-pack-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1.5px dashed rgba(232,236,216,.35);}
.mtk-pack-head span{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:#eef1de;}
.mtk-pack-head em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.18em;color:rgba(238,241,222,.6);}
.mtk-strap{position:absolute;top:52px;right:-14px;width:26px;height:112px;border-radius:4px;background:linear-gradient(180deg,#8c7c53,#6b5d3c);box-shadow:0 2px 8px rgba(0,0,0,.3);transform:rotate(8deg);opacity:.85;}
.mtk-pack label{position:relative;display:block;font-size:11px;font-weight:700;color:#c8cfb2;margin-top:10px;}
.mtk-pack select{position:relative;width:100%;height:36px;margin-top:4px;padding:0 10px;border:1px solid #6a7355;border-radius:8px;background:rgba(24,30,18,.55);color:#eef1de;font:700 13.5px/36px var(--num,"Bahnschrift",monospace);outline:none;}
.mtk-pack select{font-family:inherit;}
.mtk-pack select:focus{border-color:var(--khaki);box-shadow:0 0 0 3px rgba(201,188,147,.2);}
.mtk-pack .tsk-btn-main{position:relative;background:var(--khaki);border-color:var(--khaki);color:#2f381f;font-weight:800;}
.mtk-pack .tsk-btn-main:hover{background:#dbd0ae;}
.mtk-pack-foot{position:relative;margin-top:11px;font-size:10px;line-height:1.6;color:rgba(232,236,216,.6);}

/* 输出 */
.mtk-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;}
.mtk-out-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;}
.mtk-out-head h2{margin:0;font-size:15px;font-weight:800;color:var(--olive-d);}
.mtk-out-head p{margin:4px 0 0;font-size:11.5px;color:var(--faint);}
.mtk-copy{flex:0 0 auto;appearance:none;border:1.5px solid var(--line);background:var(--card2);color:var(--sub);font:700 12px/1 inherit;padding:9px 15px;border-radius:9px;cursor:pointer;transition:.18s;}
.mtk-copy:hover{border-color:var(--olive);color:var(--olive-d);background:var(--olive-soft);}
.mtk-progress{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.mtk-bar{flex:1;height:9px;border-radius:99px;background:var(--line2);overflow:hidden;}
.mtk-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--olive);transition:width .3s;}
.mtk-progress span{font:800 11px/1 var(--num,"Bahnschrift",monospace);color:var(--faint);white-space:nowrap;}
.mtk-list{display:grid;gap:12px;}
.mtk-group{background:var(--card2);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;}
.mtk-group-head{display:flex;align-items:baseline;gap:9px;padding:11px 15px;background:var(--olive-soft);border-bottom:1px solid var(--line);}
.mtk-group-head span{font-size:15px;}
.mtk-group-head b{font-size:12.5px;font-weight:800;color:var(--olive-d);}
.mtk-group-head em{font-style:normal;margin-left:auto;font-size:10px;font-weight:700;color:var(--faint);}
.mtk-items{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.mtk-item{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:start;padding:9px 15px;border-bottom:1px solid var(--line2);cursor:pointer;}
.mtk-items .mtk-item:last-child,.mtk-items .mtk-item:nth-last-child(2):nth-child(odd){border-bottom:0;}
.mtk-item input{appearance:none;width:15px;height:15px;margin-top:2px;border-radius:4px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;position:relative;}
.mtk-item input:checked{background:var(--olive);border-color:var(--olive);}
.mtk-item input:checked::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(42deg);}
.mtk-item b{font-size:11.5px;font-weight:700;color:var(--ink);display:block;}
.mtk-item i{display:block;font-style:normal;font-size:10.5px;line-height:1.55;color:var(--faint);margin-top:2px;}
.mtk-item q{font-size:10.5px;font-weight:800;color:var(--rust);white-space:nowrap;}
.mtk-item.done b{text-decoration:line-through;color:var(--faint);}
:root[data-theme="dark"] .mtk-item input:checked::after{border-color:#1a1e14;}

/* 禁带 */
.mtk-forbidden{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.mtk-forbidden li{position:relative;padding:12px 16px 12px 40px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.75;color:var(--sub);box-shadow:var(--shadow-sm);}
.mtk-forbidden li::before{content:"✕";position:absolute;left:15px;top:11px;width:17px;height:17px;border-radius:50%;background:var(--rust);color:#fff;font:800 10px/17px sans-serif;text-align:center;}

/* 伤病 */
.mtk-health{display:grid;gap:8px;}
.mtk-h-row{display:grid;grid-template-columns:220px 1fr;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 16px;box-shadow:var(--shadow-sm);}
.mtk-h-row b{font-size:12px;font-weight:800;color:var(--olive-d);}
.mtk-h-row p{margin:0;font-size:11.5px;line-height:1.78;color:var(--sub);}

@media (max-width:900px){
  .mtk-hero{grid-template-columns:1fr;gap:22px;}
  .mtk-items{grid-template-columns:1fr;}
  .mtk-items .mtk-item{border-bottom:1px solid var(--line2)!important;}
  .mtk-items .mtk-item:last-child{border-bottom:0!important;}
  .mtk-h-row{grid-template-columns:1fr;gap:6px;}
}