@charset "UTF-8";
:root{--bg:#0b0e14;--bg2:#121826;--panel:#151c2c;--line:#2a3550;--gold:#d4af37;--gold2:#f1d98c;--tx:#dbe2f0;--muted:#9aaac2;--green:#8adbb4;--red:#f59f9f;--blue:#9ccafa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--tx);font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-size:15px;line-height:1.8}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}h1,h2,h3{font-family:"Noto Serif TC","PMingLiU",serif;color:var(--gold2);line-height:1.4}h1{font-size:34px;margin:0 0 12px}h2{font-size:23px}h3{font-size:19px;margin:0 0 8px}p{margin:0 0 15px}ul,ol{padding-left:23px}img{max-width:100%}.wrap{max-width:1160px;margin:auto;padding:0 22px}.skip{position:absolute;top:-100px;padding:12px;background:var(--panel);z-index:100}.skip:focus{top:0}
header{position:sticky;top:0;z-index:20;background:linear-gradient(100deg,#172032,#101621);border-bottom:2px solid var(--gold);box-shadow:0 3px 16px #0006}.head{display:flex;align-items:center;gap:22px;min-height:78px}.brand{flex-shrink:0;display:flex;align-items:center;gap:10px;color:var(--gold2)}.brand:hover{text-decoration:none}.brand svg{width:36px;height:46px}.brand strong{display:block;font-family:"PMingLiU",serif;font-size:25px;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);line-height:1.2}.nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:3px}.nav>details{position:relative}.nav summary{list-style:none;cursor:pointer;padding:14px 8px;white-space:nowrap;font-size:14px}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:"⌄";font-size:12px;margin-left:5px;color:var(--gold)}.nav details[open] summary{color:var(--gold2)}.navmenu{position:absolute;left:0;top:100%;min-width:185px;padding:8px;border:1px solid #6e603d;background:#151c2c;box-shadow:0 12px 25px #0009}.navmenu a{display:block;padding:8px 14px;color:var(--tx);font-size:14px}.navmenu a:hover{background:#26324a;color:var(--gold2)}.headersearch{font-size:20px;padding:9px 8px}.mobilemenu{display:none;background:none;border:1px solid var(--line);color:var(--gold2);padding:6px 12px}.playbar{border-bottom:1px solid #253149;background:#121826}.playbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;padding-bottom:10px}.playbar span{color:var(--muted);font-size:13px}.playbar a{font-size:13px}
.hero{position:relative;isolation:isolate;min-height:450px;border-bottom:1px solid #51452d;background:#080d16;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a1019 6%,#0a1019e8 40%,#0a101950 75%,#0a1019a8);z-index:-1}.heroart{position:absolute;right:0;top:0;height:100%;width:59%;object-fit:cover;object-position:50% 55%;z-index:-2}.hero .wrap{padding-top:80px;padding-bottom:78px}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:4px;text-transform:uppercase}.hero h1{font-size:49px;margin:15px 0 18px;letter-spacing:5px}.hero p{max-width:430px;color:#b6c3d6;font-size:17px}.hero .subline{font-size:13px;color:var(--muted);margin-top:22px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 22px;min-height:46px;color:#111824;background:linear-gradient(#ebd69c,#c69e43);border:1px solid #e8d495;font-weight:700;border-radius:3px}.btn:hover{text-decoration:none;filter:brightness(1.12)}.btn.secondary{background:#101622d9;border-color:#78663d;color:var(--gold2)}.statsbar{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:18px 0}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:24px;line-height:1.3;color:var(--gold2);font-family:Georgia,serif}.stat span{font-size:12px;color:var(--muted)}
main.wrap{padding-top:30px;padding-bottom:60px}.cols{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:22px}.content{min-width:0}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#151c2c,#111826);border-radius:7px;overflow:hidden;margin-bottom:24px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 21px;border-bottom:1px solid var(--line);background:#1b243840}.panelhead h2{margin:0;font-size:21px}.panelhead h2:before{content:"";display:inline-block;width:3px;height:17px;background:var(--gold);margin-right:11px;vertical-align:-1px}.panelhead a{font-size:12px}.panelbody{padding:21px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:13px}.pageintro{margin-bottom:28px}.pageintro p{color:var(--muted);max-width:760px}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:block;min-width:0;padding:19px;background:#111827;border:1px solid var(--line);border-radius:5px}.card:hover{border-color:#92733b;text-decoration:none}.card p{font-size:13px;color:var(--muted);margin:0}.card .icon{color:var(--gold);width:30px;height:30px;margin-bottom:10px}.classcard{display:block;background:#101722;border:1px solid var(--line);border-radius:5px;overflow:hidden;text-align:center}.classcard:hover{border-color:var(--gold);text-decoration:none}.classcard img{display:block;width:100%;height:180px;object-fit:cover;object-position:50% 18%;background:#0c111a}.classcard .caption{padding:13px 8px}.classcard h3{margin-bottom:3px}.classcard p{font-size:12px;color:var(--muted);margin:0}.news{display:grid;grid-template-columns:85px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.news:last-child{border-bottom:0;padding-bottom:0}.news time{color:var(--muted);font-size:12px}.news h3{font:600 15px "Microsoft JhengHei",sans-serif;margin:0 0 6px;color:var(--tx)}.news p{font-size:13px;margin:0;color:var(--muted)}.badge{display:inline-block;font-size:12px;line-height:1.8;color:var(--gold2);background:#53432244;border:1px solid #7e683d;border-radius:3px;padding:1px 7px;margin:0 5px 5px 0}.badge.green{color:var(--green);border-color:#3c6e55;background:#163b2833}.sidelinks a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--tx)}.sidelinks a:last-child{border:0}.sidelinks a:after{content:"›";color:var(--gold)}.keyvalues{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:14px}.keyvalues dt{color:var(--muted)}.keyvalues dd{margin:0;color:var(--gold2)}.note{padding:14px 17px;border-left:3px solid var(--gold);background:#a5852710;color:var(--muted);font-size:13px;margin:19px 0}.steps{counter-reset:step;display:grid;gap:16px}.step{display:flex;gap:17px;align-items:flex-start}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);font:25px Georgia,serif;color:var(--gold);padding:6px 0;flex:0 0 34px}.step h3{font-size:18px}.step p{font-size:14px;margin:0;color:var(--muted)}.article h2{border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:30px}.article h2:first-child{margin-top:0}.article p,.article li{color:#bac7db}.portraitdetail{width:190px;max-height:270px;object-fit:cover;border:1px solid #6b5930;float:right;margin:0 0 20px 25px}.attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.attribute{border:1px solid var(--line);background:#111824;padding:10px;text-align:center}.attribute span{display:block;font-size:12px;color:var(--muted)}.attribute strong{color:var(--gold2);font-size:22px}.linkchips{display:flex;flex-wrap:wrap;gap:8px}.linkchips a{border:1px solid var(--line);background:#111827;padding:6px 10px;font-size:13px}.linkchips a:hover{border-color:var(--gold)}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:18px}.toolbar input{flex:1;min-width:180px;width:100%}.toolbar input,.toolbar select,.searchlarge{border:1px solid #4a5570;background:#0e1420;color:var(--tx);padding:10px 12px;border-radius:4px}.toolbar label{font-size:13px;color:var(--muted)}.count{font-size:13px;color:var(--muted);margin:6px 0 12px}.tw{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{background:#1b2438;color:#afbdd3;font-size:12px;white-space:nowrap}th,td{padding:10px 12px;border-bottom:1px solid #263049}tbody tr:hover{background:#1b243880}td small{color:var(--muted)}.itemicon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:9px;vertical-align:middle;border:1px solid #504529;background:#0c111c;border-radius:3px}.itemicon img{width:auto;height:auto;max-width:30px;max-height:30px;image-rendering:pixelated}.itemname{display:inline-flex;align-items:center;min-width:190px;color:var(--gold2)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}.pagination button{padding:6px 13px;background:#202a3d;border:1px solid #495673;color:var(--tx);border-radius:3px}.pagination button:disabled{opacity:.4;cursor:default}.searchlarge{display:block;width:100%;font-size:17px;margin-bottom:22px}.result{display:block;border-bottom:1px solid var(--line);padding:15px 0}.result strong{display:block;font-size:16px}.result small{color:var(--muted)}.result:hover{text-decoration:none}.result:hover strong{text-decoration:underline}.datadate{font-size:12px;color:var(--muted);margin-top:18px}.empty{padding:25px;text-align:center;color:var(--muted)}.detailsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px}.detailsgrid div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:9px 0}.detailsgrid dt{color:var(--muted)}.detailsgrid dd{margin:0;text-align:right;word-break:break-word}.status{color:var(--muted);font-size:13px;min-height:24px}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--gold2)}.faq details p{margin:14px 0 0;font-size:14px}.installbtn[hidden]{display:none}.footer{border-top:1px solid #55442a;background:#0e141f}.footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}.footer strong{color:var(--gold2);font-family:serif;letter-spacing:2px}.footer p{font-size:12px;color:var(--muted);margin:6px 0}.footer a{font-size:13px;margin-right:14px}[hidden]{display:none!important}
@media(max-width:1050px){.head{gap:14px}.nav summary{padding:14px 4px;font-size:13px}.brand strong{font-size:22px}.cols{grid-template-columns:minmax(0,1fr) 240px}.classcard img{height:160px}}
@media(max-width:900px){.mobilemenu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:78px;left:0;right:0;max-height:75vh;overflow:auto;background:#151c2c;padding:12px 22px;border-bottom:1px solid var(--gold)}.nav.open{display:block}.nav summary{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.navmenu{position:static;box-shadow:none;margin-top:6px;border:0;border-left:1px solid #735e2f}.headersearch{display:block;padding:12px 0}.cols{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sidebar .panel{margin:0}.hero h1{font-size:40px}.heroart{width:70%}.hero:after{background:linear-gradient(90deg,#0a1019f5 4%,#0a1019dc 46%,#0a101965)}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body{font-size:14px}.wrap{padding-left:16px;padding-right:16px}.head{min-height:70px}.nav{top:70px;padding:12px 16px}.brand strong{font-size:23px}.playbar span{font-size:11px}.playbar a{font-size:12px}.playbar .wrap{gap:10px}.hero{min-height:420px}.hero .wrap{padding-top:61px;padding-bottom:52px}.hero h1{font-size:38px;letter-spacing:3px}.hero p{font-size:15px;max-width:310px}.heroart{width:100%;object-position:50% 46%;opacity:.62}.hero:after{background:linear-gradient(90deg,#0a1019eb,#0a10197a),linear-gradient(0deg,#0a1019,transparent 50%)}.buttons{gap:9px}.btn{padding:10px 18px;font-size:14px}.stat strong{font-size:22px}.stat span{font-size:10px}.statsbar{padding:15px 0}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2,.g3{grid-template-columns:1fr}.classcard img{height:180px}.sidebar{grid-template-columns:1fr}.panelhead{padding:13px 16px}.panelbody{padding:16px}h1{font-size:29px}main.wrap{padding-top:24px}.news{grid-template-columns:1fr;gap:3px}.news time{font-size:11px}.portraitdetail{width:120px;margin-left:14px}.attributes{grid-template-columns:repeat(3,1fr);gap:7px}.attribute{padding:6px}.attribute strong{font-size:20px}.detailsgrid{grid-template-columns:1fr}.toolbar input{min-width:0}.toolbar select{max-width:100%}.toolbar{gap:8px}th,td{padding:8px 10px}.itemname{min-width:175px}.footer .wrap{gap:14px}}