:root{--bg:#090b0d;--panel:#141719;--panel2:#1b1f21;--line:#343b3d;--text:#f6f8f7;--muted:#b0b9bb;--green:#3f8f5b;--red:#d73f3a;--gold:#f1c46c;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,"Microsoft JhengHei","Noto Sans TC",sans-serif}
button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b3e6c3;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,2.6vw,32px);line-height:1.24;margin:12px 0 8px}h2{font-size:19px;margin:0}h3{font-size:15px;margin:12px 0}label{display:grid;gap:5px;min-width:0;font-size:12px;color:#d9e1df}input,textarea,select{width:100%;min-width:0;background:#0d1011;border:1px solid #52595b;border-radius:9px;color:white;padding:10px 11px}textarea{resize:vertical;min-height:80px}.subtle{font-size:12px;color:var(--muted);margin:7px 0 15px}.small-label{color:#a6d8b8;font-size:10px;letter-spacing:1.6px;font-weight:800}.head{max-width:1520px;margin:0 auto;padding:13px 20px;display:flex;gap:26px;align-items:center;border-bottom:1px solid #3b4143}.brand{display:flex;gap:8px;align-items:center;white-space:nowrap}.brand strong{font-size:23px;letter-spacing:-.75px}.brand span{font-size:13px;font-weight:750;color:#a5d6b5;border-left:1px solid #466452;padding-left:9px}.nav{display:flex;gap:19px;flex:1}.nav a{font-size:13px;color:#dce1df;white-space:nowrap}.nav a:hover{color:#aee5bd}.sandbox{font-size:10px;color:#d4c9a6;max-width:165px;text-align:right}.page{display:grid;grid-template-columns:minmax(172px,208px) minmax(0,1fr) minmax(172px,208px);gap:15px;max-width:1520px;padding:16px 20px 60px;margin:0 auto}.ad-col{display:grid;align-content:start;gap:15px}.ad-tile{background:linear-gradient(155deg,#1a1e20,#0f1112);padding:12px;border-radius:16px;border:1px solid var(--line);min-width:0}.ad-tile small{display:block;color:#d8d6c8;font-size:11px;margin-bottom:9px}.ad-tile strong{display:block;font-size:15px;margin:10px 0 6px}.ad-tile p{color:#aeb5b6;font-size:12px;line-height:1.5;margin:0 0 10px}.ad-art{height:180px;border-radius:12px;display:grid;place-items:center;font-size:74px;color:#f5f2d7}.ad-art.mint{background:linear-gradient(135deg,#253e35,#648c79)}.ad-art.plum{background:linear-gradient(135deg,#393243,#997c81)}.ad-art.peach{background:linear-gradient(135deg,#754d37,#d29f6f)}.ad-art.blue{background:linear-gradient(135deg,#284149,#668493)}.ad-label{color:#e1c57d;background:#332e20;padding:4px 9px;border-radius:6px;font-size:10px}.mobile-top-ad,.mobile-sticky-ad{display:none}.main{min-width:0;display:grid;gap:16px;align-content:start}.hero{background:linear-gradient(145deg,#192324,#161a1d 54%,#121517);border:1px solid #424b4d;border-radius:19px;padding:23px 22px 17px;overflow:hidden;position:relative}.hero:before{content:"";width:220px;height:220px;border:2px solid #2c6541;opacity:.18;transform:rotate(25deg);position:absolute;border-radius:50%;top:-92px;right:-75px;pointer-events:none}.hero p{color:#cad3d0;margin:0 0 15px;font-size:13px}.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.major{display:grid;grid-template-columns:32px 1fr;gap:0 6px;border-radius:14px;padding:14px 14px 12px;min-width:0;transition:transform .16s ease,filter .16s ease}.major:hover{transform:translateY(-2px);filter:brightness(1.1)}.major.green{background:linear-gradient(145deg,#319c51,#176d35)}.major.red{background:linear-gradient(145deg,#d94745,#9e2929)}.major span{grid-row:span 2;font-size:23px;line-height:1.3}.major strong{font-size:19px}.major small{font-size:11px;color:#e4f0e7}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.quick a{background:#25292b;border:1px solid #383f42;text-align:center;border-radius:10px;padding:12px 4px;font-size:11px}.quick a:hover{border-color:#668775}.panel{background:linear-gradient(145deg,#171b1d,#111416);border:1px solid var(--line);border-radius:17px;padding:20px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{font-size:10px;color:#b8e0c5;background:#233b2c;padding:5px 9px;border-radius:99px;white-space:nowrap}.member-controls,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quota{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.quota .counter{background:#252b2d;padding:10px 7px;border-radius:9px;min-width:0}.quota strong{font-size:18px;display:block;color:#f2f6f3}.quota span{color:#b5c0bc;font-size:10px}.category-bar{display:flex;align-items:end;gap:12px;margin-top:12px}.category-bar .search-label{flex:1}.ghost,.primary,.success{border:1px solid #566263;border-radius:9px;padding:10px 14px;background:#25292c;color:#fff;min-height:39px}.ghost:hover{background:#353b3e}.primary{background:#267746;border-color:#31865a}.primary:hover{background:#318b53}.success{background:#2e6250;border-color:#579575}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.category-grid[hidden]{display:none}.cat-title{font-size:11px;color:#a8b6b0;grid-column:1/-1;padding-top:7px}.category-grid button{border:1px solid #4b5556;background:#252a2c;border-radius:8px;color:white;text-align:left;font-size:11px;padding:9px;min-width:0}.category-grid button.selected{border-color:#79bc8f;color:#aff4c4;background:#193824}.selected-info{color:#aadbb8;font-size:12px;margin:12px 0}.feed{display:grid;gap:10px}.post{background:#1c2123;border:1px solid #3b4344;border-radius:12px;padding:13px}.post .meta{display:flex;justify-content:space-between;gap:8px;color:#97b6a3;font-size:11px}.post.chosen{border-color:#589b6c}.post-reply{margin-top:10px;border:1px solid #526a58;border-radius:7px;padding:6px 10px;color:#cce9d4;background:#213a2b;font-size:11px}.thread{border-top:1px dashed #475251;margin-top:12px;padding-top:8px}.thread strong{font-size:11px;color:#acd7b8}.thread p{margin-top:6px;background:#252b2d;border-radius:6px;padding:7px}.post h3{margin:7px 0 6px}.post p{font-size:12px;color:#c0c9c4;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.empty{border:1px dashed #4a5352;border-radius:10px;padding:14px;color:#bdc6c2}.divider{height:1px;background:#373f40;margin:16px 0}.panel form{display:grid;gap:11px}.panel form label{margin:0}.inline-form{display:flex;align-items:end;gap:10px;margin-top:14px}.inline-form label{flex:1}.inline-form button{white-space:nowrap}.room-picks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.room-btn{border:1px solid #505c5c;border-radius:9px;background:#202627;padding:10px;color:white}.room-btn.active{border-color:#7fc797;background:#1b4930}.chat-feed{min-height:70px;background:#0d1112;border:1px solid #344040;border-radius:11px;padding:12px;display:grid;gap:8px;align-content:start}.bubble{background:#222c2e;border-radius:11px;padding:8px 11px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.trade-info{padding:13px;border:1px solid #3d4649;border-radius:11px;background:#202627;display:grid;gap:4px}.trade-info span{font-size:11px;color:#b9c4c4}.controls-wrap{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.status-box{border:1px dashed #4c6660;border-radius:10px;color:#d1e6d7;background:#15231e;padding:13px;min-height:40px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.foot{color:#9ca7a5;font-size:10px;text-align:center;padding:6px 20px 15px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);border:1px solid #5d7967;border-radius:10px;padding:12px 17px;background:#1e3429;max-width:min(92vw,560px);box-shadow:0 8px 40px #0009;z-index:5;display:none}.toast.show{display:block}
@media(max-width:1100px){.page{grid-template-columns:170px minmax(0,1fr) 170px;padding:12px;gap:10px}.ad-art{height:140px}.major strong{font-size:17px}.major{padding:12px}.quick a{padding:10px 2px}.head{gap:18px}.nav{gap:10px}}
@media(max-width:860px){.page{display:block;max-width:690px;padding:12px 12px 90px}.ad-col{display:none}.mobile-top-ad{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px auto 0;max-width:666px;border:1px solid #574a39;background:linear-gradient(100deg,#30251e,#65503d);border-radius:10px;padding:9px 12px;font-size:12px}.mobile-top-ad span{font-size:10px;color:#f5cf87}.mobile-top-ad small{font-size:10px;color:#e5d1b6}.mobile-sticky-ad{position:fixed;bottom:0;left:0;right:0;z-index:4;background:#443522;border-top:1px solid #d0ae62;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px max(12px,calc((100% - 666px)/2));box-shadow:0 -5px 20px #0008}.mobile-sticky-ad small{display:block;font-size:10px;color:#e1c491}.mobile-sticky-ad strong{display:block;font-size:12px}.mobile-sticky-ad button{font-size:27px;border:1px solid #b79b73;background:#5a4526;color:white;border-radius:50%;width:32px;height:32px}.mobile-sticky-ad.hidden{display:none}.head{padding:11px 15px;gap:8px}.nav{margin-left:auto;justify-content:end;flex-wrap:wrap}.sandbox{display:none}.main{margin-top:12px}}
@media(max-width:520px){.head{align-items:start;flex-wrap:wrap;padding:10px 13px}.brand strong{font-size:20px}.brand span{font-size:11px}.nav{width:100%;order:2;justify-content:space-between;gap:4px}.nav a{font-size:11px}.page{padding:10px 10px 94px}.mobile-top-ad{margin:10px 10px 0}.hero{padding:15px 13px}.hero h1{font-size:24px}.duo{gap:7px}.major{grid-template-columns:1fr;text-align:center;padding:10px 5px;border-radius:11px}.major span{display:none}.major strong{font-size:15px}.major small{font-size:10px;line-height:1.3}.quick{gap:5px}.quick a{font-size:10px;padding:9px 2px}.panel{padding:15px;border-radius:13px}.member-controls,.form-row{gap:9px}.quota{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-bar{gap:7px}.category-bar .ghost{font-size:11px;white-space:nowrap;padding:10px 8px}.inline-form{display:block}.inline-form button{margin-top:8px}.controls-wrap button{padding:9px;font-size:12px}.mobile-sticky-ad{padding:7px 11px}.toast{bottom:60px}}
@media(max-width:340px){.nav a{font-size:10px}.major strong{font-size:14px}.major small{font-size:9px}.head{padding:9px 10px}.quota .counter{padding:8px}.mobile-top-ad{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.major{transition:none}}
.storage-bar{display:flex;justify-content:space-between;align-items:center;gap:9px;background:#1f2927;border:1px solid #486251;padding:9px 11px;border-radius:11px;margin:6px 0 13px}.storage-bar span{font-size:11px;color:#d0e1d4}.storage-bar button{font-size:11px;white-space:nowrap;padding:8px}@media(max-width:520px){.storage-bar{align-items:start;flex-direction:column}.storage-bar button{width:100%}}