:root{--bg:#191919;--bg2:#0f0f0f;--surf:#1d1d1d;--surf2:#212121;--surf3:#2a2a2a;
--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.06);
--ink:#fff;--body:#c9c9c9;--mut:#8a8a8a;--dim:#6f6f6f;
--acc:#E68200;--acc2:#ff9d24;--accs:rgba(230,130,0,.09);--acci:#1a1205;--maxw:1120px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--body);
font-family:"Noto Sans TC","Noto Sans JP","Noto Sans KR","Poppins","Helvetica Neue",Arial,"PingFang TC","Microsoft JhengHei",sans-serif;
font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--acc2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

.mthead{background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.mthead .wrap{display:flex;align-items:center;gap:22px;height:60px}
.mtlogo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.mtlogo b{width:28px;height:28px;border-radius:4px;background:var(--acc);color:var(--acci);
display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.mtlogo span{display:block;color:#fff;font-size:14px;letter-spacing:.13em;line-height:1.1;font-weight:600}
.mtlogo small{display:block;color:#7a7a7a;font-size:7.5px;letter-spacing:.24em}
.secnav{flex:1;display:flex;gap:18px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.secnav::-webkit-scrollbar{display:none}
.secnav a{color:#9a9a9a;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
padding:20px 0;position:relative;text-decoration:none}
.secnav a:hover{color:#fff;text-decoration:none}
.secnav a[aria-current]{color:#fff}
.secnav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acc)}
.secnav .sn-p{margin-left:auto;color:var(--dim);text-transform:none;letter-spacing:0;font-size:11px}

nav.crumb{padding:22px 0 0}
nav.crumb,body>nav{max-width:var(--maxw);margin:0 auto;padding:22px 28px 0;
color:var(--dim);font-size:11.5px;letter-spacing:.03em}
body>nav a{color:var(--mut);text-decoration:none}body>nav a:hover{color:var(--acc2)}

h1{color:#fff;font-size:33px;font-weight:600;letter-spacing:-.01em;line-height:1.2;
max-width:var(--maxw);margin:14px auto 16px;padding:0 28px}
h2{color:#fff;font-size:19px;font-weight:600;max-width:var(--maxw);margin:44px auto 14px;
padding:0 28px 10px;border-bottom:1px solid var(--line)}
h3{color:#fff;font-size:15.5px;font-weight:600;max-width:var(--maxw);margin:26px auto 8px;padding:0 28px}
p,ul,ol,table,.capsule,.gap,.warn,.note,.source,footer,.grid{max-width:var(--maxw);margin-left:auto;margin-right:auto}
p{padding:0 28px}
ul,ol{padding-left:52px;padding-right:28px}
li{margin:5px 0}

.capsule{background:var(--surf2);border-left:3px solid var(--acc);padding:16px 24px;margin:22px auto;color:#d9d9d9}
.capsule p{padding:0;margin:0}
.gap{background:var(--accs);border-left:3px solid var(--acc);padding:15px 24px;margin:20px auto;font-size:14px}
.warn{background:rgba(200,60,50,.09);border-left:3px solid #c0392b;padding:15px 24px;margin:20px auto;font-size:14px}
.note{margin:26px auto;padding:0 28px}
.source{font-size:11.5px;color:var(--dim);padding:0 28px;margin-top:4px}

table{width:calc(100% - 56px);border-collapse:collapse;margin:18px auto;font-size:13.5px;
border:1px solid var(--line)}
th,td{border-bottom:1px solid var(--line2);padding:11px 15px;text-align:left;vertical-align:top}
th{background:var(--surf3);color:#fff;font-weight:600;font-size:12px;letter-spacing:.04em}
td{color:#b8b8b8}
tr:last-child td{border-bottom:none}
tbody tr:hover td{background:rgba(255,255,255,.025)}
table a{color:var(--acc2)}

.cta{display:inline-block;background:var(--acc);color:var(--acci)!important;padding:13px 26px;
border-radius:3px;text-decoration:none;font-weight:600;font-size:14px;margin:8px 0}
.cta:hover{background:var(--acc2);text-decoration:none}

ul.grid,ul.cols{list-style:none;padding:0 28px;display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--line);
border:1px solid var(--line);margin:18px auto;width:calc(100% - 56px)}
ul.grid li,ul.cols li{background:var(--surf);padding:13px 17px;margin:0}
ul.grid li a,ul.cols li a{color:#e4e4e4;font-size:13.5px}
ul.grid li:hover,ul.cols li:hover{background:var(--surf3)}

footer{margin-top:56px;border-top:1px solid var(--line);background:var(--bg2);
padding:20px 28px;font-size:11.5px;color:var(--dim);
max-width:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer>*{max-width:var(--maxw)}
@media(max-width:820px){h1{font-size:26px}.mthead .wrap{gap:14px}.secnav{gap:14px}
.wrap,body>nav,h1,h2,h3,p,.note,.source{padding-left:18px;padding-right:18px}
table,ul.grid,ul.cols{width:calc(100% - 36px)}ul,ol{padding-left:40px}}
.phero{max-width:var(--maxw);margin:0 auto 4px;padding:0 28px 30px;display:flex;gap:38px;
align-items:center;border-bottom:1px solid var(--line)}
.phero .pt{flex:1;min-width:0}
.phero h1{padding:0;margin:10px 0 14px;max-width:none}
.phero .capsule{margin:0;max-width:none}
.phero figure{flex:0 0 290px;margin:0;text-align:center}
.phero img{width:100%;height:auto;display:block}
.phero figcaption{color:var(--dim);font-size:11px;letter-spacing:.06em;margin-top:8px;text-transform:uppercase}
.tfig{max-width:var(--maxw);margin:26px auto;padding:0 28px;display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}
.tfig figure{margin:0;background:var(--surf);border:1px solid var(--line);padding:18px;text-align:center}
.tfig img{width:100%;height:auto;display:block}
.tfig figcaption{color:#c9c9c9;font-size:12.5px;margin-top:10px}
@media(max-width:820px){.phero{flex-direction:column;gap:20px;padding:0 18px 24px}
.phero figure{flex:none;width:68%;align-self:center}}
.catgrid{max-width:var(--maxw);margin:22px auto 8px;padding:0 28px;display:grid;
grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.catcard{background:var(--surf);border:1px solid var(--line);display:flex;flex-direction:column;
text-decoration:none;transition:border-color .15s,background .15s}
.catcard:hover{border-color:var(--acc);background:var(--surf2);text-decoration:none}
.catcard img{width:100%;height:auto;display:block;border-bottom:1px solid var(--line)}
.catcard .cb{padding:14px 16px 16px}
.catcard b{display:block;color:#fff;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:7px}
.catcard span{display:block;color:#9a9a9a;font-size:12.5px;line-height:1.65}
.catcard i{display:block;color:var(--acc2);font-size:11px;letter-spacing:.09em;margin-top:11px;font-style:normal}
@media(max-width:820px){.catgrid{padding:0 18px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}