/* ====== 80 大一入学费用 · 学院蓝 + 米黄缴费单 ====== */
.fcc{
  --bg:#f4f1e8; --bg2:#e9e4d5; --card:#fffdf7; --card2:#f9f5e9;
  --ink:#171d2b; --sub:#454b57; --faint:#8b8577; --line:#ddd6c2; --line2:#ebe5d6;
  --blue:#27467c; --blue-d:#18305a; --blue-soft:#dfe5f1;
  --gold:#b9893a; --gold-soft:#f5ecd8;
  --shadow-sm:0 1px 2px rgba(23,29,43,.05),0 8px 20px rgba(23,29,43,.05);
  --shadow:0 3px 10px rgba(23,29,43,.07),0 24px 50px rgba(23,29,43,.10);
  --r:20px; --r-sm:13px;
  background:
    repeating-linear-gradient(0deg,rgba(39,70,124,.026) 0 1px,transparent 1px 26px),
    radial-gradient(760px 340px at 100% -12%, rgba(39,70,124,.09), transparent 60%),
    var(--bg);
}
:root[data-theme="dark"] .fcc{
  --bg:#0e1118; --bg2:#141824; --card:#1a1e28; --card2:#202531;
  --ink:#e9edf5; --sub:#a8b0bd; --faint:#748092; --line:#2c3240; --line2:#232833;
  --blue:#8fa9d4; --blue-d:#b7cbe9; --blue-soft:rgba(143,169,212,.13);
  --gold:#dcb264; --gold-soft:rgba(220,178,100,.12);
}

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

/* 缴费单 */
.fcc-slip{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:0 22px 20px;}
.fcc-slip::before{content:"";display:block;height:34px;margin:0 -22px;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(180deg,var(--blue),var(--blue-d));}
.fcc-slip-head{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 8px;padding-bottom:9px;border-bottom:2px dashed var(--blue);}
.fcc-slip-head span{font-size:12.5px;font-weight:800;letter-spacing:.08em;color:var(--blue-d);}
.fcc-slip-head em{font-style:normal;font:800 9.5px/1 var(--num,"Bahnschrift",monospace);letter-spacing:.1em;color:var(--faint);}
.fcc-slip label{display:block;font-size:11px;font-weight:700;color:var(--faint);margin-top:9px;}
.fcc-slip input,.fcc-slip select{width:100%;height:34px;margin-top:4px;padding:0 9px;border:1.5px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);font:700 12.5px/34px var(--num,"Bahnschrift",monospace);outline:none;}
.fcc-slip select{font-family:inherit;}
.fcc-slip input:focus,.fcc-slip select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);background:var(--card);}
.fcc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;}
.fcc-slip .tsk-btn-main{background:var(--blue);border-color:var(--blue);}
.fcc-slip .tsk-btn-main:hover{background:var(--blue-d);}
.fcc-slip-foot{margin-top:12px;padding-top:9px;border-top:1px dashed var(--line);font-size:10.5px;line-height:1.6;color:var(--faint);}

/* 结果 */
.fcc-result{margin:6px 0 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;}
.fcc-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;}
.fcc-res-card{background:var(--card2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:15px 17px;}
.fcc-res-card b{display:block;font:800 25px/1.1 var(--num,"Bahnschrift",monospace);color:var(--ink);font-variant-numeric:tabular-nums;}
.fcc-res-card span{display:block;font-size:11.5px;font-weight:700;color:var(--faint);margin-top:5px;}
.fcc-res-card i{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:4px;}
.fcc-res-card.fcc-main{background:var(--blue-soft);border-color:rgba(39,70,124,.32);}
.fcc-res-card.fcc-main b{color:var(--blue-d);}
.fcc-verdict{margin-top:14px;padding:14px 17px;border-radius:12px;border-left:5px solid var(--gold);background:var(--gold-soft);font-size:12.5px;line-height:1.85;color:var(--sub);}
.fcc-verdict b{color:#8b6418;}
:root[data-theme="dark"] .fcc-verdict b{color:var(--gold);}

.fcc-break{margin-top:18px;}
.fcc-break-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.fcc-break-head h2{margin:0;font-size:14px;font-weight:800;color:var(--blue-d);}
.fcc-break-head span{font-size:10.5px;color:var(--faint);}
.fcc-brow{display:grid;grid-template-columns:96px 1fr 110px 62px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line2);}
.fcc-brow:last-child{border-bottom:0;}
.fcc-brow b{font-size:12px;font-weight:800;color:var(--ink);}
.fcc-bbar{height:9px;border-radius:99px;background:var(--line2);overflow:hidden;}
.fcc-bbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .4s;}
.fcc-bval{font:800 12px/1 var(--num,"Bahnschrift",monospace);color:var(--sub);text-align:right;font-variant-numeric:tabular-nums;}
.fcc-bpct{font:800 11px/1 var(--num,"Bahnschrift",monospace);color:var(--faint);text-align:right;}

/* 三档 */
.fcc-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px;}
.fcc-preset{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--r-sm);padding:16px 18px;box-shadow:var(--shadow-sm);}
.fcc-preset header b{font-size:13px;font-weight:800;color:var(--blue-d);}
.fcc-preset dl{margin:10px 0;display:grid;gap:5px;}
.fcc-preset dl div{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px dashed var(--line2);}
.fcc-preset dt{font-size:11px;color:var(--faint);font-weight:700;}
.fcc-preset dd{margin:0;font:800 12.5px/1 var(--num,"Bahnschrift",monospace);color:var(--ink);}
.fcc-preset p{margin:8px 0 0;font-size:11.5px;line-height:1.75;color:var(--sub);}

/* 七项 */
.fcc-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px;}
.fcc-item{display:grid;grid-template-columns:34px 1fr;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;box-shadow:var(--shadow-sm);}
.fcc-i-no{font:800 11px/1 var(--num,"Bahnschrift",monospace);color:var(--gold);padding-top:3px;}
.fcc-item b{font-size:12.5px;font-weight:800;color:var(--ink);}
.fcc-item p{margin:4px 0 0;font-size:11.5px;line-height:1.75;color:var(--sub);}

.fcc-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.fcc-list li{position:relative;padding:11px 16px 11px 32px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.78;color:var(--sub);box-shadow:var(--shadow-sm);}
.fcc-list li::before{content:"";position:absolute;left:14px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--gold);}

.fcc-scroll{overflow-x:auto;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);}
.fcc-table{width:100%;min-width:520px;border-collapse:collapse;background:var(--card);border:1px solid var(--line);}
.fcc-table th,.fcc-table td{padding:12px 16px;font-size:12px;line-height:1.75;text-align:left;border-bottom:1px solid var(--line2);}
.fcc-table thead th{font-size:10.5px;font-weight:800;color:var(--blue-d);background:var(--card2);letter-spacing:.04em;}
.fcc-table tbody tr:last-child td{border-bottom:0;}
.fcc-table tbody tr:hover td{background:var(--card2);}
.fcc-strong{font-weight:800;color:var(--ink);white-space:nowrap;}

@media (max-width:960px){
  .fcc-hero{grid-template-columns:1fr;gap:22px;}
  .fcc-brow{grid-template-columns:84px 1fr 62px;}
  .fcc-brow .fcc-bpct{display:none;}
}