/* 會員中心五頁樣式（A 站）— 全部限縮在 .drex-acct-content .acmc 之內，不影響其他分頁 */
.drex-acct-content .acmc{--dx-accent:#39fff5;--dx-accent-10:rgba(57,255,245,.10);--dx-accent-15:rgba(57,255,245,.15);--card:rgba(255,255,255,.07);--card-hover:rgba(255,255,255,.13);--line:rgba(255,255,255,.18);--line-soft:rgba(255,255,255,.08);--t-1:#fff;--t-2:rgba(255,255,255,.85);--t-3:rgba(255,255,255,.70);--t-4:rgba(255,255,255,.50);--ok:#7ddc8f;--warn:#f5c26b;--bad:#ff7a7a;--dark:#10201f;--font:"Noto Sans TC","Oxanium",sans-serif;--num:"Oxanium","Noto Sans TC",sans-serif;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--t-2)}
.drex-acct-content .acmc .sec-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 16px}
.drex-acct-content .acmc .sec-title.has-side{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.drex-acct-content .acmc .sec-title .side{display:flex;gap:8px;flex-wrap:wrap}
.drex-acct-content .acmc .sec-title.is-inline{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
.drex-acct-content .acmc .sec-title h2{margin:0;font-size:20px;font-weight:700;color:var(--t-1)}
.drex-acct-content .acmc .sec-title small{color:var(--t-4);font-size:13px}
.drex-acct-content .acmc .sec-gap{margin-top:34px}
.drex-acct-content .acmc .muted{color:var(--t-4)}
.drex-acct-content .acmc .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.drex-acct-content .acmc .pill.is-ok{background:rgba(125,220,143,.14);color:var(--ok)}
.drex-acct-content .acmc .pill.is-warn{background:rgba(245,194,107,.14);color:var(--warn)}
.drex-acct-content .acmc .pill.is-bad{background:rgba(255,122,122,.14);color:var(--bad)}
.drex-acct-content .acmc .pill.is-off{background:rgba(255,255,255,.08);color:var(--t-4)}
.drex-acct-content .acmc .pill.is-accent{background:var(--dx-accent-15);color:var(--dx-accent)}
.drex-acct-content .acmc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;transition:.2s;line-height:1.4}
.drex-acct-content .acmc .btn-primary{background:var(--dx-accent);color:var(--dark)}
.drex-acct-content .acmc .btn-primary:hover{background:#8dfff9}
.drex-acct-content .acmc .btn-ghost{background:transparent;color:var(--t-2);border-color:rgba(255,255,255,.28)}
.drex-acct-content .acmc .btn-ghost:hover{border-color:var(--dx-accent);color:var(--dx-accent)}
.drex-acct-content .acmc .btn:disabled{opacity:.45;cursor:default}
.drex-acct-content .acmc .placeholder{padding:40px 20px;text-align:center;color:var(--t-4)}
.drex-acct-content .acmc .placeholder strong{display:block;color:var(--t-2);font-size:16px;margin-bottom:6px}
.drex-acct-content .acmc .credit-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.drex-acct-content .acmc .credit-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.drex-acct-content .acmc .credit-card > *{margin-top:0!important}
.drex-acct-content .acmc .credit-card__label{font-size:13px;color:var(--t-1);margin:0 0 6px}
.drex-acct-content .acmc .credit-big{display:flex;align-items:baseline;gap:8px;font-family:var(--num)}
.drex-acct-content .acmc .credit-big b{font-size:52px;font-weight:700;color:var(--dx-accent);line-height:1}
.drex-acct-content .acmc .credit-big span{font-size:15px;color:var(--t-3)}
.drex-acct-content .acmc .credit-sub{margin:8px 0 0;color:var(--t-3);font-size:13px}
.drex-acct-content .acmc .formula{margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
.drex-acct-content .acmc .f-row{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:6px}
.drex-acct-content .acmc .f-tile{background:rgba(0,0,0,.18);border-radius:10px;padding:10px 12px;text-align:center;line-height:1.2}
.drex-acct-content .acmc .f-tile b{display:block;font-family:var(--num);font-size:26px;font-weight:700;color:var(--t-1)}
.drex-acct-content .acmc .f-tile span{display:block;font-size:12px;color:var(--t-4);margin-top:4px}
.drex-acct-content .acmc .f-tile.is-accent{background:var(--dx-accent-10);border:1px solid rgba(57,255,245,.35)}
.drex-acct-content .acmc .f-tile.is-accent b{color:var(--dx-accent)}
.drex-acct-content .acmc .f-tile.is-accent span{color:var(--t-2)}
.drex-acct-content .acmc .f-op{font-family:var(--num);font-size:22px;font-weight:700;color:var(--t-4);text-align:center}
.drex-acct-content .acmc .f-ex{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:var(--t-4);margin-top:2px}
.drex-acct-content .acmc .f-ex .pill{font-size:11px}
.drex-acct-content .acmc .f-ex b{font-family:var(--num);color:var(--dx-accent)}
.drex-acct-content .acmc .renew-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin:0 0 8px}
.drex-acct-content .acmc .renew-row .lbl{display:flex;flex-wrap:wrap;gap:0 4px}
.drex-acct-content .acmc .renew-row .lbl span{white-space:nowrap}
.drex-acct-content .acmc .renew-row > b{font-family:var(--num);font-size:22px;color:var(--t-1);white-space:nowrap;margin-left:auto}
.drex-acct-content .acmc .bar{height:10px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}
.drex-acct-content .acmc .bar > i{display:block;height:100%;background:linear-gradient(90deg,#1fd8cf,var(--dx-accent));border-radius:999px;width:0;transition:width .9s ease}
.drex-acct-content .acmc .bar-meta{display:flex;justify-content:space-between;margin:8px 0 0;font-size:12px;color:var(--t-4);font-family:var(--num)}
.drex-acct-content .acmc .expire-box{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drex-acct-content .acmc .expire-box div{background:rgba(0,0,0,.18);border-radius:10px;padding:12px 14px;text-align:center}
.drex-acct-content .acmc .expire-box small{display:block;color:var(--t-4);font-size:12px}
.drex-acct-content .acmc .expire-box b{font-family:var(--num);font-size:18px;color:var(--t-1)}
.drex-acct-content .acmc .remind{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--t-4)}
.drex-acct-content .acmc .remind .pill{font-size:11px}
.drex-acct-content .acmc .intl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.drex-acct-content .acmc .intl{padding:22px 14px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-left:1px solid rgba(255,255,255,.1)}
.drex-acct-content .acmc .intl:first-child{border-left:0}
.drex-acct-content .acmc .intl__org{font-family:var(--num);font-weight:700;font-size:12px;letter-spacing:2px;color:var(--dx-accent)}
.drex-acct-content .acmc .intl__val{font-family:var(--num);font-size:38px;font-weight:700;color:var(--t-1);margin:0;line-height:1}
.drex-acct-content .acmc .intl__val small{display:block;font-size:12px;color:var(--t-4);margin:6px 0 0;font-weight:500;letter-spacing:.5px}
.drex-acct-content .acmc .credit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.drex-acct-content .acmc .ccard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 18px}
.drex-acct-content .acmc .ccard > div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.drex-acct-content .acmc .ccard > div:last-child{border-bottom:0}
.drex-acct-content .acmc .ccard small{color:var(--t-4);font-size:13px;flex:0 0 auto}
.drex-acct-content .acmc .ccard b{font-family:var(--num);font-weight:600;color:var(--t-1);text-align:right;font-size:14px}
.drex-acct-content .acmc .ccard .name b{font-family:var(--font);color:var(--dx-accent);font-weight:700}
.drex-acct-content .acmc .ccard .num b{color:var(--dx-accent);font-size:18px}
.drex-acct-content .acmc .cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.drex-acct-content .acmc .cert{background:var(--card);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column}
.drex-acct-content .acmc .cert__dl{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;border-radius:10px;background:var(--dx-accent);color:var(--dark);border:0;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.drex-acct-content .acmc .cert__dl svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.drex-acct-content .acmc .cert__dl:hover{background:#8dfff9}
.drex-acct-content .acmc .cert__dl.is-off{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4);cursor:not-allowed}
.drex-acct-content .acmc .cert__body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px}
.drex-acct-content .acmc .cert__name{font-weight:700;color:var(--t-1);font-size:15px}
.drex-acct-content .acmc .cert__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--t-4);font-family:var(--num)}
.drex-acct-content .acmc .cert__meta b{color:var(--t-3);font-weight:600}
.drex-acct-content .acmc .cert__status{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}
.drex-acct-content .acmc .cert__quota{margin-left:auto;font-size:12px;color:var(--t-4);font-family:var(--num)}
.drex-acct-content .acmc .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#1a2028;border:1px solid rgba(57,255,245,.45);color:var(--t-1);padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:calc(100vw - 32px)}
.drex-acct-content .acmc .toast.is-on{opacity:1;transform:translate(-50%,0)}
.drex-acct-content .acmc .line-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.drex-acct-content .acmc .kv{display:flex;flex-direction:column;justify-content:center;gap:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 22px}
.drex-acct-content .acmc .kv > div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.drex-acct-content .acmc .kv > div:last-child{border-bottom:0}
.drex-acct-content .acmc .kv small{color:var(--t-4);font-size:13px;flex:0 0 auto}
.drex-acct-content .acmc .kv b{font-family:var(--num);font-weight:600;color:var(--t-1);font-size:15px;text-align:right;word-break:break-all}
.drex-acct-content .acmc .kv b.mono{letter-spacing:.5px}
.drex-acct-content .acmc .line-state{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;justify-content:center}
.drex-acct-content .acmc .line-state__ico{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(6,199,85,.15)}
.drex-acct-content .acmc .line-state__ico svg{width:34px;height:34px}
.drex-acct-content .acmc .line-state h3{margin:0;font-size:18px;color:var(--t-1)}
.drex-acct-content .acmc .line-state p{margin:0;color:var(--t-4);font-size:13px}
.drex-acct-content .acmc .line-state.is-bound .line-state__ico{background:rgba(125,220,143,.16)}
.drex-acct-content .acmc .line-state.is-unbound .line-state__ico{background:rgba(255,122,122,.14)}
.drex-acct-content .acmc .line-benefit{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.drex-acct-content .acmc .line-benefit div{background:rgba(0,0,0,.18);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--t-3)}
.drex-acct-content .acmc .line-benefit b{display:block;color:var(--t-1);margin-bottom:2px}
.drex-acct-content .acmc .modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.7)}
.drex-acct-content .acmc .modal.is-on{display:flex}
.drex-acct-content .acmc .modal__wrap{position:relative;width:560px;max-width:94vw}
.drex-acct-content .acmc .modal__box{width:100%;max-height:82vh;overflow:auto;background:#1a2028;border:1px solid rgba(57,255,245,.25);border-radius:14px;padding:24px}
.drex-acct-content .acmc .modal__x{position:absolute;top:8px;right:10px;z-index:2;width:34px;height:34px;border-radius:8px;background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85}
.drex-acct-content .acmc .modal__x:hover{opacity:1}
.drex-acct-content .acmc .modal__x:focus{outline:none}
.drex-acct-content .acmc .modal__x:focus-visible{outline:2px solid var(--dx-accent)}
.drex-acct-content .acmc .modal__box h3{margin:0 0 4px;color:var(--t-1);font-size:20px}
.drex-acct-content .acmc .modal__box > p{margin:0 0 18px;color:var(--t-4);font-size:13px}
.drex-acct-content .acmc .steps{display:flex;flex-direction:column;gap:12px}
.drex-acct-content .acmc .step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}
.drex-acct-content .acmc .step i{width:34px;height:34px;border-radius:10px;background:var(--dx-accent);color:var(--dark);font-family:var(--num);font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:15px}
.drex-acct-content .acmc .step b{display:block;color:var(--t-1);margin-bottom:2px}
.drex-acct-content .acmc .step span{font-size:13px;color:var(--t-3)}
.drex-acct-content .acmc .code-box{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.drex-acct-content .acmc .code{font-family:var(--num);font-size:30px;font-weight:700;letter-spacing:8px;color:var(--dx-accent);background:rgba(57,255,245,.08);border:1px dashed rgba(57,255,245,.45);padding:6px 14px 6px 22px;border-radius:10px}
.drex-acct-content .acmc .code-ttl{font-size:12px;color:var(--t-4);font-family:var(--num)}
.drex-acct-content .acmc .modal__acts{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.drex-acct-content .acmc .qr{width:96px;height:96px;border-radius:10px;background:#fff;padding:6px;flex:0 0 auto}
.drex-acct-content .acmc .learn-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.drex-acct-content .acmc .hex-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 18px 10px;display:flex;flex-direction:column;align-items:center}
.drex-acct-content .acmc .hex-wrap{position:relative;width:100%;max-width:420px;margin:8px 0}
.drex-acct-content .acmc .hex-wrap canvas{width:100%;height:auto;display:block}
.drex-acct-content .acmc .hex-lbl{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.3;transition:background .2s,color .2s,border-color .2s;cursor:default}
.drex-acct-content .acmc .hex-lbl b{font-family:var(--num);color:var(--dx-accent);font-weight:700;font-size:13px}
@media (hover:hover){.drex-acct-content .acmc .hex-lbl:hover{background:var(--dx-accent);border-color:var(--dx-accent);color:var(--dark)}
.drex-acct-content .acmc .hex-lbl:hover b{color:var(--dark)}}
.drex-acct-content .acmc .hex-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:6px;font-size:12px;color:var(--t-4)}
.drex-acct-content .acmc .score-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.drex-acct-content .acmc .score-top{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:flex;align-items:center;gap:22px}
.drex-acct-content .acmc .ring{position:relative;width:118px;height:118px;flex:0 0 auto}
.drex-acct-content .acmc .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.drex-acct-content .acmc .ring circle{fill:none;stroke-width:9}
.drex-acct-content .acmc .ring .bg{stroke:rgba(255,255,255,.1)}
.drex-acct-content .acmc .ring .fg{stroke:var(--dx-accent);stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1s ease}
.drex-acct-content .acmc .ring b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--num);font-size:34px;color:var(--t-1);line-height:1}
.drex-acct-content .acmc .ring b small{font-size:11px;color:var(--t-4);font-weight:500;margin-top:2px}
.drex-acct-content .acmc .score-top h3{margin:0 0 4px;font-size:20px;color:var(--t-1)}
.drex-acct-content .acmc .score-top p{margin:0;color:var(--t-4);font-size:13px}
.drex-acct-content .acmc .stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1}
.drex-acct-content .acmc .stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.drex-acct-content .acmc .stat small{align-self:flex-start}
.drex-acct-content .acmc .stat small{display:inline-block;white-space:nowrap;background:var(--dx-accent);color:var(--dark);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;line-height:1.4}
.drex-acct-content .acmc .stat__row{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-top:10px;flex-wrap:nowrap}
.drex-acct-content .acmc .stat b{font-family:var(--num);font-size:32px;color:var(--t-1);line-height:1.2;white-space:nowrap}
.drex-acct-content .acmc .stat b em{font-style:normal;font-size:12px;color:var(--t-4);margin-left:4px;font-weight:500}
.drex-acct-content .acmc .stat .trend{font-size:13px;font-family:var(--num);font-weight:600;white-space:nowrap}
.drex-acct-content .acmc .trend.up{color:var(--ok)}
.drex-acct-content .acmc .trend.down{color:var(--bad)}
.drex-acct-content .acmc .trend.flat{color:var(--t-4)}
.drex-acct-content .acmc .encourage{margin:0 0 18px;background:linear-gradient(135deg,rgba(57,255,245,.12),rgba(57,255,245,.03));border:1px solid rgba(57,255,245,.3);border-radius:14px;padding:22px 26px;display:flex;flex-direction:column;gap:10px}
.drex-acct-content .acmc .encourage__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.drex-acct-content .acmc .encourage__head h4{flex:1 1 200px;min-width:0}
.drex-acct-content .acmc .encourage__head .pill{margin-left:auto}
.drex-acct-content .acmc .encourage svg{width:30px;height:30px;flex:0 0 auto;stroke:var(--dx-accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.drex-acct-content .acmc .encourage h4{margin:0;font-size:17px;color:var(--t-1)}
.drex-acct-content .acmc .encourage p{margin:0;color:var(--t-2);font-size:14px;line-height:1.9;width:100%}
@media (max-width:768px){.drex-acct-content .acmc .hex-lbl{font-size:10px;padding:3px 7px;gap:4px}
.drex-acct-content .acmc .hex-lbl b{font-size:11px}
.drex-acct-content .acmc .hex-card{padding:16px 10px 6px}}
@media (min-width:1025px){.drex-acct-content .acmc .credit-cards{grid-template-columns:1fr;gap:10px}
.drex-acct-content .acmc .ccard{display:grid;grid-template-columns:2.4fr 1fr 1.3fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:14px 22px}
.drex-acct-content .acmc .ccard > div{flex-direction:column;align-items:center;gap:4px;padding:0;border-bottom:0}
.drex-acct-content .acmc .ccard > div.name{align-items:flex-start}
.drex-acct-content .acmc .ccard small{font-size:11px}
.drex-acct-content .acmc .ccard b{text-align:center}
.drex-acct-content .acmc .ccard .name b{text-align:left;font-size:15px}}
.drex-acct-content .acmc .rec-grid{columns:2;column-gap:14px}
.drex-acct-content .acmc .rec-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;break-inside:avoid;margin-bottom:14px;min-width:0}
.drex-acct-content .acmc .rec-card:last-child{margin-bottom:0}
.drex-acct-content .acmc .rec-card__head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.drex-acct-content .acmc .rec-card__head b{font-size:15px;color:var(--t-1)}
.drex-acct-content .acmc .rec-card__batch{font-size:12px;color:var(--t-4);font-family:var(--num)}
.drex-acct-content .acmc .att{display:flex;flex-direction:column;background:rgba(0,0,0,.18);border-radius:10px;padding:4px 14px;margin-top:4px;min-width:0;overflow-x:auto}
.drex-acct-content .acmc .att__row{display:grid;grid-template-columns:56px 104px 1fr 1fr;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.07)}
.drex-acct-content .acmc .att__row:first-child{border-top:0}
.drex-acct-content .acmc .att__head{font-size:11px;color:var(--t-4);letter-spacing:.5px}
.drex-acct-content .acmc .att__day{font-family:var(--num);font-weight:700;color:var(--t-2);font-size:12px}
.drex-acct-content .acmc .att__date{font-family:var(--num);color:var(--t-3);font-size:13px;white-space:nowrap}
.drex-acct-content .acmc .chk{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-family:var(--num);font-weight:600;white-space:nowrap;width:max-content}
.drex-acct-content .acmc .chk::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.drex-acct-content .acmc .chk.is-on{background:rgba(125,220,143,.14);color:var(--ok)}
.drex-acct-content .acmc .chk.is-off{background:rgba(255,122,122,.14);color:var(--bad)}
.drex-acct-content .acmc .quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.drex-acct-content .acmc .quiz-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.drex-acct-content .acmc .quiz-card.is-locked{opacity:.75}
.drex-acct-content .acmc .quiz-card__head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.drex-acct-content .acmc .quiz-card__head b{font-size:15px;color:var(--t-1)}
.drex-acct-content .acmc .quiz-scores{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(0,0,0,.18);border-radius:10px;overflow:hidden}
.drex-acct-content .acmc .quiz-scores > div{padding:10px 6px;text-align:center;border-left:1px solid rgba(255,255,255,.08)}
.drex-acct-content .acmc .quiz-scores > div:first-child{border-left:0}
.drex-acct-content .acmc .quiz-scores small{display:block;font-size:11px;color:var(--t-4)}
.drex-acct-content .acmc .quiz-scores b{font-family:var(--num);font-size:24px;color:var(--t-1);line-height:1.2}
.drex-acct-content .acmc .quiz-scores > div:first-child b{color:var(--dx-accent)}
.drex-acct-content .acmc .quiz-bars{display:flex;flex-direction:column;gap:8px}
.drex-acct-content .acmc .qb{display:grid;grid-template-columns:100px 1fr 44px;align-items:center;gap:10px;font-size:12px}
.drex-acct-content .acmc .qb span{color:var(--t-3);white-space:nowrap}
.drex-acct-content .acmc .qb i{display:block;height:8px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}
.drex-acct-content .acmc .qb i b{display:block;height:100%;background:var(--dx-accent);border-radius:999px}
.drex-acct-content .acmc .qb i b.is-low{background:var(--warn)}
.drex-acct-content .acmc .qb em{font-style:normal;font-family:var(--num);font-weight:700;color:var(--t-1);text-align:right}
.drex-acct-content .acmc .quiz-cond{display:flex;flex-wrap:wrap;gap:6px}
.drex-acct-content .acmc .quiz-note{margin:0;font-size:13px;color:var(--t-4)}
@media (max-width:1024px){.drex-acct-content .acmc .credit-hero,.drex-acct-content .acmc .line-wrap,.drex-acct-content .acmc .learn-wrap{grid-template-columns:1fr}
.drex-acct-content .acmc .intl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.drex-acct-content .acmc .intl:nth-child(3){border-left:0}
.drex-acct-content .acmc .intl:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
.drex-acct-content .acmc .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.drex-acct-content .acmc .credit-big b{font-size:42px}
.drex-acct-content .acmc .line-benefit,.drex-acct-content .acmc .stat-row{grid-template-columns:1fr}
.drex-acct-content .acmc .score-top{flex-direction:column;text-align:center}
.drex-acct-content .acmc .encourage__head .pill{flex-basis:100%;margin-left:42px;align-self:flex-start;width:max-content}
.drex-acct-content .acmc .cert-grid{grid-template-columns:1fr}
.drex-acct-content .acmc .credit-cards{grid-template-columns:1fr}
.drex-acct-content .acmc .rec-grid{columns:1}
.drex-acct-content .acmc .rec-card{padding:14px 14px}
.drex-acct-content .acmc .att{padding:2px 8px}
.drex-acct-content .acmc .att__row{grid-template-columns:84px 1fr 1fr;gap:6px}
.drex-acct-content .acmc .att__day{display:none}
.drex-acct-content .acmc .att__date{font-size:11px}
.drex-acct-content .acmc .chk{padding:3px 7px;font-size:11px;gap:4px}
.drex-acct-content .acmc .qb{grid-template-columns:86px 1fr 40px}
.drex-acct-content .acmc .quiz-scores b{font-size:20px}
.drex-acct-content .acmc .sec-title.has-side .side{flex-basis:100%}
.drex-acct-content .acmc .ccard .name{flex-direction:column;align-items:flex-start;gap:2px}
.drex-acct-content .acmc .ccard .name b{text-align:left}
.drex-acct-content .acmc .kv > div{flex-direction:column;align-items:flex-start;gap:4px}
.drex-acct-content .acmc .kv b{text-align:left}}
@media (max-width:480px){.drex-acct-content .acmc .intl{padding:18px 10px 16px}
.drex-acct-content .acmc .intl__val{font-size:32px}
.drex-acct-content .acmc .expire-box{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.drex-acct-content .acmc *{transition:none!important;animation:none!important}}
/* 面板內通用：壓過短碼 .drex-acct-content 的 a / b / h3 通則 */
.drex-acct-content .acmc h2,.drex-acct-content .acmc h3,.drex-acct-content .acmc h4{text-wrap:balance}
.drex-acct-content .acmc p{text-wrap:pretty}
.drex-acct-content .acmc .sec-title small{font-size:13px}
.drex-acct-content .acmc .btn.btn-sm{padding:6px 12px;font-size:13px}
.drex-acct-content .acmc .btn.btn-primary{background:var(--dx-accent) !important;color:var(--dark) !important;border-color:transparent !important;min-height:0}
.drex-acct-content .acmc .btn.btn-primary:hover{background:#8dfff9 !important;color:var(--dark) !important;transform:none;box-shadow:none !important}
.drex-acct-content .acmc .btn.btn-ghost{background:transparent !important;color:var(--t-2) !important;border:1px solid rgba(255,255,255,.28) !important;min-height:0}
.drex-acct-content .acmc .btn.btn-ghost:hover{border-color:var(--dx-accent) !important;color:var(--dx-accent) !important;background:transparent !important;transform:none;box-shadow:none !important}
.drex-acct-content .acmc .modal__x{background:transparent !important;border:0 !important;color:#fff !important;min-height:0;padding:0 !important;box-shadow:none !important}
.drex-acct-content .acmc .modal__x:hover{background:transparent !important;transform:none}
.drex-acct-content .acmc a.cert__dl{color:var(--dark)}
.drex-acct-content .acmc a.cert__dl.is-off{pointer-events:none}
.drex-acct-content .acmc .cert__meta span{white-space:nowrap}
.drex-acct-content .acmc .line-state > div:last-child{margin-top:4px}
.drex-acct-content .acmc .kv b{overflow-wrap:anywhere}
.drex-acct-content .acmc .academy-cp__heading.sec-gap{margin-top:34px !important} /* A 站既有 .academy-cp__heading 規則有 !important，區段間距需同權重 */
.drex-acct-content .acmc .acmc-hex{width:100%;height:auto;display:block}
.drex-acct-content .acmc .acmc-hex-labels .hex-lbl{position:absolute}
/* 選單 NEW 角標（只作用在 .drex-acct-menu 內的新分頁） */
.drex-acct-menu .drex-acct-item{position:relative}
.drex-acct-menu .drex-acct-item svg.is-new{position:absolute;top:7px;left:7px;width:36px;height:15px;stroke:none;fill:none;opacity:.95;transition:none;transform:none !important}
.drex-acct-menu .drex-acct-item svg.is-new rect{fill:var(--dx-accent,#39fff5)}
.drex-acct-menu .drex-acct-item svg.is-new text{fill:#10201f}
@media (max-width:768px){.drex-acct-menu .drex-acct-item svg.is-new{top:6px;left:6px;width:40px;height:16px}}

/* 2026-10-02 選單排列比照 Demo：電腦版固定一排 6 顆（12 顆剛好兩排），文字不折行；手機版維持短碼原本的一排 3 顆 */
@media (min-width:769px){.drex-acct .drex-acct-menu{grid-template-columns:repeat(6,minmax(0,1fr))}.drex-acct .drex-acct-menu .drex-acct-item span{white-space:nowrap}}

/* 2026-10-02 用戶指示：LINE 圖示字母看不到（短碼 svg 通則加了 stroke 把鏤空字糊掉）→ 只對 LINE 圖示取消描邊 */
.drex-acct-menu .drex-acct-item svg.is-line{stroke:none;fill:currentColor}
/* 2026-10-02 用戶指示：A 站 body 字重 300 太細 → 五頁內一般文字一律 400、小標題一律粗體；灰階文字提亮 */
.drex-acct-content .acmc{font-weight:400;--t-3:rgba(255,255,255,.80);--t-4:rgba(255,255,255,.66)}
.drex-acct-content .acmc .credit-card__label,.drex-acct-content .acmc .ccard small,.drex-acct-content .acmc .kv small,.drex-acct-content .acmc .cert__meta,.drex-acct-content .acmc .cert__meta b,.drex-acct-content .acmc .cert__quota,.drex-acct-content .acmc .quiz-scores small,.drex-acct-content .acmc .att__head,.drex-acct-content .acmc .att__head span,.drex-acct-content .acmc .rec-card__batch,.drex-acct-content .acmc .f-tile span,.drex-acct-content .acmc .intl__val small,.drex-acct-content .acmc .bar-meta,.drex-acct-content .acmc .remind,.drex-acct-content .acmc .renew-row .lbl,.drex-acct-content .acmc .expire-box small,.drex-acct-content .acmc .code-ttl,.drex-acct-content .acmc .sec-title small,.drex-acct-content .acmc .hex-legend,.drex-acct-content .acmc .stat b em,.drex-acct-content .acmc .academy-cp-card__meta{font-weight:700}
.drex-acct-content .acmc .credit-card__label{font-size:14px;color:var(--t-1)}
.drex-acct-content .acmc .credit-sub,.drex-acct-content .acmc .line-state p,.drex-acct-content .acmc .line-benefit div,.drex-acct-content .acmc .quiz-note,.drex-acct-content .acmc .score-top p,.drex-acct-content .acmc .encourage p,.drex-acct-content .acmc .step span,.drex-acct-content .acmc .modal__box > p,.drex-acct-content .acmc .placeholder{font-weight:400;color:var(--t-2)}
.drex-acct-content .acmc .line-benefit b,.drex-acct-content .acmc .step b,.drex-acct-content .acmc .placeholder strong{font-weight:700}

/* ===== 2026-10-02 測驗成績改版（依用戶 Demo）：一門課一張卡 ===== */
.drex-acct-content .acmc .qz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.drex-acct-content .acmc .qz{background:#454d5c;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px 22px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;min-width:0}
.drex-acct-content .acmc .qz__course{font-family:var(--num);font-size:30px;font-weight:700;color:var(--t-1);letter-spacing:.12em;line-height:1.15}
.drex-acct-content .acmc .qz__kind{margin-top:6px;font-size:15px;font-weight:700;color:var(--t-1);letter-spacing:.14em}
.drex-acct-content .acmc .qz__state{margin-top:14px;font-size:20px;font-weight:700;letter-spacing:.12em;line-height:1.3}
.drex-acct-content .acmc .qz__state.is-ok{color:var(--dx-accent)}
.drex-acct-content .acmc .qz__state.is-warn{color:var(--warn)}
.drex-acct-content .acmc .qz__state.is-off{color:var(--t-4)}
.drex-acct-content .acmc .qz__panel{margin-top:16px;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;background:#3b5861;border-radius:120px 26px 26px 120px;padding:0 10px 0 0;gap:6px;container-type:inline-size}
.drex-acct-content .acmc .qz__circle{width:140px;height:140px;border-radius:50%;background:#10272b;box-shadow:0 8px 20px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}
.drex-acct-content .acmc .qz__circle small{font-size:14px;font-weight:700;color:var(--t-1);letter-spacing:.14em}
.drex-acct-content .acmc .qz__circle b{font-family:var(--num);font-size:52px;font-weight:700;color:var(--dx-accent);margin:4px 0 2px;line-height:1}
.drex-acct-content .acmc .qz__circle span{font-size:16px;font-weight:700;color:var(--dx-accent);letter-spacing:.1em}
.drex-acct-content .acmc .qz__circle.is-idle b,.drex-acct-content .acmc .qz__circle.is-idle span{color:var(--t-4)}
.drex-acct-content .acmc .qz__req{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:12px 0}
.drex-acct-content .acmc .qz__req small{font-size:15px;font-weight:700;color:var(--t-1);letter-spacing:.14em}
.drex-acct-content .acmc .qz__req b{font-family:var(--num);font-size:32px;font-weight:700;color:var(--t-1);line-height:1.1}
.drex-acct-content .acmc .qz__req b i{font-style:normal;color:var(--dx-accent)}
.drex-acct-content .acmc .cert-pill{position:relative;display:inline-flex;align-items:center;margin-top:10px;max-width:100%;height:30px;padding-left:18px}
.drex-acct-content .acmc .cert-pill__ico{position:absolute;left:0;top:0;width:25px;height:30px;fill:#fff;z-index:1;stroke:none}
.drex-acct-content .acmc .cert-pill__txt{height:22px;display:flex;align-items:center;padding:0 9px 0 12px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;font-weight:700;color:var(--t-1);letter-spacing:.14em;white-space:nowrap;line-height:1}
.drex-acct-content .acmc .cert-pill.is-off{opacity:.5}
.drex-acct-content .acmc .qz__recent{margin-top:16px;width:100%;border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700;color:var(--t-1);letter-spacing:.12em;font-family:var(--num);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drex-acct-content .acmc .qz__recent.is-off{border-color:rgba(255,255,255,.3);color:var(--t-4)}
.drex-acct-content .acmc button.qz__btn{margin-top:14px;width:100%;padding:12px 16px !important;border-radius:14px !important;font-size:17px !important;letter-spacing:.14em;min-height:0;transform:none}
.drex-acct-content .acmc button.qz__btn.is-off,.drex-acct-content .acmc button.qz__btn:disabled{opacity:.45;cursor:default}
.drex-acct-content .acmc .qz__note{margin:14px 0 0;font-size:13.5px;color:var(--t-3);text-wrap:pretty}
@container (max-width:280px){
  .drex-acct-content .acmc .qz__circle{width:118px;height:118px}
  .drex-acct-content .acmc .qz__circle b{font-size:40px}
  .drex-acct-content .acmc .qz__req b{font-size:26px}
  .drex-acct-content .acmc .qz__req small{font-size:13px}
}
/* 答題紀錄彈窗 */
.drex-acct-content .acmc .modal__wrap.is-wide{width:720px}
.drex-acct-content .acmc .modal__box h3{padding-right:36px}
.drex-acct-content .acmc .modal__note{margin:14px 0 0;font-size:12.5px;color:var(--t-4);font-weight:500}
.drex-acct-content .acmc .at{border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:10px;overflow:hidden}
.drex-acct-content .acmc .at__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title right chev" "date right chev" "correct right chev";column-gap:14px;row-gap:3px;align-items:center;padding:12px 16px;cursor:pointer;user-select:none}
.drex-acct-content .acmc .at__row:hover{background:rgba(255,255,255,.04)}
.drex-acct-content .acmc .at__title{grid-area:title;font-weight:700;color:var(--t-1);font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drex-acct-content .acmc .at__date{grid-area:date;font-size:12.5px;color:var(--t-4);font-weight:500;font-family:var(--num);white-space:nowrap}
.drex-acct-content .acmc .at__correct{grid-area:correct;font-size:13px;font-weight:700;color:var(--dx-accent);white-space:nowrap}
.drex-acct-content .acmc .at__correct b{font-family:var(--num);color:var(--dx-accent)}
.drex-acct-content .acmc .at__right{grid-area:right;display:flex;align-items:center;gap:10px;justify-self:end;white-space:nowrap}
.drex-acct-content .acmc .at__score{font-family:var(--num);font-weight:700;color:var(--t-1);font-size:18px;white-space:nowrap}
.drex-acct-content .acmc .at__score i{font-style:normal;font-size:12px;color:var(--t-4);margin-left:3px;font-weight:500}
.drex-acct-content .acmc .at__chev{grid-area:chev;width:18px;height:18px;stroke:var(--t-4);fill:none;stroke-width:2;transition:transform .2s;justify-self:end;align-self:center}
.drex-acct-content .acmc .at.is-open .at__chev{transform:rotate(180deg)}
.drex-acct-content .acmc .at__body{display:none;padding:4px 16px 16px;border-top:1px solid var(--line-soft)}
.drex-acct-content .acmc .at.is-open .at__body{display:block}
.drex-acct-content .acmc .at__sum{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:10px 0 12px;font-size:13px;color:var(--t-3);font-weight:500}
.drex-acct-content .acmc .at__sum b{color:var(--t-1);font-family:var(--num);font-weight:700}
.drex-acct-content .acmc .at__loading,.drex-acct-content .acmc .at__none{font-size:13px;color:var(--t-4);margin:0;padding:4px 0}
.drex-acct-content .acmc .qgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.drex-acct-content .acmc .q{display:flex;align-items:center;justify-content:center;height:36px;border-radius:8px;font-family:var(--num);font-weight:700;font-size:12.5px;line-height:1;border:1px solid transparent;white-space:nowrap;letter-spacing:.2px}
.drex-acct-content .acmc .q.ok{background:rgba(125,220,143,.14);color:var(--ok);border-color:rgba(125,220,143,.25)}
.drex-acct-content .acmc .q.ng{background:rgba(255,122,122,.14);color:var(--bad);border-color:rgba(255,122,122,.25)}
.drex-acct-content .acmc .legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font-size:12.5px;color:var(--t-4);font-weight:500}
.drex-acct-content .acmc .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.drex-acct-content .acmc .legend .ok{background:var(--ok)} .drex-acct-content .acmc .legend .ng{background:var(--bad)}
@media (max-width:560px){
  .drex-acct-content .acmc .qz{padding:22px 16px 18px}
  .drex-acct-content .acmc .qz__circle{width:128px;height:128px}
  .drex-acct-content .acmc .qz__circle b{font-size:44px}
  .drex-acct-content .acmc .qz__req b{font-size:30px}
  .drex-acct-content .acmc .modal{padding:10px;align-items:flex-end}
  .drex-acct-content .acmc .modal__wrap.is-wide{max-width:100%}
  .drex-acct-content .acmc .modal__box{max-height:88vh;padding:20px 14px}
  .drex-acct-content .acmc .at__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chev" "date date" "correct right";padding:12px 14px;row-gap:4px}
  .drex-acct-content .acmc .qgrid{gap:4px}
  .drex-acct-content .acmc .q{height:32px;font-size:11px;border-radius:7px}
}

/* 2026-10-02 用戶指示：文字大小對照用戶提供的設計圖（以卡片寬度等比，cqw 是內容盒寬度所以已 ×1.14：量自設計圖，卡寬 950 → 標題 8.4%、副標 5.8%、狀態 5.8%、你的分數 4.2%、大數字 15.8%、分 5%、必修單元 5.3%、2/94 9.5%、膠囊 3.4%、最近測驗 4.4%、按鈕 5.9%、圓形直徑 46%） */
.drex-acct-content .acmc .qz{container-type:inline-size}
.drex-acct-content .acmc .qz__panel{container-type:normal}
.drex-acct-content .acmc .qz__course{font-size:clamp(22px,9.6cqw,36px)}
.drex-acct-content .acmc .qz__kind{font-size:clamp(14px,6.6cqw,24px);margin-top:4px}
.drex-acct-content .acmc .qz__state{font-size:clamp(16px,6.6cqw,24px);margin-top:12px}
.drex-acct-content .acmc .qz__circle{width:52.4cqw;height:52.4cqw;max-width:176px;max-height:176px;min-width:110px;min-height:110px}
.drex-acct-content .acmc .qz__circle small{font-size:clamp(11px,4.8cqw,17px)}
.drex-acct-content .acmc .qz__circle b{font-size:clamp(36px,18cqw,64px);margin:3px 0 1px}
.drex-acct-content .acmc .qz__circle span{font-size:clamp(13px,5.7cqw,20px)}
.drex-acct-content .acmc .qz__req small{font-size:clamp(13px,6cqw,22px)}
.drex-acct-content .acmc .qz__req b{font-size:clamp(24px,10.8cqw,38px)}
.drex-acct-content .acmc .cert-pill{height:clamp(26px,10.3cqw,36px);padding-left:clamp(16px,6.3cqw,22px)}
.drex-acct-content .acmc .cert-pill__ico{width:clamp(22px,8.5cqw,30px);height:clamp(26px,10.3cqw,36px)}
.drex-acct-content .acmc .cert-pill__txt{height:clamp(20px,7.8cqw,27px);font-size:clamp(10.5px,3.9cqw,14px)}
.drex-acct-content .acmc .qz__recent{font-size:clamp(12px,5cqw,18px);padding:clamp(7px,3cqw,11px) 12px}
.drex-acct-content .acmc button.qz__btn{font-size:clamp(15px,6.7cqw,24px) !important;padding:clamp(10px,4.1cqw,15px) 16px !important}
@media (max-width:560px){
  .drex-acct-content .acmc .qz__circle{width:52.4cqw;height:52.4cqw}
  .drex-acct-content .acmc .qz__circle b{font-size:clamp(36px,18cqw,64px)}
  .drex-acct-content .acmc .qz__req b{font-size:clamp(24px,10.8cqw,38px)}
}

/* 2026-10-02 用戶指示：圓形內「你的分數／數字／分」三行分開、右欄三項間距固定 */
.drex-acct-content .acmc .qz__circle{gap:clamp(6px,2.6cqw,12px)}
.drex-acct-content .acmc .qz__circle b{margin:0}
.drex-acct-content .acmc .qz__req{gap:clamp(8px,3.2cqw,16px);padding:10px 0}
.drex-acct-content .acmc .qz__req .cert-pill{margin-top:0}

/* ===== 彈窗／提示搬到 <body> 之後的樣式（與 .acmc 內同一套，前綴改 .acmc-modal／.acmc-toast，不影響其他元件） ===== */
.acmc-modal,.acmc-toast{--dx-accent:#39fff5;--dx-accent-10:rgba(57,255,245,.10);--dx-accent-15:rgba(57,255,245,.15);--card:rgba(255,255,255,.07);--card-hover:rgba(255,255,255,.13);--line:rgba(255,255,255,.18);--line-soft:rgba(255,255,255,.08);--t-1:#fff;--t-2:rgba(255,255,255,.85);--t-3:rgba(255,255,255,.80);--t-4:rgba(255,255,255,.66);--ok:#7ddc8f;--warn:#f5c26b;--bad:#ff7a7a;--dark:#10201f;--font:"Noto Sans TC","Oxanium",sans-serif;--num:"Oxanium","Noto Sans TC",sans-serif;font-family:var(--font);font-size:14px;line-height:1.6;font-weight:400;color:var(--t-2);box-sizing:border-box}
.acmc-modal *,.acmc-toast *{box-sizing:border-box}
.acmc-modal .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.acmc-modal .pill.is-ok{background:rgba(125,220,143,.14);color:var(--ok)}
.acmc-modal .pill.is-warn{background:rgba(245,194,107,.14);color:var(--warn)}
.acmc-modal .pill.is-bad{background:rgba(255,122,122,.14);color:var(--bad)}
.acmc-modal .pill.is-off{background:rgba(255,255,255,.08);color:var(--t-4)}
.acmc-modal .pill.is-accent{background:var(--dx-accent-15);color:var(--dx-accent)}
.acmc-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;transition:.2s;line-height:1.4}
.acmc-modal .btn-primary{background:var(--dx-accent);color:var(--dark)}
.acmc-modal .btn-primary:hover{background:#8dfff9}
.acmc-modal .btn-ghost{background:transparent;color:var(--t-2);border-color:rgba(255,255,255,.28)}
.acmc-modal .btn-ghost:hover{border-color:var(--dx-accent);color:var(--dx-accent)}
.acmc-modal .btn:disabled{opacity:.45;cursor:default}
.acmc-modal .f-ex .pill{font-size:11px}
.acmc-modal .remind .pill{font-size:11px}
.acmc-toast {position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#1a2028;border:1px solid rgba(57,255,245,.45);color:var(--t-1);padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:calc(100vw - 32px)}
.acmc-toast .toast.is-on{opacity:1;transform:translate(-50%,0)}
.acmc-modal .modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.7)}
.acmc-modal .modal.is-on{display:flex}
.acmc-modal .modal__wrap{position:relative;width:560px;max-width:94vw}
.acmc-modal .modal__box{width:100%;max-height:82vh;overflow:auto;background:#1a2028;border:1px solid rgba(57,255,245,.25);border-radius:14px;padding:24px}
.acmc-modal .modal__x{position:absolute;top:8px;right:10px;z-index:2;width:34px;height:34px;border-radius:8px;background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85}
.acmc-modal .modal__x:hover{opacity:1}
.acmc-modal .modal__x:focus{outline:none}
.acmc-modal .modal__x:focus-visible{outline:2px solid var(--dx-accent)}
.acmc-modal .modal__box h3{margin:0 0 4px;color:var(--t-1);font-size:20px}
.acmc-modal .modal__box > p{margin:0 0 18px;color:var(--t-4);font-size:13px}
.acmc-modal .steps{display:flex;flex-direction:column;gap:12px}
.acmc-modal .step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}
.acmc-modal .step i{width:34px;height:34px;border-radius:10px;background:var(--dx-accent);color:var(--dark);font-family:var(--num);font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:15px}
.acmc-modal .step b{display:block;color:var(--t-1);margin-bottom:2px}
.acmc-modal .step span{font-size:13px;color:var(--t-3)}
.acmc-modal .code-box{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.acmc-modal .code{font-family:var(--num);font-size:30px;font-weight:700;letter-spacing:8px;color:var(--dx-accent);background:rgba(57,255,245,.08);border:1px dashed rgba(57,255,245,.45);padding:6px 14px 6px 22px;border-radius:10px}
.acmc-modal .code-ttl{font-size:12px;color:var(--t-4);font-family:var(--num)}
.acmc-modal .modal__acts{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.acmc-modal .encourage__head .pill{margin-left:auto}
.acmc-modal .quiz-note{margin:0;font-size:13px;color:var(--t-4)}
@media (max-width:768px){.acmc-modal .encourage__head .pill{flex-basis:100%;margin-left:42px;align-self:flex-start;width:max-content}}
.acmc-modal .btn.btn-sm{padding:6px 12px;font-size:13px}
.acmc-modal .btn.btn-primary{background:var(--dx-accent) !important;color:var(--dark) !important;border-color:transparent !important;min-height:0}
.acmc-modal .btn.btn-primary:hover{background:#8dfff9 !important;color:var(--dark) !important;transform:none;box-shadow:none !important}
.acmc-modal .btn.btn-ghost{background:transparent !important;color:var(--t-2) !important;border:1px solid rgba(255,255,255,.28) !important;min-height:0}
.acmc-modal .btn.btn-ghost:hover{border-color:var(--dx-accent) !important;color:var(--dx-accent) !important;background:transparent !important;transform:none;box-shadow:none !important}
.acmc-modal .modal__x{background:transparent !important;border:0 !important;color:#fff !important;min-height:0;padding:0 !important;box-shadow:none !important}
.acmc-modal .modal__x:hover{background:transparent !important;transform:none}
.acmc-modal .code-ttl{font-weight:700}
.acmc-modal .quiz-note,.acmc-modal .step span,.acmc-modal .modal__box > p{font-weight:400;color:var(--t-2)}
.acmc-modal .step b{font-weight:700}
.acmc-modal .modal__wrap.is-wide{width:720px}
.acmc-modal .modal__box h3{padding-right:36px}
.acmc-modal .modal__note{margin:14px 0 0;font-size:12.5px;color:var(--t-4);font-weight:500}
.acmc-modal .at{border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:10px;overflow:hidden}
.acmc-modal .at__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title right chev" "date right chev" "correct right chev";column-gap:14px;row-gap:3px;align-items:center;padding:12px 16px;cursor:pointer;user-select:none}
.acmc-modal .at__row:hover{background:rgba(255,255,255,.04)}
.acmc-modal .at__title{grid-area:title;font-weight:700;color:var(--t-1);font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acmc-modal .at__date{grid-area:date;font-size:12.5px;color:var(--t-4);font-weight:500;font-family:var(--num);white-space:nowrap}
.acmc-modal .at__correct{grid-area:correct;font-size:13px;font-weight:700;color:var(--dx-accent);white-space:nowrap}
.acmc-modal .at__correct b{font-family:var(--num);color:var(--dx-accent)}
.acmc-modal .at__right{grid-area:right;display:flex;align-items:center;gap:10px;justify-self:end;white-space:nowrap}
.acmc-modal .at__score{font-family:var(--num);font-weight:700;color:var(--t-1);font-size:18px;white-space:nowrap}
.acmc-modal .at__score i{font-style:normal;font-size:12px;color:var(--t-4);margin-left:3px;font-weight:500}
.acmc-modal .at__chev{grid-area:chev;width:18px;height:18px;stroke:var(--t-4);fill:none;stroke-width:2;transition:transform .2s;justify-self:end;align-self:center}
.acmc-modal .at.is-open .at__chev{transform:rotate(180deg)}
.acmc-modal .at__body{display:none;padding:4px 16px 16px;border-top:1px solid var(--line-soft)}
.acmc-modal .at.is-open .at__body{display:block}
.acmc-modal .at__sum{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:10px 0 12px;font-size:13px;color:var(--t-3);font-weight:500}
.acmc-modal .at__sum b{color:var(--t-1);font-family:var(--num);font-weight:700}
.acmc-modal .at__loading,.acmc-modal .at__none{font-size:13px;color:var(--t-4);margin:0;padding:4px 0}
.acmc-modal .qgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.acmc-modal .q{display:flex;align-items:center;justify-content:center;height:36px;border-radius:8px;font-family:var(--num);font-weight:700;font-size:12.5px;line-height:1;border:1px solid transparent;white-space:nowrap;letter-spacing:.2px}
.acmc-modal .q.ok{background:rgba(125,220,143,.14);color:var(--ok);border-color:rgba(125,220,143,.25)}
.acmc-modal .q.ng{background:rgba(255,122,122,.14);color:var(--bad);border-color:rgba(255,122,122,.25)}
.acmc-modal .legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font-size:12.5px;color:var(--t-4);font-weight:500}
.acmc-modal .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.acmc-modal .legend .ok{background:var(--ok)}
.acmc-modal .legend .ng{background:var(--bad)}
@media (max-width:560px){.acmc-modal .modal{padding:10px;align-items:flex-end}
.acmc-modal .modal__wrap.is-wide{max-width:100%}
.acmc-modal .modal__box{max-height:88vh;padding:20px 14px}
.acmc-modal .at__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chev" "date date" "correct right";padding:12px 14px;row-gap:4px}
.acmc-modal .qgrid{gap:4px}
.acmc-modal .q{height:32px;font-size:11px;border-radius:7px}}
.acmc-modal.modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} /* 搬到 body 之下才能真正置中（會員中心容器有 transform，fixed 會被框住）；背景模糊 */
.acmc-modal.modal.is-on{display:flex}
.acmc-toast.toast{z-index:100001}
.acmc-modal h3{margin:0 0 2px;color:var(--t-1);font-size:19px;font-weight:700;line-height:1.4}
.acmc-modal p{margin:0}
.acmc-modal b,.acmc-modal strong{color:var(--t-1)}
.acmc-modal button{font-family:inherit}
/* 2026-10-02 用戶指示：研習紀錄卡片課程標題用重點色＋放大 */
.drex-acct-content .acmc .rec-card__head b{color:var(--dx-accent);font-size:19px;letter-spacing:.04em}
/* 2026-10-02 用戶指示：五個分頁內所有卡片背景統一 10% 白（不含上方選單按鈕） */
.drex-acct-content .acmc{--card:rgba(255,255,255,.10)}
.drex-acct-content .acmc .qz{background:rgba(255,255,255,.10)}
.drex-acct-content .acmc .academy-cp-card{background:rgba(255,255,255,.10) !important}

/* 2026-10-02 用戶指示：學分與證書頁文字／版面修正 */
.drex-acct-content .acmc .formula-label{margin:14px 0 -8px;font-size:12.5px;font-weight:700;color:var(--t-4);letter-spacing:.08em}
.drex-acct-content .acmc .intl-expired{margin-top:12px;background:rgba(245,194,107,.10);border:1px solid rgba(245,194,107,.35);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.drex-acct-content .acmc .intl-expired p{margin:0;color:var(--t-2);font-size:14px}
.drex-acct-content .acmc .intl-expired a.intl-expired__btn{color:var(--warn) !important;border-color:rgba(245,194,107,.55) !important;background:transparent !important}
.drex-acct-content .acmc .intl-expired a.intl-expired__btn:hover{background:var(--warn) !important;color:var(--dark) !important}
.drex-acct-content .acmc .cert-note{margin:-6px 0 14px;font-size:13px;color:var(--t-3);font-weight:500}
.drex-acct-content .acmc .cert__name{color:var(--dx-accent);font-size:16px}
.drex-acct-content .acmc .cert__meta{flex-direction:column;gap:4px}
.drex-acct-content .acmc .cert__status{justify-content:center}
.drex-acct-content .acmc .cert__quota{margin:2px 0 0;text-align:center;font-size:12.5px;color:var(--t-3);font-weight:700;font-family:var(--num)}
/* 2026-10-02 用戶指示：證書卡課名放大、不顯示證書編號 */
.drex-acct-content .acmc .cert__name{font-size:20px;line-height:1.35}
/* 2026-10-02 用戶指示：沒有訂單也沒上過課的課程卡片 40% 透明 */
.drex-acct-content .acmc .qz.is-dim{opacity:.4}
.drex-acct-content .acmc .qz.is-dim.is-idle{opacity:.4}
/* 2026-10-02 用戶指示：五頁內卡片底 15% 黑、邊線 5% 白；六邊形六個文字膠囊底 10% 白 */
.drex-acct-content .acmc{--card:rgba(0,0,0,.15);--line:rgba(255,255,255,.05)}
.drex-acct-content .acmc .qz{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.05)}
.drex-acct-content .acmc .academy-cp-card{background:rgba(0,0,0,.15) !important;border-color:rgba(255,255,255,.05) !important}
.drex-acct-content .acmc .hex-lbl{background:rgba(255,255,255,.10)}
/* 2026-10-02 用戶指示：卡片左上角小標改文字膠囊（重點色 20%）；課程進度卡 20% 重點色底＋陰影；研習紀錄「查看證書」按鈕 */
.drex-acct-content .acmc .credit-card__label,.drex-acct-content .acmc .formula-label,.drex-acct-content .acmc .ccard .name small{display:inline-block;background:rgba(57,255,245,.2);color:var(--dx-accent);padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.5;letter-spacing:.3px;align-self:flex-start}
.drex-acct-content .acmc .formula-label{margin:14px 0 2px}
.drex-acct-content .acmc .ccard .name small{margin-bottom:4px}
.drex-acct-content .acmc .academy-cp-grid{padding:8px 8px 16px;margin:-8px -8px -16px;overflow:visible}
.drex-acct-content .acmc .academy-cp-card{background:rgba(57,255,245,.2) !important;box-shadow:0 10px 24px rgba(0,0,0,.35) !important;border-color:rgba(57,255,245,.25) !important}
.drex-acct-content .acmc .academy-cp-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 0 1px rgba(57,255,245,.4) !important}
.drex-acct-content .acmc .rec-card__act{display:flex;justify-content:center;margin-top:6px}
.drex-acct-content .acmc .rec-card__act a.btn{color:var(--dark) !important;text-decoration:none;min-width:160px}
/* 2026-10-02 用戶指示：證書卡課名置中；三個日期包在深一點的底色區塊裡，與上下元素各隔 12px */
.drex-acct-content .acmc .cert__name{text-align:center}
.drex-acct-content .acmc .cert__meta{background:rgba(0,0,0,.28);border-radius:10px;padding:10px 14px;margin:12px 0;gap:6px}
.drex-acct-content .acmc .cert__meta span{display:flex;justify-content:space-between;gap:10px}
.drex-acct-content .acmc .cert__body{gap:4px}
/* 2026-10-02 用戶指示：小標膠囊改實心重點色＋黑字（比照 NEW 角標） */
.drex-acct-content .acmc .credit-card__label,.drex-acct-content .acmc .formula-label,.drex-acct-content .acmc .ccard .name small{background:var(--dx-accent);color:var(--dark)}
/* 2026-10-02 用戶指示：證書卡日期區塊左右內距一致（原本 flex-wrap 讓列寬超出 10px） */
.drex-acct-content .acmc .cert__meta{flex-wrap:nowrap;box-sizing:border-box;width:100%}
.drex-acct-content .acmc .cert__meta span{width:100%;min-width:0;box-sizing:border-box}
.drex-acct-content .acmc .cert__meta span b{text-align:right;letter-spacing:0}
/* 2026-10-02 用戶指示：課程進度卡改回 10% 白底，hover 15% 白；陰影保留 */
.drex-acct-content .acmc .academy-cp-card{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.05) !important}
.drex-acct-content .acmc .academy-cp-card:hover{background:rgba(255,255,255,.15) !important}
/* 2026-10-02 用戶指示：40% 透明的課程卡不可點、不可選、無 hover；測驗頁底下說明改置中文字膠囊 */
.drex-acct-content .acmc .qz.is-dim{pointer-events:none;user-select:none;-webkit-user-select:none}
.drex-acct-content .acmc .qz.is-dim *{pointer-events:none}
.drex-acct-content .acmc .cert-note--pill{margin:18px 0 0;text-align:center}
.drex-acct-content .acmc .cert-note--pill span{display:inline-block;background:rgba(255,255,255,.10);color:var(--t-2);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:500;line-height:1.6;max-width:100%}
/* 2026-10-02 用戶指示（手機版）：鼓勵區標題最多換一次行、寬度與下方膠囊右邊齊；六邊形膠囊改兩排（中文／數字）不溢出；說明膠囊圓角 4px */
.drex-acct-content .acmc .cert-note--pill span{border-radius:4px}
.drex-acct-content .acmc .encourage__head{flex-wrap:wrap}
.drex-acct-content .acmc .encourage__head h4{flex:1 1 0;min-width:0}
@media (max-width:560px){
  .drex-acct-content .acmc .encourage{padding:18px 16px}
  .drex-acct-content .acmc .encourage__head{gap:10px 12px}
  .drex-acct-content .acmc .encourage__head h4{font-size:16px;flex:1 1 0;min-width:0;line-height:1.5}
  .drex-acct-content .acmc .encourage__head .pill{flex-basis:calc(100% - 42px);margin-left:42px;width:auto;justify-content:center}
  .drex-acct-content .acmc .hex-card{padding:14px 6px 4px}
  .drex-acct-content .acmc .hex-lbl{flex-direction:column;gap:0;padding:3px 8px;line-height:1.25;font-size:11px;border-radius:8px}
  .drex-acct-content .acmc .hex-lbl b{font-size:12px}
}
/* 2026-10-02 用戶指示：手機版每個分頁第一個大標置中；段落文字左右分散對齊、最後一行靠左 */
@media (max-width:560px){
  .drex-acct-content .acmc > .sec-title:first-child{align-items:center;text-align:center;justify-content:center}
  .drex-acct-content .acmc > .sec-title:first-child h2{width:100%;text-align:center}
}
.drex-acct-content .acmc .encourage p,.drex-acct-content .acmc .credit-sub,.drex-acct-content .acmc .line-benefit div,.drex-acct-content .acmc .intl-expired p,.drex-acct-content .acmc .rec-card .quiz-note,.drex-acct-content .acmc .cert-note:not(.cert-note--pill){text-align:justify;text-align-last:left;text-wrap:wrap;text-justify:inter-character}
/* 2026-10-02 用戶指示：測驗成績說明膠囊放標題右側（30% 黑底、圓角 6px）；手機版標題一行、膠囊在下一行 */
.drex-acct-content .acmc .sec-title.has-note{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.drex-acct-content .acmc .sec-title.has-note h2{flex:0 0 auto}
.drex-acct-content .acmc .sec-note{display:inline-block;background:rgba(0,0,0,.3);border-radius:6px;padding:6px 12px;font-size:13px;line-height:1.6;color:var(--t-2);font-weight:500;margin-left:auto;text-align:justify;text-align-last:left}
@media (max-width:560px){
  .drex-acct-content .acmc > .sec-title.has-note:first-child{flex-direction:column;align-items:center}
  .drex-acct-content .acmc .sec-note{margin-left:0;width:100%;text-align:center;text-align-last:center}
}
/* 2026-10-02 用戶指示：學分明細「已核發」改成按鈕，點了捲到底部「我的證書」 */
.drex-acct-content .acmc button.ccard__certbtn{padding:4px 12px !important;font-size:12.5px !important;border-radius:8px !important;min-height:0;line-height:1.5;transform:none}
/* 2026-10-02 用戶指示：課程進度卡「繼續上課」改按鈕；手機版一列一張 */
.drex-acct-content .acmc .academy-cp-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:9px 20px;border-radius:10px;background:var(--dx-accent) !important;color:var(--dark) !important;font-size:14px;font-weight:700;letter-spacing:.5px;transition:background .2s}
.drex-acct-content .acmc .academy-cp-card:hover .academy-cp-card__cta{background:#8dfff9 !important}
@media (max-width:560px){
  .drex-acct-content .acmc .academy-cp-grid{grid-template-columns:1fr !important;gap:12px}
  .drex-acct-content .acmc .academy-cp-card__title{font-size:16px}
  .drex-acct-content .acmc .academy-cp-card__cta{width:100%}
}
/* 2026-10-02 用戶指示：課程進度卡按鈕固定在同一高度（卡片等高、按鈕貼底） */
.drex-acct-content .acmc .academy-cp-grid{align-items:stretch}
.drex-acct-content .acmc .academy-cp-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column}
.drex-acct-content .acmc .academy-cp-card__cta{margin-top:auto}
.drex-acct-content .acmc .academy-cp-card__meta{margin-bottom:8px}
/* 2026-10-02 用戶指示：學分明細按鈕圓角與「進行中」膠囊一致、文字改回「已核發證書」 */
.drex-acct-content .acmc button.ccard__certbtn{border-radius:999px !important;padding:3px 10px !important;font-size:12px !important;font-weight:700 !important}
/* 2026-10-02 用戶指示：測驗卡「證書已核發」改重點色並可點（跳到我的證書） */
.drex-acct-content .acmc a.cert-pill.is-on{text-decoration:none;cursor:pointer}
.drex-acct-content .acmc .cert-pill.is-on .cert-pill__ico{fill:var(--dx-accent)}
.drex-acct-content .acmc .cert-pill.is-on .cert-pill__txt{border-color:var(--dx-accent);color:var(--dx-accent)}
.drex-acct-content .acmc a.cert-pill.is-on:hover .cert-pill__txt{background:var(--dx-accent);color:var(--dark)}