/* ====== 91 学生证优惠 · 深青证件卡 + 珊瑚橙 ====== */
.scd{
  --bg:#f2f4f7; --bg2:#e6eaf1; --card:#fff; --card2:#f7f9fc;
  --ink:#121722; --sub:#3a4454; --faint:#7c8698; --line:#d9e0ea; --line2:#e8edf5;
  --petrol:#1f5a63; --petrol-d:#123c43; --petrol-soft:#dfeaea;
  --coral:#d9653b; --coral-soft:#fbe6de; --silver:#c8d0da;
  --shadow-sm:0 1px 2px rgba(18,23,34,.05),0 7px 18px rgba(18,23,34,.05);
  --shadow:0 2px 6px rgba(18,23,34,.07),0 22px 48px rgba(18,23,34,.10);
  --r:20px; --r-sm:13px;
  background:
    radial-gradient(720px 320px at 100% -6%, rgba(31,90,99,.11), transparent 62%),
    radial-gradient(520px 260px at -6% 22%, rgba(217,101,59,.08), transparent 66%),
    var(--bg);
}
:root[data-theme="dark"] .scd{
  --bg:#0a1113; --bg2:#101819; --card:#141d1f; --card2:#1a2426;
  --ink:#e7eef0; --sub:#a4b5b8; --faint:#6c7d80; --line:#212e30; --line2:#192325;
  --petrol:#78b8bd; --petrol-d:#a4d5d8; --petrol-soft:rgba(120,184,189,.13);
  --coral:#ea8f6c; --coral-soft:rgba(234,143,108,.13); --silver:#93a3ac;
}
.scd .tsk-h1 b{color:var(--petrol-d);}

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

/* ---- 学生证卡片 ---- */
.scd-card{
  position:relative;border-radius:var(--r);padding:20px 22px 22px;color:#eaf3f4;
  background:linear-gradient(158deg,#266d74,#174850 66%,#10343a);
  box-shadow:0 22px 46px rgba(16,52,58,.30);overflow:hidden;
}
.scd-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(320px 180px at 110% -20%, rgba(255,255,255,.14), transparent 70%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px);
}
.scd-strip{position:absolute;left:0;right:0;top:44px;height:26px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.25);}
.scd-card-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;}
.scd-card-head span{font-size:10.5px;font-weight:800;letter-spacing:.32em;color:#bfe0e2;}
.scd-card-head em{font-style:normal;font:800 10px/1 var(--num,"Bahnschrift",monospace);color:rgba(191,224,226,.6);letter-spacing:.14em;}
.scd-chip{
  position:relative;z-index:1;margin-top:38px;width:36px;height:26px;border-radius:5px;
  background:linear-gradient(135deg,#e8c46a,#b58a2c);border:1px solid rgba(0,0,0,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.scd-chip::after{
  content:"";position:absolute;inset:6px 5px;border-radius:2px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 1px,transparent 1px 5px);
}
.scd-card-name{position:relative;z-index:1;margin:10px 0 4px;font-size:13px;font-weight:800;letter-spacing:.14em;color:#d8ecee;}

.scd-card label{position:relative;z-index:1;display:block;font-size:11.5px;font-weight:700;color:#9fc6c9;margin-top:10px;}
.scd-card select,.scd-card input{
  position:relative;z-index:1;width:100%;height:36px;margin-top:4px;padding:0 10px;
  border:1.5px solid rgba(255,255,255,.18);border-radius:9px;
  background:rgba(255,255,255,.08);color:#eef7f8;font:700 13.5px/34px var(--num,"Bahnschrift",monospace);outline:none;
}
.scd-card select{font-family:inherit;font-weight:700;}
.scd-card select option{color:#123c43;background:#f2f9fa;}
.scd-card input:focus,.scd-card select:focus{border-color:#7ed2cf;box-shadow:0 0 0 3px rgba(126,210,207,.2);}
.scd-grid2{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;}
.scd-card .tsk-btn-main{
  position:relative;z-index:1;background:linear-gradient(180deg,#3f8f95,#17464d);border:0;font-weight:800;
  box-shadow:0 10px 22px rgba(23,70,77,.34);
}
.scd-card-foot{position:relative;z-index:1;margin-top:10px;font-size:10.5px;color:rgba(191,224,226,.62);text-align:center;}

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

.scd-ticket{
  position:relative;margin-top:16px;display:grid;grid-template-columns:1fr 22px 1fr;
  background:var(--card2);border:1.5px dashed var(--petrol);border-radius:12px;overflow:hidden;
}
.scd-tk-l,.scd-tk-r{padding:14px 18px;text-align:center;}
.scd-tk-l span,.scd-tk-r span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.18em;color:var(--faint);}
.scd-tk-l b,.scd-tk-r b{display:block;font:800 22px/1.2 var(--num,"Bahnschrift",monospace);color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums;}
.scd-tk-r b{color:var(--coral);}
.scd-tk-cut{
  align-self:stretch;border-left:1.5px dashed var(--petrol);border-right:1.5px dashed var(--petrol);
  background:var(--card);
}

.scd-alert{margin-top:14px;padding:12px 15px;border-radius:10px;background:var(--petrol-soft);border:1px solid rgba(31,90,99,.26);font-size:12.5px;line-height:1.8;color:var(--sub);}
.scd-alert b{color:var(--petrol-d);}
.scd-alert.is-warn{background:var(--coral-soft);border-color:rgba(217,101,59,.3);}
.scd-alert.is-warn b{color:var(--coral);}

/* ---- 场景表 ---- */
.scd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.scd-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:600px;}
.scd-table th,.scd-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;}
.scd-table tr:last-child td{border-bottom:0;}
.scd-table thead th{background:var(--card2);font-weight:800;color:var(--petrol-d);font-size:12px;}
.scd-table tbody tr:nth-child(even){background:var(--card2);}
.scd-strong{font-weight:800;color:var(--ink);white-space:nowrap;}
.scd-rate{font-weight:800;color:var(--coral);white-space:nowrap;}

/* ---- 规则 / 提示 ---- */
.scd-rail,.scd-notice{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;}
.scd-rail-item,.scd-notice-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 17px;box-shadow:var(--shadow-sm);}
.scd-rail-item{border-left:4px solid var(--petrol);}
.scd-notice-item{border-left:4px solid var(--coral);}
.scd-rail-item b,.scd-notice-item b{font-size:12.5px;font-weight:800;color:var(--ink);}
.scd-rail-item p,.scd-notice-item p{margin:5px 0 0;font-size:12px;line-height:1.75;color:var(--sub);}

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