@charset "UTF-8";
:root{--paper:#faf9f5;--ink:#292e27;--muted:#777b70;--line:#e5e5da;--green:#334a38;--orange:#e46735;--pale:#eeeee5;--white:#fff;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e79b70;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #adbea7;outline-offset:1px}h1,h2,h3,p{margin-top:0}h2{font-size:23px;letter-spacing:-.7px;line-height:1.35;margin-bottom:12px}h3{font-size:17px;line-height:1.6;margin-bottom:10px}p{margin-bottom:16px}small{font-size:12px}form{margin:0}.container{max-width:1280px;margin:0 auto;padding:0 36px}.topline{background:var(--green);color:#f4f4e8;font-size:11px;letter-spacing:1px;line-height:32px}.topline .container{display:flex;justify-content:space-between}.topline span{opacity:.75}.header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:100px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:25px;font-weight:800;line-height:1.25;letter-spacing:1px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.1px;margin-top:5px}.main-nav{display:flex;gap:27px;align-items:center;margin-left:auto;white-space:nowrap}.main-nav a{font-size:14px;font-weight:600;position:relative;padding:38px 0}.main-nav a.active{color:var(--orange)}.main-nav a.active:after{content:"";position:absolute;bottom:22px;height:3px;background:var(--orange);width:20px;left:calc(50% - 10px)}.account{display:flex;align-items:center;gap:16px;margin-left:12px;flex-shrink:0}.button{border:1px solid var(--orange);display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:11px 20px;background:var(--orange);color:white;border-radius:8px;font-weight:700;line-height:1.6;white-space:nowrap;transition:background .15s}.button:hover{color:white;background:#ce5425;border-color:#ce5425}.button.secondary{background:transparent;border-color:#d6dace;color:var(--green)}.button.secondary:hover{background:var(--pale);color:var(--green)}.button.compact{padding:8px 14px;font-size:13px}.button.full{width:100%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-top:61px;padding-bottom:52px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#7e8879;display:block}.hero .eyebrow{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:45px;line-height:1.4;letter-spacing:-1.8px;margin:20px 0}.hero h1{font-size:53px;line-height:1.32;margin:20px 0 23px;font-weight:850}h1 span{color:var(--orange)}.hero p{max-width:455px;color:var(--muted);font-size:15px;line-height:1.9}.hero-note{font-size:12px;color:#878b80;display:flex;gap:10px;margin-top:24px}.hero-note span{color:var(--orange);font-size:22px;line-height:1}.hero-art{height:306px;background:#edeedf;border-radius:22px;position:relative;overflow:hidden;margin-top:8px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#5467410c 1px,transparent 1px),linear-gradient(90deg,#5467410c 1px,transparent 1px);background-size:26px 26px}.orbit{position:absolute;border:1px solid #bdc6b5;border-radius:50%;width:290px;height:290px;right:-65px;top:-100px}.o2{width:350px;height:350px;right:-93px;top:-128px}.art-card{position:absolute;border-radius:12px;box-shadow:0 18px 24px #35452e0c}.card-a{top:44px;left:65px;width:300px;height:173px;background:var(--green);padding:22px 23px;color:#fff6dd;transform:rotate(-7deg);border:1px solid #61775f}.card-a small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:10px;color:#c6cfba}.card-a b{font-size:29px;letter-spacing:2px}.card-icon{position:absolute;right:25px;top:35px;font-size:53px;color:#d4d8a4;font-weight:300}.card-line{width:93%;height:1px;background:#718162;margin:16px 0 12px}.art-tags{display:flex;gap:8px;font-size:10px}.art-tags span{border:1px solid #84927a;border-radius:20px;padding:2px 9px}.card-b{right:39px;bottom:47px;background:#fffef7;border:1px solid #dedfd0;transform:rotate(6deg);display:flex;align-items:center;gap:13px;padding:17px 20px;min-width:290px}.card-b>span{background:#f5e4d3;color:var(--orange);border-radius:10px;width:42px;height:42px;display:grid;place-items:center;font-size:20px;font-weight:800}.card-b b{font-size:16px;display:block}.card-b small{color:#939785;display:block;font-size:10px}.card-b i{font-style:normal;font-size:25px;color:var(--orange);margin-left:10px}.art-spark{position:absolute;right:29px;top:24px;color:var(--orange);font-size:53px}.art-caption{position:absolute;font-size:8px;letter-spacing:2px;color:#7b876b;bottom:15px;left:25px}.discover{padding-bottom:27px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:19px}.section-top .eyebrow{margin-bottom:9px}.section-top h2{margin:0}.muted{color:var(--muted);font-size:13px}.game-chips{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:8px 15px;border:1px solid var(--line);border-radius:7px;background:#fffefb;display:inline-flex;gap:12px;font-weight:600;font-size:12px}.chip span{color:#93998c;font-size:10px;align-self:center}.chip.selected{background:var(--green);border-color:var(--green);color:white}.chip.selected span{color:#c6d0bf}.list-area{padding-bottom:25px}.search-panel{padding:23px 24px 15px;border:1px solid #dddeda;background:#f0f0e9;border-radius:12px;display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr auto;gap:13px;align-items:end}.search-panel label{font-size:11px;color:#68705e;letter-spacing:.4px;display:block;font-weight:700}.search-panel input,.search-panel select{margin-top:7px}.search-panel>.button{height:44px;margin-bottom:0;padding:9px 23px}.input-icon{position:relative}.input-icon>span{position:absolute;left:13px;bottom:7px;font-size:24px;font-weight:400;color:#808b76}.input-icon input{padding-left:40px}.advanced{grid-column:1/-1;font-size:11px;color:#7b8371;margin-top:3px}.advanced summary{cursor:pointer}.advanced-fields{display:flex;gap:15px;flex-wrap:wrap;margin:14px 0 6px}.advanced-fields label{flex:1;min-width:160px}input,select,textarea{width:100%;border:1px solid #dedfd6;border-radius:6px;background:#fffefa;color:var(--ink);padding:11px 12px;font-size:13px;line-height:1.6}select{min-height:44px;padding-right:24px}input::placeholder,textarea::placeholder{color:#9da094}textarea{resize:vertical;line-height:1.9}.board-tabs{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);margin-top:27px}.board-tabs a{display:flex;align-items:center;gap:8px;position:relative;padding:14px 0;color:#8a8e83;font-weight:600;font-size:13px}.board-tabs a>span{font-size:16px}.board-tabs small{font-size:10px;color:#959d8b;background:#edeee6;padding:0 5px;border-radius:4px}.board-tabs .selected{color:var(--green)}.board-tabs .selected:after{content:"";height:3px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px;gap:15px}.list-heading :is(h1,h2){font-size:25px;margin-bottom:5px}.number{font-size:12px;font-weight:500;color:var(--orange);vertical-align:middle;margin-left:6px}.list-heading p{font-size:11px;color:#96998e;margin:0}.list-actions{display:flex;align-items:center;gap:12px}.list-actions select{background:transparent;border-color:transparent;font-size:12px;min-width:105px}.list-actions .button{font-size:12px;padding:9px 15px}.listing-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.table-head,.listing-row{display:grid;grid-template-columns:2.5fr 2.7fr 1.2fr 1.1fr 32px;gap:20px;align-items:center;padding:0 22px}.table-head{background:#f2f3ec;min-height:40px;font-size:10px;font-weight:700;color:#8e9583;letter-spacing:.7px}.listing-row{min-height:128px;border-top:1px solid var(--line);padding-top:20px;padding-bottom:20px}.listing-row:hover{background:#fcfcf8}.listing-row.promoted{background:#fff8ec}.server-cell{display:flex;align-items:center;gap:13px;min-width:0}.server-cell>div{min-width:0}.game-avatar{width:46px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#e9ecdf;color:#63734f;font-size:23px;font-family:serif}.g1{background:#f1e9dc;color:#a48b60}.g2{background:#e4e9e1;color:#6e8768}.g3{background:#eeebe6;color:#9b8779}.g4{background:#e8e9ee;color:#788495}.post-title{display:block;font-size:15px;font-weight:700;line-height:1.6;margin:3px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.row-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tiny-game{font-size:10px;letter-spacing:.5px;color:#8a947d}.badge{display:inline-block;background:#ecf0e7;color:#68795a;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700}.badge.ad{background:#ffead7;color:#cf7038}.badge.verified{color:#315e3c}.row-sub{font-size:10px;color:#9a9d91}.summary-cell p{font-size:12px;line-height:1.9;color:#747a6d;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-tags{display:flex;gap:5px;flex-wrap:wrap}.mini-tags span{font-size:9px;border:1px solid #e6e7df;color:#939a89;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 5px}.spec-cell,.date-cell{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:0}.spec-cell b,.date-cell b{font-size:12px;font-weight:600;overflow-wrap:anywhere}.spec-cell span,.date-cell span{font-size:10px;color:#a2a698;overflow-wrap:anywhere}.row-arrow{width:30px;height:30px;border:1px solid #e4e7dc;border-radius:50%;display:grid;place-items:center;color:#748268;font-size:17px}.pagination{margin:20px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#949989}.pagination>div{display:flex;gap:10px}.community-cta{border:1px solid var(--line);background:#eceee3;border-radius:12px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1208px;margin:35px auto 70px}.community-cta .eyebrow{font-size:9px;margin-bottom:10px}.community-cta h2{font-size:22px;margin-bottom:8px}.community-cta p{font-size:12px;color:#7e8673;margin:0}footer{border-top:1px solid var(--line);padding:30px 0;background:#f3f3ed}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.brand.small{font-size:20px;gap:12px}.brand.small small{font-size:8px;margin:0}.footer-inner p{font-size:10px;color:#909987;margin:8px 0 0}.footer-links{display:flex;gap:25px;font-size:11px;color:#838b79}.footer-inner>small{text-align:right;font-size:9px;line-height:1.9;color:#9ba18f}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fffefa;padding:26px;margin-bottom:22px}.workspace{padding-top:38px;padding-bottom:60px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:34px;margin:12px 0}.page-heading p{color:var(--muted);font-size:13px}.narrow{max-width:680px;margin:55px auto 70px;padding:35px}.narrow h1{font-size:30px}.stack{display:flex;flex-direction:column;gap:17px}.stack>label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#737c66}.stack>.button{align-self:flex-start}.flashes{padding-top:20px}.flash{border:1px solid #dce3d5;border-radius:8px;padding:13px 18px;margin-bottom:10px;color:#526649;background:#f0f5e9}.flash.error{background:#fff0e9;border-color:#f1d4c2;color:#a15431}.flash.info{background:#f7f3e5;color:#887249}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;align-items:center;gap:80px;padding-top:60px;padding-bottom:70px}.auth-story h1{font-size:43px}.auth-story p{font-size:15px;color:var(--muted);line-height:2}.story-symbol{color:#c7cfb6;font-size:80px;letter-spacing:10px;margin-top:25px}.story-symbol span{color:#df9270;font-size:60px}.auth-panel{padding:35px}.auth-panel h2{font-size:29px;margin:15px 0 10px}.auth-panel form{margin-top:25px}.auth-links{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:25px 0}.auth-links a{color:var(--orange)}label.check{flex-direction:row;align-items:center;font-weight:400;flex-wrap:wrap;gap:5px;font-size:11px}.check input{width:16px;height:16px;margin-right:4px}.check a{text-decoration:underline}.local-note{font-size:11px;color:#999e90;line-height:1.9;margin-top:20px;margin-bottom:0}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section{display:flex;gap:12px;align-items:center;margin:8px 0}.form-section>span{font-size:11px;color:var(--orange);font-weight:600}.form-section h2{font-size:20px;margin:0}.form-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:5px}.editor-help{position:sticky;top:20px}.editor-help h3{margin-top:15px}.editor-help ul,.detail-sidebar ol,.dashboard-grid aside ol{padding-left:20px;font-size:12px;color:#818877;line-height:2.2}.editor-help a{font-size:12px}.rule-note{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;color:#7a826f;font-size:12px}.rule-note p{font-size:11px;margin:6px 0 0;line-height:2}.empty{text-align:center;padding:55px 20px;border:1px dashed #dce0d0;border-radius:12px}.empty>span{font-size:45px;color:#9aaa84}.empty h3{margin:12px 0}.empty p{font-size:13px;color:#8d9681}.empty .button{margin-top:8px}.breadcrumb{font-size:12px;color:#949b88;margin-bottom:25px;display:flex;gap:9px;flex-wrap:wrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.detail-hero{padding:32px}.detail-hero h1{font-size:32px;overflow-wrap:anywhere;margin:18px 0}.detail-summary{font-size:16px;color:#7b836e;line-height:1.9}.detail-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#9aa18d;border-top:1px solid var(--line);padding-top:16px}.detail-sidebar{position:sticky;top:20px}.detail-sidebar h3{font-size:21px;margin:16px 0}.detail-sidebar .button{font-size:12px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:18px 0 0}.spec-grid>div{padding:13px 0;border-bottom:1px solid #eeeede;display:flex;gap:15px;justify-content:space-between}.spec-grid dt{font-size:12px;color:#939b85}.spec-grid dd{margin:0;font-size:13px;max-width:60%;overflow-wrap:anywhere;text-align:right}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2.15;padding-top:18px;color:#646e58}.source-note{border-top:1px solid var(--line);background:#f5f5ed;padding:20px;border-radius:8px;font-size:12px;margin-top:25px;color:#7e8870}.source-note p{font-size:11px;margin:7px 0 0;line-height:2}.source-note a{text-decoration:underline}.comment{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.comment small{float:right;color:#a0a78f}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:13px;color:#737e66}.related-heading{margin-top:35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related h3{margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related p{font-size:12px;color:#939b86}.related>span:last-child{font-size:11px;color:var(--orange)}.dashboard-heading{display:flex;justify-content:space-between;align-items:center}.verification-banner{padding:20px;border-radius:12px;background:#f4ebd8;border:1px solid #e9dbc0;display:flex;gap:15px;align-items:center;margin-bottom:25px}.verification-banner>div{flex:1}.verification-banner p{font-size:12px;margin:4px 0 0;color:#958062}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{display:flex;flex-direction:column;gap:8px}.stat>span{font-size:11px;color:#949c86}.stat>b{font-size:32px}.stat b small{font-size:12px;font-weight:500;margin-left:7px;color:#a3ab94}.stat a,.stat>small{font-size:11px;color:#8c967d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px;align-items:start}.dashboard-grid .section-top h2{margin-top:8px}.publish-choices{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#8e997d;padding:10px 0 15px}.my-post{border-top:1px solid var(--line);padding:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}.my-post>div:first-child{flex:1;min-width:0}.my-post h3{margin:8px 0;overflow-wrap:anywhere}.my-post p{font-size:11px;margin:0}.status{font-size:10px;margin-left:10px;color:#8c987b}.my-post-actions{display:flex;gap:10px;align-items:flex-start}.text-button{padding:9px 0;background:none;border:0;color:#a18e77;font-size:12px}.pin-form{width:100%;display:flex;align-items:center;gap:15px;background:#f4f5ed;padding:12px;border-radius:8px}.pin-form label{font-size:11px;display:flex;align-items:center;gap:10px}.pin-form input{width:65px;padding:5px 8px}.pin-form span{font-size:10px;color:#98a18b}.pin-form .button{margin-left:auto}.small-empty{padding:35px 10px;margin-top:10px;border:0}.wallet-notice{background:#faf0de;color:#96845f;font-size:12px;padding:14px 16px;border-radius:8px;margin:15px 0 20px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.package{border:1px solid var(--line);border-radius:10px;padding:18px}.package>span{font-size:10px;color:#9ca78b;display:block}.package b{font-size:30px;display:block;margin:8px 0}.package b small{font-size:12px;font-weight:400;margin-left:5px}.package p{color:#7b876b;font-size:12px}.package .button{font-size:11px;padding:9px 10px}.premium-box{display:flex;align-items:center;gap:15px;padding:25px 20px;background:#eef1e5;border-radius:10px;margin-top:22px}.premium-box>div{flex:1}.premium-box h3{margin:8px 0}.premium-box p{margin:0;font-size:11px;color:#899775}.premium-box .button{font-size:12px}.ledger{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:#869471}.ledger summary{cursor:pointer}.scroll-table{overflow-x:auto;margin-top:15px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}td,th{padding:10px;border-bottom:1px solid #e9ecdf;white-space:nowrap}th{color:#89997a;font-weight:600}.order-row{display:flex;justify-content:space-between;padding:10px 0;color:#929d83}.favorite-row{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0}.favorite-row h3{margin:8px 0}.favorite-row p{margin:0;font-size:12px;color:#899a77}.favorite-row>span{white-space:nowrap;font-size:11px;color:var(--orange)}.profile .stack{margin:22px 0}.profile p{font-size:12px;overflow-wrap:anywhere}.profile>a{display:block;margin-top:12px;font-size:12px;color:#879b6d}.order-details{display:grid;grid-template-columns:100px 1fr;gap:15px;font-size:13px}.order-details dt{color:#94a27f}.order-details dd{margin:0;overflow-wrap:anywhere}.back-link{display:block;font-size:12px;margin-top:25px;color:#97a582}.mail p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.mail small{color:#9ba68a}.admin-row{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.admin-row p{font-size:12px;color:#8a9778;margin:8px 0}.policy h2{font-size:20px;margin-top:30px}.policy p{font-size:13px;line-height:2;color:#8b967c}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip-path:none;padding:10px;background:white;z-index:99}
@media(min-width:1500px){.container{max-width:1360px}.hero{padding-top:68px;padding-bottom:60px}.hero-art{height:330px}.card-a{left:80px;top:54px}.community-cta{max-width:1288px}}
@media(max-width:1150px){.main-nav{gap:15px}.header-inner{gap:20px}.main-nav a{font-size:12px}.account{margin-left:0;gap:10px}.account .button{padding:8px 12px;font-size:12px}.container{padding-left:25px;padding-right:25px}.hero{gap:30px}.hero h1{font-size:45px}.card-a{left:30px;width:280px}.card-b{right:22px;min-width:255px}.table-head,.listing-row{grid-template-columns:2.5fr 2.3fr 1fr 1fr 25px;gap:13px;padding-left:17px;padding-right:17px}.game-avatar{width:38px;height:46px}.community-cta{margin-left:25px;margin-right:25px}.board-tabs{gap:23px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px}.package{padding:13px}.premium-box{flex-direction:column;align-items:stretch}.auth-layout{gap:45px}.search-panel{grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px}}
@media(max-width:900px){.header-inner{height:auto;min-height:90px;flex-wrap:wrap;gap:0;padding-top:18px}.brand{font-size:23px}.main-nav{order:3;width:100%;margin-left:0;justify-content:space-between;gap:15px;overflow-x:auto;margin-top:5px}.main-nav a{padding:17px 0;flex-shrink:0}.main-nav a.active:after{bottom:8px}.account{margin-left:auto}.hero{grid-template-columns:1.05fr 1fr;padding-top:35px;gap:20px}.hero h1{font-size:37px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero p{font-size:13px}.hero-art{height:270px}.card-a{left:26px;width:235px;height:155px;padding:19px;top:40px}.card-a b{font-size:24px}.card-icon{font-size:38px;right:16px}.card-b{min-width:215px;right:15px;padding:12px;gap:8px}.card-b b{font-size:13px}.card-b i{margin-left:0}.art-spark{right:12px;top:15px;font-size:40px}.search-panel{grid-template-columns:2fr 1fr 1fr}.search-panel>.search-key{grid-column:1/3}.search-panel>.button{grid-column:3;grid-row:1}.table-head,.listing-row{grid-template-columns:2.4fr 2fr .9fr 26px}.date-cell,.table-head>span:nth-child(4){display:none}.board-tabs{gap:0;justify-content:space-between}.board-tabs a{font-size:12px;gap:5px}.list-actions .button{font-size:11px}.editor-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.spec-grid{grid-template-columns:1fr}.detail-hero h1{font-size:26px}.detail-hero,.panel{padding:22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-grid{gap:12px}.stat>b{font-size:25px}.auth-layout{gap:30px}.auth-story h1{font-size:34px}.story-symbol{font-size:50px}.story-symbol span{font-size:40px}.footer-links{gap:12px}.footer-inner{gap:15px}.community-cta h2{font-size:20px}}
@media(max-width:640px){.container{padding-left:18px;padding-right:18px}.topline .container{font-size:9px;letter-spacing:.1px}.topline span{font-size:8px}.header-inner{padding-top:16px}.brand{font-size:22px}.brand img{width:33px;height:33px}.brand small{font-size:8px}.account .button{padding:7px 10px;font-size:11px}.login{font-size:12px}.main-nav{gap:22px;justify-content:flex-start}.main-nav a{font-size:12px}.hero{display:block;padding-top:30px;padding-bottom:30px}.hero h1{font-size:43px;margin:17px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero p{font-size:13px;margin-bottom:12px}.hero-note{margin-top:16px}.hero-art{height:230px;margin-top:27px}.card-a{left:40px;top:25px;width:240px}.card-b{right:25px;bottom:35px}.art-caption{font-size:7px}.discover .section-top{align-items:flex-end}.discover h2{font-size:19px}.discover .muted{font-size:9px;white-space:nowrap}.section-top .eyebrow{font-size:8px}.game-chips{gap:7px}.chip{font-size:11px;padding:6px 10px;gap:8px}.game-chips .chip:nth-child(n+7){display:none}.search-panel{padding:15px;grid-template-columns:1fr 1fr;gap:10px}.search-panel>.search-key{grid-column:1/-1}.search-panel>.button{grid-column:2;grid-row:auto}.search-panel>label{font-size:10px}.search-panel>label:nth-child(4){grid-column:1}.search-panel>.button{height:42px}.search-panel input,.search-panel select{font-size:12px;min-height:42px;padding-top:9px;padding-bottom:9px}.advanced{grid-column:1/-1}.board-tabs{overflow-x:auto;gap:22px;justify-content:flex-start;margin-top:18px}.board-tabs a{white-space:nowrap;padding:13px 0}.board-tabs small{display:none}.board-tabs a>span{display:none}.list-heading{margin:20px 0 13px;align-items:center}.list-heading :is(h1,h2){font-size:21px}.list-heading p{font-size:9px;max-width:180px}.list-actions{gap:3px}.list-actions select{min-width:90px;font-size:10px;padding-left:4px;padding-right:8px}.list-actions .button{padding:8px 9px;font-size:10px}.listing-table{border-radius:10px}.table-head{display:none}.listing-row{display:grid;grid-template-columns:1fr 80px 22px;padding:16px;gap:12px;min-height:0}.listing-row:first-of-type{border-top:0}.server-cell{grid-column:1;gap:10px;align-items:flex-start}.game-avatar{width:34px;height:40px;font-size:19px;margin-top:3px}.post-title{font-size:13px}.tiny-game{font-size:9px}.summary-cell{grid-row:2;grid-column:1/-1;padding-left:44px}.summary-cell p{font-size:11px;margin-bottom:7px}.spec-cell{grid-column:2;grid-row:1;align-self:center}.spec-cell b{font-size:10px}.spec-cell span{font-size:9px}.row-arrow{grid-column:3;grid-row:1;width:24px;height:24px;font-size:14px}.mini-tags span{font-size:8px}.row-sub{font-size:9px}.badge{font-size:9px}.community-cta{margin:20px 18px 40px;padding:22px;display:block}.community-cta h2{font-size:19px;line-height:1.6}.community-cta p{font-size:11px}.community-cta .button{margin-top:18px;font-size:12px}.footer-inner{flex-wrap:wrap;align-items:flex-start}.footer-inner>div:first-child{width:100%}.footer-links{gap:20px;font-size:10px}.footer-inner>small{font-size:8px}.workspace{padding-top:28px;padding-bottom:35px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.editor-layout,.detail-layout{display:block}.editor-help,.detail-sidebar{position:static}.panel{padding:20px;margin-bottom:18px}.editor-form .form-grid{grid-template-columns:1fr}.form-grid input,.stack input,.stack textarea{font-size:16px}.form-section h2{font-size:18px}.form-buttons .button{font-size:12px;padding:10px 12px}.form-buttons>a{font-size:12px}.detail-hero h1{font-size:25px}.detail-summary{font-size:14px}.detail-meta{font-size:10px;gap:10px}.prose{font-size:13px;line-height:2}.related-grid{grid-template-columns:1fr}.related-heading h2{font-size:20px}.related p{margin:0 0 10px}.auth-layout{display:block;padding-top:30px;padding-bottom:30px}.auth-story h1{font-size:32px}.auth-story p{font-size:12px}.story-symbol{display:none}.auth-story .eyebrow{font-size:8px}.auth-panel{margin-top:27px;padding:24px}.auth-panel h2{font-size:26px}.auth-links{font-size:11px}.narrow{margin:35px 18px;padding:24px;max-width:none}.narrow h1{font-size:25px}.verification-banner{flex-wrap:wrap;padding:17px;gap:10px}.verification-banner>div{flex-basis:100%}.verification-banner .button{font-size:11px;padding:8px 12px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat{margin-bottom:0}.stat>b{font-size:27px}.stat>span{font-size:10px}.stat a,.stat>small{font-size:10px}.dashboard-grid{margin-top:20px}.dashboard-grid>aside{display:block}.dashboard-heading{gap:12px}.dashboard-heading .button{font-size:10px;padding:8px 12px}.dashboard-grid .section-top .button{font-size:11px;padding:9px 12px}.my-post h3{font-size:14px}.my-post p{font-size:10px}.my-post .button{font-size:10px}.pin-form{flex-wrap:wrap;gap:9px}.pin-form input{font-size:16px}.pin-form span{font-size:9px}.package-grid{grid-template-columns:1fr}.package{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;align-items:center;padding:16px}.package>span{grid-column:1;font-size:9px}.package b{grid-column:1;font-size:26px;margin:0}.package p{grid-column:2;grid-row:1;margin:0;font-size:10px;text-align:right}.package .button{grid-column:2;grid-row:2;font-size:10px}.premium-box{padding:20px}.premium-box h3{font-size:16px}.favorite-row h3{font-size:14px}.favorite-row p{font-size:11px}.favorite-row>span{font-size:10px}.admin-row{display:block;font-size:12px}.admin-row .form-buttons{margin-top:12px}.policy p{font-size:12px}.policy h2{font-size:18px}}
@media(min-width:901px) and (max-width:1499px){.hero{padding-top:38px;padding-bottom:30px}.hero h1{font-size:47px;margin:15px 0 18px}.hero-art{height:260px}.card-a{top:30px;left:60px}.card-b{bottom:30px}.hero-note{margin-top:15px}.hero p{font-size:14px}}
@media(max-width:640px){.hero-art{display:none}.hero h1{font-size:36px;margin:14px 0 17px}.hero-note{display:none}.hero{padding-bottom:22px}.discover{padding-bottom:20px}.board-tabs{gap:16px;scrollbar-width:none}.board-tabs::-webkit-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* 列表使用固定畫布，縮放或窄視窗只增加橫向捲動，不更換欄位排列。 */
.list-scroll{max-width:100%;overflow-x:auto;padding-bottom:12px;overscroll-behavior-x:contain}
.list-scroll:focus-visible{outline:2px solid #adbea7;outline-offset:3px}
.list-canvas{width:1208px}
:is(.list-canvas,.list-area) .search-panel{padding:23px 24px 15px;gap:13px;grid-template-columns:2.3fr 1fr 1fr 1fr auto}
:is(.list-canvas,.list-area) .general-search{grid-template-columns:1fr 240px auto}
:is(.list-canvas,.list-area) .search-panel>label{font-size:11px;grid-column:auto;grid-row:auto}
:is(.list-canvas,.list-area) .search-panel>.button{grid-column:auto;grid-row:auto;height:44px;padding:9px 23px;font-size:14px}
:is(.list-canvas,.list-area) .search-panel input,:is(.list-canvas,.list-area) .search-panel select{font-size:13px;min-height:44px;padding:11px 12px}
:is(.list-canvas,.list-area) .input-icon input{padding-left:40px}
:is(.list-canvas,.list-area) .list-heading{margin:28px 0 18px;align-items:center}
:is(.list-canvas,.list-area) .list-heading :is(h1,h2){font-size:25px}
:is(.list-canvas,.list-area) .list-heading p{font-size:11px;max-width:none}
:is(.list-canvas,.list-area) .list-actions{gap:12px}
:is(.list-canvas,.list-area) .list-actions select{min-width:105px;font-size:12px;padding:11px 12px}
:is(.list-canvas,.list-area) .list-actions .button{font-size:12px;padding:9px 15px}
:is(.list-canvas,.list-area) .listing-table{border-radius:12px}
:is(.list-canvas,.list-area) .table-head,:is(.list-canvas,.list-area) .listing-row{display:grid;grid-template-columns:350px 378px 168px 154px 32px;gap:20px;padding-left:22px;padding-right:22px}
:is(.list-canvas,.list-area) .table-head{min-height:40px}
:is(.list-canvas,.list-area) .table-head>span:nth-child(4){display:block}
:is(.list-canvas,.list-area) .listing-row{min-height:128px;padding-top:20px;padding-bottom:20px}
:is(.list-canvas,.list-area) .listing-row:first-of-type{border-top:1px solid var(--line)}
:is(.list-canvas,.list-area) .server-cell{grid-column:auto;grid-row:auto;gap:13px;align-items:center}
:is(.list-canvas,.list-area) .game-avatar{width:46px;height:52px;font-size:23px;margin-top:0}
:is(.list-canvas,.list-area) .post-title{font-size:15px}
:is(.list-canvas,.list-area) .tiny-game,:is(.list-canvas,.list-area) .row-sub,:is(.list-canvas,.list-area) .badge{font-size:10px}
:is(.list-canvas,.list-area) .summary-cell{grid-column:auto;grid-row:auto;padding-left:0}
:is(.list-canvas,.list-area) .summary-cell p{font-size:12px;margin-bottom:8px}
:is(.list-canvas,.list-area) .mini-tags span{font-size:9px}
:is(.list-canvas,.list-area) .spec-cell,:is(.list-canvas,.list-area) .date-cell{display:flex;grid-column:auto;grid-row:auto;align-self:auto;font-size:11px}
:is(.list-canvas,.list-area) .spec-cell b,:is(.list-canvas,.list-area) .date-cell b{font-size:12px}
:is(.list-canvas,.list-area) .spec-cell span,:is(.list-canvas,.list-area) .date-cell span{font-size:10px}
:is(.list-canvas,.list-area) .row-arrow{grid-column:auto;grid-row:auto;width:30px;height:30px;font-size:17px}
/* 五大版塊僅保留頁首按鈕，窄視窗可橫向捲動切換。 */
.header .main-nav{gap:8px;overflow-x:auto}
.header .main-nav a{padding:11px 16px;border:1px solid #d6dace;border-radius:8px;background:#fffefb;color:var(--green);font-size:17px;font-weight:700;flex-shrink:0}
@media(max-width:900px){.header .main-nav a{height:41.45px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}}
.header .main-nav a.active{background:var(--green);border-color:var(--green);color:white}
.header .main-nav a.active:after{display:none}
.header .main-nav a:hover{background:#e9ede2;color:var(--green)}
/* 同時支援服務快取中的舊模板，重新啟動後仍沿用相同版面。 */
.topline,.board-tabs{display:none}
/* 資訊頁不顯示來源說明與玩家留言，兼容運行中服務的模板快取。 */
.article-body .source-note,.detail-layout #comments{display:none}
.detail-hero h1 .publication-origin{display:inline-flex;vertical-align:middle;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:0;padding:5px 10px;margin-left:8px;white-space:nowrap}
.detail-hero h1 .publication-origin.network{background:#eef0e9;color:#68705e}
.detail-hero h1 .publication-origin.direct{background:#e5eee4;color:#334a38}
.detail-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.detail-links:empty{display:none}
.detail-links .button{font-size:13px;padding:9px 14px}
.detail-meta>span:nth-child(4){display:none}
/* 不顯示前台文章數量，兼容服務中的舊模板。 */
.discover>.section-top>.muted,.game-chips .chip>span,.list-heading .number{display:none}
.list-area{overflow-x:auto}
.list-area>.search-panel,.list-area>.list-heading,.list-area>.listing-table,.list-area>.pagination,.list-area>.empty{width:1208px}
:is(.list-canvas,.list-area) .search-panel:not(:has(select[name="version"])){grid-template-columns:1fr 240px auto}

/* 暗色主題：共用元件與所有版塊採用一致的深色表面。 */
:root{color-scheme:dark;--paper:#111519;--ink:#e4e9ed;--muted:#a6afb8;--line:#323a43;--green:#a7c8b5;--orange:#ed9664;--pale:#252e35;--white:#1a2026}
.panel,.listing-table,.chip,.header .main-nav a{background:#1a2026;border-color:var(--line);color:var(--ink)}
.search-panel,.table-head,.community-cta,footer{background:#1e262c;border-color:var(--line)}
input,select,textarea{background:#131a20;border-color:#414b55;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#9aa5af}
.button{color:#191919}
.button:hover{background:#f2aa80;border-color:#f2aa80;color:#191919}
.button.secondary{color:#bbd7c8;border-color:#4b5d54}
.button.secondary:hover{background:#273b31;color:#d7e9df}
.header .main-nav a.active,.chip.selected{background:#2c493b;border-color:#557662;color:#e0eee6}
.header .main-nav a:hover{background:#283a30;color:#d7e9df}
.listing-row:hover{background:#222c33}
.listing-row.promoted{background:#342b21}
.game-avatar,:is(.list-canvas,.list-area) .game-avatar{background:#2c373d;color:#bfd0c5}
.g1{background:#3b3228;color:#d8bb92}.g2{background:#2c3a32;color:#b3cdbb}.g3{background:#38312e;color:#cfb8ad}.g4{background:#2d3443;color:#b7c3df}
.badge{background:#2d3e33;color:#bfd8c5}.badge.ad{background:#503724;color:#ffd4af}.badge.verified{color:#c1dec9}
.mini-tags span,.row-arrow{border-color:#45515b;color:#b7c3cc}
.hero p,.hero-note,.eyebrow,.search-panel label,.advanced,.table-head,.tiny-game,.row-sub,.summary-cell p,.spec-cell span,.date-cell span,.detail-meta,.local-note,.rule-note,.article-body .prose,.prose,.spec-grid dt,.footer-inner p,.footer-inner small,.pagination,.panel p,.panel small,.comment small{color:var(--muted)}
.hero-art{background:#1f2d27}.art-grid{background-image:linear-gradient(#b9d0bf0c 1px,transparent 1px),linear-gradient(90deg,#b9d0bf0c 1px,transparent 1px)}
.orbit{border-color:#4d6556}.card-a{background:#294035;border-color:#526e5b}.card-b{background:#222c27;border-color:#4a5d4f;color:var(--ink)}
.card-b>span{background:#503624}.card-b small,.art-caption{color:#b0c0b3}
.flash,.flash.info,.verification-banner,.wallet-notice{background:#343026;border-color:#685b3e;color:#e9d6ac}
.flash.error{background:#402925;color:#f5b9a7}
.pin-form,.premium-box,.source-note{background:#24352a;border-color:#465b4b}
.detail-hero h1 .publication-origin.network{background:#303a43;color:#cbd4dd}
.detail-hero h1 .publication-origin.direct{background:#2c493b;color:#c7e4d2}
.spec-grid>div,.detail-meta,.rule-note,.comment,.favorite-row,.admin-row,th,td{border-color:var(--line)}
.skip:focus{background:#25313a;color:var(--ink)}

/* 列高由文字決定，減少上下留白，仍保留既有五欄排列。 */
:is(.list-canvas,.list-area) .listing-row{min-height:0;padding-top:8px;padding-bottom:8px}
:is(.list-canvas,.list-area) .game-avatar{width:32px;height:36px;font-size:19px}
:is(.list-canvas,.list-area) .server-cell{gap:10px}
:is(.list-canvas,.list-area) .post-title{line-height:1.4;margin:1px 0 2px}
:is(.list-canvas,.list-area) .summary-cell p{line-height:1.55;margin-bottom:4px}
:is(.list-canvas,.list-area) .spec-cell,:is(.list-canvas,.list-area) .date-cell{gap:2px;line-height:1.45}
.list-heading p{display:none}
.listing-row .row-sub{display:none}
.hero .hero-note,.discover>.section-top{display:none}
.community-cta{display:none}
.list-area .pagination{justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
.list-area .pagination>div{display:flex;justify-content:center;gap:10px}
.discover{padding-top:28px}
.game-chips{align-items:center;gap:12px}
.game-chips .chip{font-size:17px;font-weight:700;padding:10px 18px}
.popular-label{font-size:17px;font-weight:700;color:var(--muted);margin-right:8px}
.game-chips .chip:nth-child(n+7){display:inline-flex}
/* 直播以16:9預覽卡片與頻道資訊呈現，遊戲列表仍保留固定欄位。 */
.streams-board .hero{display:none}
.streams-area .list-actions{display:none}
.topic-table{width:1208px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#1a2026}
.topic-head,.topic-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:12px 22px;align-items:center}
.topic-head{background:#1e262c;color:var(--muted);font-size:12px;font-weight:700}
.topic-row{border-top:1px solid var(--line)}
.topic-row:hover{background:#222c33}.topic-row.promoted{background:#342b21}
.topic-label{font-size:13px;color:#bcd4c6;overflow-wrap:anywhere}
.topic-title{display:flex;align-items:center;gap:10px;min-width:0}
.topic-title a{font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.topic-title .badge{flex-shrink:0}
.topic-empty{padding:28px 22px;color:var(--muted);text-align:center}
.topic-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px}
.topic-filters>span{color:var(--muted);font-size:12px;margin-right:5px}
.streams-board .discover{padding-top:28px}
.streams-area,.streams-area .list-scroll{overflow-x:visible}
.streams-area .list-canvas,.streams-area>.search-panel,.streams-area>.list-heading,.streams-area>.pagination,.streams-area>.empty{width:100%}
.streams-area .stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.stream-card{min-width:0}
.stream-preview{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#20332b;border:1px solid var(--line)}
.stream-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.stream-preview:hover img{transform:scale(1.03)}
.stream-platform{position:absolute;bottom:10px;right:10px;background:#10151de6;color:#edf2f5;padding:3px 8px;border-radius:5px;font-size:11px}
.stream-ad{position:absolute;top:10px;left:10px}
.stream-card-info{display:flex;gap:11px;margin-top:12px;align-items:flex-start}
.stream-card-info>div{min-width:0}
.channel-avatar{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2c493b;color:#d8e9df;font-size:16px;font-weight:700}
.stream-title{font-size:15px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.channel-name,.stream-meta{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere}
.stream-empty-preview{display:block;width:min(100%,380px);aspect-ratio:16/9;border-radius:12px;margin:0 auto 24px}
@media(max-width:900px){.streams-area .stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.streams-area .stream-grid{grid-template-columns:1fr}.streams-area .search-panel:not(:has(select[name="version"])){grid-template-columns:1fr}.streams-area .list-heading{flex-wrap:wrap}.streams-area .list-actions{margin-left:auto}}

.stream-demo-game{position:absolute;top:12px;left:12px;border-radius:6px;padding:5px 9px;background:#172028e6;color:#e4e9ed;font-size:13px;font-weight:700}
.stream-demo:nth-child(2) .stream-preview{filter:hue-rotate(40deg)}
.stream-demo:nth-child(3) .stream-preview{filter:hue-rotate(100deg)}
.stream-demo:nth-child(4) .stream-preview{filter:hue-rotate(160deg)}
.stream-demo:nth-child(5) .stream-preview{filter:hue-rotate(220deg)}
.stream-demo:nth-child(6) .stream-preview{filter:hue-rotate(280deg)}
.stream-demo-note{font-size:12px;color:var(--muted);margin-top:24px;text-align:center}

.stream-card-info a.channel-name{display:block}.stream-card-info a.channel-name:hover{color:var(--ink)}

.games-board :is(.list-canvas,.list-area) :is(.table-head,.listing-row){grid-template-columns:330px 430px 210px 134px}
.games-board .listing-row .row-arrow{display:none}
.server-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:60px;gap:2px;color:#e7c58e}
.server-emblem>span{font-size:23px;line-height:1.2}.server-emblem small{font-size:10px;line-height:1.3;white-space:nowrap}
.games-board .summary-cell .list-version{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.4}
.games-board .spec-cell span{font-size:12px;line-height:1.4;color:var(--ink)}

.list-heading :is(h1,h2) .page-size-note{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);vertical-align:middle}

/* 提高列表與資訊頁對比：深色底、亮文字、交錯列及明確資訊色。 */
:root{--paper:#0b1118;--ink:#f4f7fc;--muted:#c6d0dd;--line:#42536a}
.listing-table,.topic-table{background:#111c29;border-color:#526780}
:is(.list-canvas,.list-area) .table-head,.topic-head{background:#293d54;color:#eef6ff;border-bottom:1px solid #68829e;font-weight:700}
.listing-row,.topic-row{background:#111c29;border-color:#42536a}
.listing-row:nth-of-type(even),.topic-row:nth-of-type(even){background:#1c2a3b}
.listing-row:hover,.topic-row:hover{background:#29415b}
.listing-row.promoted,.topic-row.promoted{background:#352b1c}
:is(.list-canvas,.list-area) .post-title,.topic-title a{color:#ffe194}
:is(.list-canvas,.list-area) .post-title:hover,.topic-title a:hover{color:#fff4cf;text-decoration:underline}
:is(.list-canvas,.list-area) .summary-cell p{color:#edf2f8}
.games-board .summary-cell .list-version{color:#a8dcff}
:is(.list-canvas,.list-area) .tiny-game,.topic-label{color:#addfff}
.games-board .spec-cell span{color:#c3f6d3}
:is(.list-canvas,.list-area) .date-cell b,:is(.list-canvas,.list-area) .date-cell span{color:#fff0b5}
.mini-tags span{background:#273c53;border-color:#7391b3;color:#e5f3ff}
.server-emblem,.server-emblem small{color:#ffe194}
.list-heading :is(h1,h2) .page-size-note{color:#c6d0dd}
.detail-layout .panel,.related-grid .panel{background:#111c29;border-color:#526780;color:#f4f7fc}
.detail-layout .detail-hero h1,.detail-layout h2,.detail-layout h3{color:#ffe194}
.detail-layout .detail-summary,.detail-layout .article-body .prose{color:#edf2f8}
.detail-layout .detail-meta,.detail-layout .muted,.detail-layout .local-note,.detail-layout .rule-note,.detail-layout .panel p,.detail-layout .panel small{color:#cbd7e6}
.detail-layout .spec-grid dt{color:#addfff;font-weight:600}
.detail-layout .spec-grid dd{color:#f4f7fc;font-weight:600}
.detail-layout .spec-grid>div:nth-child(even){background:#19283a}
.detail-layout .spec-grid>div{padding-left:10px;padding-right:10px;border-color:#42536a}
.detail-layout .button.secondary{background:#21384b;border-color:#799ebc;color:#edf7ff}
.detail-layout .button.secondary:hover{background:#315570;color:#ffffff}
.detail-layout .publication-origin.network{background:#29435d;color:#e5f3ff}
.detail-layout .publication-origin.direct{background:#264936;color:#d5ffe0}
.breadcrumb,.breadcrumb a{color:#c9d9ed}.breadcrumb a:hover{color:#ffe194;text-decoration:underline}
.related-grid .related h3{color:#ffe194}.related-grid .related p{color:#dce5f1}

.down-select{display:block;position:relative;min-width:0}
.down-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}
.down-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#131a20;color:#f4f7fc;border:1px solid #61768e;border-radius:8px;padding:12px 14px;text-align:left;line-height:1.65;font-weight:400}
.down-select-trigger::after{content:'⌄';font-size:18px;line-height:1;flex-shrink:0;color:#c4ddf8}
.down-select-trigger[aria-expanded="true"]{border-color:#a8dcff;background:#203347}
.down-select-trigger[aria-invalid="true"]{border-color:#ffb59c}
.down-select-trigger:disabled{opacity:.6;cursor:not-allowed}
.down-select-menu{position:fixed;z-index:3000;overflow-y:auto;overscroll-behavior:contain;background:#152436;border:1px solid #86a8ce;border-radius:8px;padding:5px;box-shadow:0 12px 28px #0009;color:#f4f7fc}
.down-select-menu[hidden]{display:none}
.down-select-option{display:block;width:100%;border:0;border-radius:5px;background:transparent;color:#f4f7fc;padding:10px 12px;text-align:left;font-size:14px;line-height:1.5}
.down-select-option:hover,.down-select-option.highlighted{background:#365777;color:#fff}
.down-select-option[aria-selected="true"]{color:#ffe194;font-weight:700}
.down-select-option:disabled{color:#9aaabb;cursor:not-allowed}
.down-select-error{display:block;color:#ffd2bf;font-size:12px;margin-top:5px}.down-select-error[hidden]{display:none}
.list-actions .down-select-trigger{min-width:140px;padding:8px 12px;font-size:13px}

.games-board :is(.list-canvas,.list-area) :is(.table-head,.listing-row){grid-template-columns:310px 380px 210px 84px 100px}
.games-board .region-cell{font-size:12px;line-height:1.4;color:#addfff;overflow-wrap:anywhere}

.games-with-live{display:grid;grid-template-columns:960px 224px;gap:24px;width:1208px;align-items:start}
.games-with-live .listing-table{width:960px}
.games-board .games-with-live :is(.table-head,.listing-row){grid-template-columns:230px 310px 140px 70px 86px}
.playing-rail{background:#111c29;border:1px solid #526780;border-radius:12px;padding:14px;min-width:0}
.playing-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}
.playing-head h3{color:#ffe194;font-size:18px;margin:0}
.playing-pause{background:#273c53;color:#e5f3ff;border:1px solid #7391b3;border-radius:6px;font-size:12px;padding:5px 9px}
.playing-window{height:555px;overflow:hidden;border-radius:8px}
.playing-track{animation:playing-marquee 36s linear infinite;will-change:transform}
.playing-group{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}
.playing-preview{display:block;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#20332b}
.playing-preview img{display:block;width:100%;height:100%;object-fit:cover}
.playing-badge{position:absolute;right:6px;bottom:6px;background:#101a29eb;color:#edf6ff;font-size:10px;padding:2px 6px;border-radius:4px}
.playing-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#f4f7fc;font-size:12px;font-weight:600;line-height:1.5;margin-top:7px}
.playing-host{display:block;font-size:11px;color:#addfff;margin-top:4px}
.playing-title:hover,.playing-host:hover{color:#ffe194;text-decoration:underline}
.playing-note{color:#c6d0dd;font-size:11px;margin:12px 0 0}
.playing-rail:hover .playing-track,.playing-rail:focus-within .playing-track,.playing-rail.paused .playing-track{animation-play-state:paused}



@keyframes playing-marquee{from{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--playing-cycle, 50%)))}}
@media(prefers-reduced-motion:reduce){.playing-track{animation:none;transform:none}.playing-window{overflow-y:auto}.playing-group[aria-hidden="true"]{display:none}}

.server-emblem .emblem-game{font-size:10px;line-height:1.4;color:#addfff;text-align:center;overflow-wrap:anywhere}
.games-board .server-cell .list-version{font-size:12px;line-height:1.4;color:#a8dcff;margin:4px 0 0}

/* 直播跑馬燈與同頁列表等高，保留滑鼠停留／鍵盤聚焦暫停。 */
.playing-rail{height:100%;display:flex;flex-direction:column;box-sizing:border-box}
.playing-head,.playing-note{flex-shrink:0}
.playing-window{height:0;flex-shrink:0;min-height:0}
.playing-pause{display:none}

/* 遊戲列表工具列僅與左側表格對齊，不跨到直播側欄上方。 */
.games-board .list-area .list-heading{width:960px;max-width:none;flex-wrap:nowrap;align-items:center}
.games-board .list-area .list-heading .list-actions{margin-left:auto;flex-shrink:0}

.region-flag{display:block;width:28px;height:19px;object-fit:cover;border:1px solid #8296af;border-radius:3px}

/* 右上角會員操作與會員中心左側導覽。 */
.header .member-account{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-left:auto;flex-shrink:0}
.header .member-account .button{display:block;width:100%;text-align:center;padding:5px 15px;font-size:12px;line-height:1.5}
.member-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
.member-menu{position:sticky;top:20px;border:1px solid #526780;border-radius:12px;background:#111c29;padding:18px 12px}
.member-menu h2{font-size:19px;color:#ffe194;padding:0 10px;margin:0 0 16px}
.member-menu a{display:block;padding:11px 12px;border-radius:7px;color:#dce8f7;margin:4px 0}
.member-menu a:hover{background:#283d54;color:#fff}
.member-menu a[aria-current="page"]{background:#314e6c;color:#ffe194;font-weight:700}
.member-content{min-width:0}.member-content .dashboard-heading{margin-bottom:24px}
.member-content .member-view[hidden]{display:none!important}
.member-content .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.member-content .profile{max-width:620px}.member-content .profile>a{display:block;margin-top:16px}
@media(max-width:700px){.member-shell{grid-template-columns:130px minmax(0,1fr);gap:12px}.member-shell .member-menu{padding:12px 7px;top:10px}.member-menu h2{font-size:16px;padding:0 5px}.member-menu a{padding:10px 6px;font-size:12px}.member-content .stat-grid{grid-template-columns:1fr}.member-content .panel{padding:16px}.member-content .section-top{flex-wrap:wrap}.member-content .page-heading h1{font-size:23px}.member-content .package{display:block}.member-content .package p{text-align:left}.member-content .premium-box{display:block}.member-content .premium-box .button{margin-top:12px}}

.publish-entry .page-heading{margin-top:20px}
.publish-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.publish-entry-card{display:flex;flex-direction:column;background:#111c29;border:1px solid #526780;border-radius:12px;padding:25px;color:#edf2f8;min-width:0}
.publish-entry-card:hover{background:#203347;border-color:#a8dcff;color:#fff}
.publish-entry-icon{font-size:28px;color:#a8dcff;margin-bottom:12px}
.publish-entry-card h2{font-size:21px;color:#ffe194}.publish-entry-card p{color:#d3deed;margin-bottom:24px}
.publish-entry-next{color:#a8dcff;margin-top:auto;font-weight:700}
@media(max-width:900px){.publish-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.publish-entry-grid{grid-template-columns:1fr}}

.game-primary-fields{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:24px}

.editor-form [data-game-field][hidden]{display:none!important}
.games-board .spec-cell span{overflow-wrap:anywhere}

.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stats .panel{padding:16px}.admin-stats b{display:block;font-size:25px;color:#ffe194}
.admin-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.admin-filters label{min-width:130px;flex:1}.admin-filters input{display:block;width:100%}.admin-post-table{width:100%;min-width:680px}.admin-post-table td{vertical-align:top}.admin-post-table td:first-child{max-width:280px}.admin-post-table td>a,.admin-post-table small{display:block}.admin-post-table td>a{color:#ffe194;margin:6px 0;font-weight:600}.admin-post-table small{color:#c6d0dd}
.admin-post-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-workspace .panel{background:#111c29;border-color:#526780}.admin-workspace .pagination{justify-content:center}
@media(max-width:700px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace .member-shell{grid-template-columns:1fr}.admin-workspace .member-menu{position:static;display:flex;flex-wrap:wrap;gap:4px}.admin-workspace .member-menu h2{width:100%}.admin-filters label{min-width:100px}}

.review-notice{padding:14px 18px;background:#21384d;border:1px solid #789dbd;border-radius:8px;color:#edf6ff}

.publication-review{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap}.publication-review .button{font-size:13px;padding:8px 15px;white-space:nowrap}

.analytics-ranges{display:flex;gap:10px;margin-bottom:22px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-cards .panel{padding:18px}.analytics-cards b{display:block;font-size:30px;color:#ffe194;margin:8px 0}.analytics-cards small,.analytics-note{color:#c6d0dd}.analytics-note{line-height:1.9;font-size:12px}
.analytics-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-charts .panel{min-width:0;padding:20px;margin:0}.analytics-charts h2{font-size:19px}.analytics-chart svg{display:block;width:100%;margin-top:16px}.analytics-chart circle:focus{outline:2px solid #fff}.chart-legend{display:flex;gap:10px;flex-wrap:wrap}.chart-legend button{border:1px solid #799ebc;color:#f4f7fc;background:#21384d;padding:5px 9px;border-radius:6px;font-size:12px}.chart-legend button[aria-pressed="false"]{opacity:.5}.chart-detail{font-size:12px;color:#dce8f7;min-height:40px;margin-bottom:0}.analytics-board-row{display:flex;justify-content:space-between;border-bottom:1px solid #42536a;padding:10px 0}.analytics-daily{margin-top:20px}.analytics-daily summary{cursor:pointer;font-weight:700}
@media(max-width:1000px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-charts{grid-template-columns:1fr}}

.detail-stream-preview{display:block;position:relative;max-width:560px;margin:20px 0;overflow:hidden;border:1px solid #526780;border-radius:12px;background:#111c29}.detail-stream-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.detail-stream-preview span{position:absolute;bottom:12px;right:12px;background:#102332;color:#fff;border:1px solid #789dbd;border-radius:6px;padding:8px 12px}

/* 列表唯一主標題沿用現有尺寸，不增加介紹區塊。 */
.list-heading .list-page-title{letter-spacing:-.7px;line-height:1.35;margin-top:0}

.media-editor{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.media-check{display:flex!important;align-items:center;gap:9px}.media-check input{width:auto;min-width:18px;margin:0;flex-shrink:0}.media-consents,.media-card-actions{display:flex;gap:12px;flex-wrap:wrap}.media-upload-list,.media-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:16px 0}.upload-card{padding:16px;border:1px solid var(--line);border-radius:9px;min-width:0;overflow-wrap:anywhere}.upload-card h2{font-size:17px}.upload-card img,.upload-card video{display:block;width:100%;max-height:360px;object-fit:contain;background:#101820;border-radius:8px;margin:10px 0}.media-status{display:block;color:#ffe194;margin:8px 0}.upload-card.unselected{opacity:.65}.upload-card small{display:block;margin-top:8px}.article-media{display:grid;gap:18px;margin:20px 0}.article-media figure{margin:0}.article-media img,.article-media video{max-width:100%;width:auto;max-height:680px;display:block;margin:auto;object-fit:contain;background:#101820}.article-media figcaption{text-align:center;margin-top:8px;color:var(--muted)}[data-media-message]{overflow-wrap:anywhere;color:#ffe194}

.media-library-upload .media-card-actions,.media-library-upload [name="media_cover"],.media-library-upload [name="media_ids"]{display:none}

.media-library-upload .upload-card label:has([name="media_cover"]),.media-library-upload .upload-card>label:not(.media-check){display:none}

.article-media{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.article-media .media-video,.article-media .media-banner{grid-column:1/-1}.article-media .media-image img{max-height:320px}.article-media video{max-height:420px}

@media(max-width:700px){.media-workspace .member-shell{grid-template-columns:1fr}.media-workspace .member-menu{position:static;display:flex;flex-wrap:wrap;gap:4px}.media-workspace .member-menu h2{width:100%;margin-bottom:6px}.media-workspace .member-menu a{margin:0}}

/* 文章：封面＋資訊，獨立圖片影片縮圖列，接完整介紹。 */
.detail-hero.with-cover{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.4fr);gap:24px;align-items:start}
.article-cover{display:flex;align-items:center;justify-content:center;background:#0b141e;border:1px solid var(--line);border-radius:8px;min-height:230px;overflow:hidden}
.article-cover img{width:100%;max-height:350px;object-fit:contain}.article-overview{min-width:0}.with-cover .article-overview h1{font-size:27px;overflow-wrap:anywhere}
.overview-info{margin-top:20px}.overview-info .form-section{margin-bottom:12px}.overview-info .form-section span{display:none}.overview-info .form-section h2{font-size:17px}.overview-info .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.overview-info .spec-grid>div{padding:8px 0;border-bottom:1px dotted var(--line)}
.article-gallery{margin-top:22px;padding:0!important;overflow:hidden}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#203648;border-bottom:1px solid var(--line);padding:14px 20px}.gallery-heading h2{font-size:20px;margin:0;color:#a7e4e8}.gallery-heading>span{font-size:12px;color:var(--muted)}
.gallery-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px}.gallery-strip figure{margin:0;min-width:0}.gallery-strip figure:nth-child(n+6){display:none}.gallery-expanded .gallery-strip figure:nth-child(n+6){display:block}
.gallery-tile{position:relative;display:block;width:100%;aspect-ratio:4/3;border:3px solid #354b5e;padding:0;border-radius:4px;background:#0b141e;cursor:pointer;overflow:hidden}.gallery-tile:hover,.gallery-tile:focus-visible{border-color:#f0b368}.gallery-tile img{width:100%;height:100%;object-fit:contain;display:block}.gallery-strip figcaption{font-size:12px;line-height:1.5;margin-top:6px;color:#dce8f7;overflow-wrap:anywhere}.gallery-kind{position:absolute;right:4px;bottom:4px;padding:2px 5px;border-radius:3px;background:#09121ee6;color:#fff;font-size:11px}.gallery-play{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;color:white;text-shadow:0 2px 5px black}.gallery-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 16px}.article-gallery>.review-notice{margin:12px 18px}
.media-viewer{width:min(1000px,94vw);max-width:94vw;max-height:92vh;border:1px solid #57738c;border-radius:12px;background:#101c2a;color:#fff;padding:16px;overflow:auto}.media-viewer::backdrop{background:#03080eeb}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.viewer-close,.viewer-arrow{border:1px solid #55748d;background:#22394e;color:#fff;border-radius:6px;font-size:24px;min-width:44px;min-height:44px;cursor:pointer}.viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}.viewer-content{min-width:0;display:flex;justify-content:center;align-items:center;min-height:180px}.viewer-content img,.viewer-content video{max-width:100%;max-height:68vh;object-fit:contain}.viewer-content [hidden],.viewer-footer [hidden]{display:none}.viewer-footer{text-align:center;margin-top:12px}.viewer-footer p{margin:8px 0;overflow-wrap:anywhere}.media-viewing{overflow:hidden}.viewer-arrow:disabled{opacity:.35;cursor:default}
@media(max-width:700px){.detail-hero.with-cover{grid-template-columns:1fr}.article-cover{max-width:350px;min-height:150px;margin:auto;width:100%}.gallery-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}.overview-info .spec-grid{grid-template-columns:1fr}.viewer-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.viewer-arrow{min-width:36px}.media-viewer{padding:10px}.gallery-heading{padding:12px}}
@media(max-width:420px){.gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 主封面與文字區上下對齊，圖影整合於完整介紹。 */
.detail-hero.with-cover{align-items:stretch}
.article-cover{position:relative;align-self:stretch}
.article-cover img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
.article-body .article-gallery{border-top:1px solid var(--line);border-radius:0;margin-top:24px}
.article-body .gallery-heading{background:transparent;padding:18px 0 12px}
.article-body .gallery-strip{padding:18px 0}
.article-body .gallery-actions{padding:0}
@media(max-width:700px){.article-cover{height:240px;margin:0;max-width:none}.article-body .gallery-heading{padding:16px 0 12px}}

.viewer-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:14px 0 4px;margin-top:12px;border-top:1px solid var(--line)}
.viewer-thumbnail{position:relative;flex:0 0 90px;height:68px;border:2px solid #55748d;border-radius:5px;background:#0b141e;padding:2px;cursor:pointer}
.viewer-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.viewer-thumbnail span{position:absolute;right:4px;bottom:3px;background:#09121ee6;color:white;padding:1px 4px;font-size:12px}
.viewer-thumbnail[aria-pressed="true"]{border-color:#ffe194;box-shadow:0 0 0 1px #ffe194}.viewer-thumbnail:focus-visible{outline:2px solid #a7e4e8;outline-offset:2px}
.viewer-content img,.viewer-content video{max-height:56vh}

.duplicate-hint{margin:12px 0;color:#ffe194}.duplicate-hint summary{cursor:pointer;font-weight:600}.duplicate-hint p,.duplicate-hint li{font-size:13px;line-height:1.7}.duplicate-hint a{color:#a7e4e8}.duplicate-hint ul{padding-left:20px;max-height:260px;overflow:auto}

.storage-center{margin-bottom:24px;padding:22px}.storage-center h2{font-size:22px}.storage-center .analytics-cards>div{min-width:0}.storage-center .analytics-cards b{font-size:24px}.storage-center small{display:block}.storage-capacity{margin-top:22px}.storage-capacity label{display:block;margin-bottom:8px}.storage-capacity progress{display:block;width:100%;height:16px;accent-color:#efaa6b}.storage-capacity p{font-size:13px;line-height:1.7}

.duplicate-match{padding:10px 0;border-bottom:1px solid #526780}.duplicate-match strong{color:#ffe194}.duplicate-evidence{color:#edf6ff;margin-top:6px}.duplicate-evidence b{color:#a7e4e8}.duplicate-evidence code{display:block;white-space:normal;overflow-wrap:anywhere;padding:5px 8px;background:#101c2a;border-radius:4px;margin-top:4px}

.media-manager-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-manager-grid .upload-card{padding:12px}.media-manager-grid .upload-card h2{font-size:14px;margin:0 0 10px}.media-manager-grid .upload-card img,.media-manager-grid .upload-card video{width:100%;height:145px;max-height:145px;object-fit:contain;margin:0 0 10px}.media-manager-grid .upload-card p{font-size:11px;margin:8px 0}.media-manager-grid .button{font-size:11px;padding:7px 10px}
@media(max-width:700px){.media-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.media-manager-grid{grid-template-columns:1fr}}

/* 資訊左右欄共用底色，欄位內距與文字換行避免貼邊。 */
.detail-layout .overview-info .spec-grid{min-width:0}
.detail-layout .overview-info .spec-grid>div,.detail-layout .overview-info .spec-grid>div:nth-child(even){background:#19283a;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding:10px 12px;min-width:0;align-items:start;border-radius:4px}
.detail-layout .overview-info .spec-grid dt,.detail-layout .overview-info .spec-grid dd{min-width:0;max-width:none;line-height:1.7;overflow-wrap:anywhere;white-space:normal;margin:0;padding:1px 0}

.body-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.body-toolbar label{margin:0}.media-editor:has(.media-picker){border:0;padding:0;margin:0}.media-picker{width:min(900px,94vw);max-width:94vw;max-height:86vh;overflow:auto;background:#111c29;color:#edf6ff;border:1px solid #526780;border-radius:12px;padding:22px}.media-picker::backdrop{background:#03080ed9}.media-picker-heading,.media-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.media-picker-heading{border-bottom:1px solid #526780;padding-bottom:12px;margin-bottom:16px}.media-picker-heading h2{margin:0;font-size:22px}.media-picker-note{font-size:12px;color:#cbd7e6}.media-upload-action{margin:14px 0}.media-upload-action small{display:block;color:#cbd7e6;margin-top:6px;font-size:11px}.media-picker .media-upload-list{grid-template-columns:repeat(3,minmax(0,1fr))}.media-picker .upload-card{padding:10px}.media-picker .upload-card img,.media-picker .upload-card video{height:120px;max-height:120px;object-fit:contain}.media-picker .upload-card label{font-size:11px}.media-picker .media-card-actions{gap:5px}.media-picker .button.compact{font-size:11px;padding:6px 8px}.media-picker-footer{position:sticky;bottom:-22px;background:#111c29;padding:14px 0}.media-selected-strip{display:flex;gap:10px;flex-wrap:wrap}.selected-media{width:110px;padding:4px;border:1px solid #526780;border-radius:6px;background:#111c29;color:#edf6ff}.selected-media img{display:block;width:100%;height:75px;object-fit:contain}.selected-media span{font-size:11px}.media-picker [data-media-message]:empty{display:none}
@media(max-width:700px){.media-picker .media-upload-list{grid-template-columns:repeat(2,minmax(0,1fr))}.media-picker{padding:14px}.media-picker-footer{bottom:-14px}}@media(max-width:420px){.media-picker .media-upload-list{grid-template-columns:1fr}}

.media-library-overview{padding:24px;margin-bottom:20px}.media-library-overview .page-heading{margin:0 0 18px}.media-library-overview .page-heading h1{margin-top:0}.media-library-overview .membership-plan{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:18px}.media-library-overview .membership-plan h2{font-size:20px}.media-library-overview .media-library-upload{border-top:1px solid var(--line);padding-top:18px}.media-library-overview .media-editor{border-top:0;padding-top:0;margin-top:0}.media-library-overview .media-library-upload>p{margin:14px 0}.media-library-overview p{line-height:1.8}.media-library-overview .media-upload-list:empty{display:none}
@media(max-width:700px){.media-library-overview{padding:16px}}

/* 熱門遊戲圖片入口：依使用者指定順序，整排置中。 */
.game-chips{justify-content:center}
.game-chips .chip{display:inline-flex;align-items:center;gap:9px;padding:8px 14px}
.popular-game-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}

.channel-avatar{background:transparent}
.channel-avatar img{display:block;width:36px;height:36px;object-fit:contain}

/* 列表頁整體固定畫布，瀏覽器縮放不觸發上方改排，統一由整頁橫向捲動。 */
body.fixed-board-layout{min-width:1280px}
.fixed-board-layout .container{width:1280px;max-width:1280px;padding-left:36px;padding-right:36px}
.fixed-board-layout .header-inner{height:100px;min-height:100px;flex-wrap:nowrap;gap:30px;padding-top:0}
.fixed-board-layout .header .main-nav{order:0;width:auto;flex-shrink:0;margin-left:auto;margin-top:0;gap:8px;justify-content:flex-start;overflow:visible}
.fixed-board-layout .header .main-nav a{height:auto;padding:11px 16px;font-size:17px;display:inline-flex;align-items:center;justify-content:center}
.fixed-board-layout .brand{font-size:25px}
.fixed-board-layout .brand small{font-size:9px}
.fixed-board-layout .header .account{gap:5px;margin-left:auto}
.fixed-board-layout .header .account .button{padding:5px 15px;font-size:12px}
.fixed-board-layout .discover{padding-top:28px;padding-bottom:27px}
.fixed-board-layout .game-chips{flex-wrap:nowrap;justify-content:center;gap:12px}
.fixed-board-layout .game-chips .chip{flex-shrink:0;white-space:nowrap;font-size:17px;padding:8px 14px}
.fixed-board-layout .popular-label{flex-shrink:0;white-space:nowrap}
.fixed-board-layout .list-scroll{max-width:none;overflow:visible}
.fixed-board-layout .list-canvas{width:1208px}
.fixed-board-layout .footer-inner{flex-wrap:nowrap;align-items:center;gap:30px}
.fixed-board-layout .footer-inner>div:first-child{width:auto}

/* 會員與管理後台入口及側欄分開，表單分頁保持同一套導航。 */
.backend-identity{font-size:12px;line-height:1.6;padding:0 10px;margin:0 0 12px;color:#a8bdcb;overflow-wrap:anywhere}.account .admin-entry[aria-current="page"]{border-color:#e1b66b;color:#ffe194}.backend-editor-content .editor-layout{grid-template-columns:minmax(0,1fr)}.backend-editor-content .editor-help{position:static}.backend-editor-content .editor-help .panel{margin-top:16px}.backend-editor-content .publish-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.backend-editor-content .publish-entry-grid{grid-template-columns:1fr}}

/* 管理後台樹狀選單：分類收合，子項目保留目前頁標示。 */
.admin-tree-group{margin:6px 0;border:0;padding:0}
.admin-tree-group summary{cursor:pointer;padding:11px 12px;border-radius:7px;color:#e4edf7;font-weight:700;font-size:14px}
.admin-tree-group summary:hover{background:#283d54}
.admin-tree-group summary:focus-visible{outline:2px solid #ffe194;outline-offset:2px}
.admin-tree-branches{margin:3px 0 8px 17px;padding-left:8px;border-left:1px solid #526780}
.admin-tree .admin-tree-branches a{font-size:13px;padding:9px 8px;margin:2px 0}
@media(max-width:700px){.admin-workspace .member-menu.admin-tree{display:block}.admin-tree-group summary{font-size:13px}}

/* 網頁遊戲採封面展示及卡片入口，保持全站固定畫布。 */
.web-game-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:8px 0 30px}
.web-game-card{overflow:hidden;border:1px solid #526780;border-radius:16px;background:#111c29;display:flex;flex-direction:column}
.web-game-art{position:relative;display:block;aspect-ratio:16/9;background:#152938;overflow:hidden}
.web-game-art img{width:100%;height:100%;object-fit:cover;display:block}
.web-game-no-cover{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9cb4c8;background:radial-gradient(ellipse at 25% 25%,#315269,transparent 70%),#10212f;font-size:14px}
.web-game-no-cover>span:first-child{font-size:58px}
.web-game-ad{position:absolute;top:14px;left:14px}
.web-game-copy{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}
.web-game-category{color:#82d9e9;font-size:13px;letter-spacing:1px}
.web-game-copy h2{font-size:22px;line-height:1.5;margin:0;color:#ffe194;overflow-wrap:anywhere}
.web-game-copy h2 a{color:inherit}
.web-game-copy p{color:#d3e0ec;line-height:1.8;margin:0;overflow-wrap:anywhere}
.web-game-info{display:flex;flex-wrap:wrap;gap:8px;color:#b9cede;font-size:13px}
.web-game-info span{background:#203547;border-radius:6px;padding:5px 9px}
.web-game-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.web-game-actions .button{font-size:14px;padding:12px 16px}

.game-play-page{padding-top:24px;padding-bottom:24px}
.game-play-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.game-play-toolbar h1{font-size:24px;margin:0 0 8px;color:#ffe194}
.game-play-toolbar>div:last-child{display:flex;gap:10px}
.game-play-frame{height:calc(100vh - 220px);min-height:650px;background:#000;border:1px solid #526780;border-radius:12px;overflow:hidden}
.game-play-frame iframe{width:100%;height:100%;border:0;display:block}
.game-play-frame:fullscreen{height:100vh;min-height:0;border-radius:0;border:0}
.game-play-note{color:#afc7d8;font-size:13px}

.detail-stream-player{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #526780;border-radius:12px;overflow:hidden;margin:20px 0 8px}.detail-stream-player iframe{width:100%;height:100%;border:0;display:block}.stream-player-note{font-size:13px;color:#b9cede}

.publish-cascade{display:flex;gap:16px;align-items:stretch}.publish-column{flex:1;min-width:0;background:#142230;border:1px solid #526780;border-radius:12px;padding:16px}.publish-column h2{font-size:18px;margin:0 0 16px;color:#d9eaff}.publish-options{max-height:390px;overflow-y:auto}.publish-choice{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:4px 0;border:1px solid transparent;border-radius:6px;color:#d9eaff}.publish-choice:hover,.publish-choice.active{background:#28455d;border-color:#82b8dc;color:#fff}.publish-filter{display:block;font-size:13px;margin-bottom:12px}.publish-filter input{margin-top:6px;width:100%}.publish-hint{color:#b5cadd}.publish-selection-result{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.publish-selection-result p{margin:0}@media(max-width:700px){.publish-cascade{flex-direction:column}.publish-options{max-height:260px}.publish-selection-result{flex-direction:column;align-items:stretch}}
.publish-choice[hidden]{display:none}
.publish-cascade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.publish-column{min-height:460px}.publish-selection-result{min-height:100px}.publish-cascade[aria-busy=true]{cursor:progress}@media(max-width:700px){.publish-cascade{grid-template-columns:1fr}.publish-column{min-height:0}}

/* 發文基本資料與版塊資訊每列兩欄；介紹與素材保留整列。 */
.backend-editor-content .editor-form .game-primary-fields,.backend-editor-content .editor-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.backend-editor-content .editor-form .game-primary-fields>label,.backend-editor-content .editor-form .form-grid>label{min-width:0}.backend-editor-content .editor-form label input,.backend-editor-content .editor-form label select{width:100%;min-width:0}@media(max-width:700px){.backend-editor-content .editor-form .game-primary-fields,.backend-editor-content .editor-form .form-grid{grid-template-columns:1fr}}