:root{--ink:#d5edf2;--muted:#80aab3;--line:rgba(42,190,205,.48);--panel:rgba(3,28,38,.91);--gold:#ffd533;--green:#3de17f;--red:#ff7474;--shadow:0 18px 55px rgba(0,0,0,.36);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color-scheme:dark;color:var(--ink);background:#03151e}*{box-sizing:border-box}html{background:#03151e url('/assets/ocean-beach-bg-v1.png') center top/cover fixed no-repeat}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(0,31,46,.34),rgba(2,15,23,.65) 58%,rgba(2,13,20,.93));color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,17,25,.2),transparent 45%,rgba(1,16,24,.4));pointer-events:none}.skip{position:fixed;left:1rem;top:-4rem;background:#000;color:#fff;padding:.7rem;z-index:30}.skip:focus{top:1rem}.topbar{height:70px;background:rgba(2,23,32,.94);border-bottom:1px solid rgba(46,199,214,.5);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5rem);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.24)}.brand,.session{display:flex;align-items:center;gap:.75rem}.brand strong,.brand small,.health strong,.health small{display:block}.brand strong{color:#fff}.brand small{font-size:.75rem;color:#75c7d2;margin-top:.18rem}.brand-mark{width:42px;height:42px;border:1px solid #16b9ce;background:linear-gradient(145deg,#063542,#021921);color:#ffda35;display:grid;place-items:center;font-family:serif;font-size:1.25rem;transform:rotate(45deg);box-shadow:0 0 18px rgba(21,190,207,.22)}.brand-mark.large{width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.6rem}.tabs{display:flex;justify-content:center;gap:.3rem;padding:.65rem 1rem;background:rgba(2,25,34,.95);border-bottom:1px solid rgba(46,199,214,.46);position:sticky;top:70px;z-index:9;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.18)}.tabs button,.chip,.text-button{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.tabs button{padding:.62rem 1rem;border-radius:99px;white-space:nowrap;color:#83cbd4;font-weight:800}.tabs button:hover{background:rgba(19,119,134,.28);color:#dfffff}.tabs button[aria-current="page"]{background:linear-gradient(135deg,#0784a0,#07576b);color:#fff;box-shadow:0 3px 14px rgba(1,153,182,.28)}.button{border:1px solid #148fa5;border-radius:7px;background:linear-gradient(135deg,#0789a5,#067084);color:#fff;padding:.66rem 1.1rem;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.2)}.button:hover{background:linear-gradient(135deg,#0ba5c4,#087f95)}.button:disabled{opacity:.5;cursor:wait}.button.ghost{background:rgba(4,45,57,.72);border-color:#1a9fb2;color:#bff9ff}.text-button{color:#66e7f2;font-weight:800;text-decoration:underline}.chip{border:1px solid rgba(42,166,181,.5);border-radius:99px;padding:.55rem .9rem;background:rgba(7,53,65,.9);color:#9edce3;font-weight:800}.chip.selected{background:#f0ba2a;border-color:#ffd43e;color:#172128}main{max-width:1160px;margin:auto;padding:1.4rem 1rem 4rem}.view{display:none}.view.active{display:block;animation:legacy-in .22s ease-out}@keyframes legacy-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}h1,h2,p{margin-top:0}.hero{min-height:auto;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden;border:1px solid rgba(45,192,206,.62);border-radius:15px;background:linear-gradient(135deg,rgba(2,31,42,.94),rgba(4,51,62,.77));box-shadow:var(--shadow)}.hero:after{content:"盟";position:absolute;right:3%;top:-42%;font:19rem serif;color:rgba(80,220,226,.045)}.hero h1,.section-heading h1{font-weight:950;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1rem}.hero p:not(.eyebrow){color:#9ec6cc;max-width:600px;line-height:1.8}.eyebrow{font-size:.72rem;letter-spacing:.23em;color:#4de0ed;font-weight:800}.health{display:flex;gap:.8rem;align-items:center;z-index:1;min-width:210px;padding:.75rem 1rem;border:1px solid rgba(38,170,184,.44);border-radius:10px;background:rgba(1,20,28,.65)}.health small{color:#73b4bc;margin-top:.2rem}.pulse{width:10px;height:10px;border-radius:50%;background:#45ce9f;box-shadow:0 0 0 8px rgba(69,206,159,.12)}.grid{display:grid;gap:1rem;margin:1rem 0}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card,.panel,.auction-card,.empty{background:linear-gradient(145deg,rgba(3,29,39,.94),rgba(3,22,31,.91));border:1px solid rgba(42,181,195,.53);box-shadow:var(--shadow);backdrop-filter:blur(10px);border-radius:13px}.card{padding:1.15rem 1.3rem}.card span,.card small{display:block;color:#7eb5bd}.card strong{display:block;margin:.7rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.75rem;font-weight:950;color:#ffd92f;text-shadow:0 0 16px rgba(255,211,47,.14)}.panel{padding:1.15rem;margin-top:1.3rem}.panel.narrow{max-width:760px}.panel-title,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.panel-title{padding-bottom:.65rem;border-bottom:1px solid rgba(43,166,180,.4)}.panel-title h2,.panel h2{color:#70edf3}.section-heading{margin-bottom:1.15rem;padding:1rem 1.2rem;border:1px solid rgba(42,181,195,.48);border-radius:12px;background:rgba(3,29,39,.82)}.section-heading h1{font-size:clamp(1.65rem,3vw,2.25rem);margin:0}.secure-label{color:#55e793;font-size:.85rem}.list>*{padding:1rem 0;border-bottom:1px solid rgba(39,143,157,.34)}.list>*:last-child{border-bottom:0}.announcement{padding:.85rem 1rem!important;margin:.6rem 0;border:1px solid rgba(36,143,156,.46)!important;border-radius:9px;background:rgba(2,23,31,.72)}.announcement h3,.auction-card h2{margin:.1rem 0 .5rem}.announcement h3{color:#ffd632}.announcement p{color:#b2d1d6;line-height:1.7}.meta{font-size:.82rem;color:#6fa4ad}.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1rem}.auction-card{padding:1rem;min-height:260px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.auction-card:hover{transform:translateY(-3px);border-color:#40d9e4;box-shadow:0 22px 55px rgba(0,0,0,.5)}.auction-card h2{color:#fff;font-size:1.12rem}.auction-card .price{margin:auto 0 .8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.55rem;font-weight:950;color:#ffda34}.auction-image{width:100%;height:170px;object-fit:contain;border:1px solid rgba(39,153,167,.38);border-radius:9px;background:rgba(0,9,13,.76);margin-bottom:.85rem}.status{display:inline-block;font-size:.75rem;border-radius:99px;padding:.25rem .55rem;background:#0a4050;color:#a9e8ef;border:1px solid rgba(47,183,198,.45);font-weight:900}.status.active{background:#842922;color:#fff;border-color:#f05b4f}.status.pending,.status.sold{background:#604a0c;color:#ffe879;border-color:#c79c24}.empty{text-align:center;color:#789fa7;border-style:dashed;padding:4rem 1rem}.form{display:grid;gap:.2rem}.form label,.login-card label{display:grid;gap:.45rem;margin:1rem 0;color:#8dc5cd;font-size:.88rem}input,select,textarea{width:100%;border:1px solid rgba(43,161,175,.56);border-radius:7px;padding:.75rem;font:inherit;background:rgba(0,15,22,.82);color:#f0fcff}textarea{min-height:140px;resize:vertical}input::placeholder,textarea::placeholder{color:#577d85}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #35d6e5;outline-offset:2px}.table-wrap{overflow:auto;border:1px solid rgba(40,144,157,.42);border-radius:9px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:.8rem;border-bottom:1px solid rgba(35,126,138,.34);white-space:nowrap}th{font-size:.78rem;color:#79bbc4;background:rgba(1,19,27,.7)}.positive{color:#54e98c}.negative{color:var(--red)}.search>div{display:flex;gap:.5rem}.notice{position:fixed;right:1.5rem;bottom:1.5rem;background:#063442;color:#fff;padding:1rem 1.3rem;z-index:30;border:1px solid #20a9bb;border-radius:9px;box-shadow:var(--shadow)}dialog{border:1px solid #1ca7b9;padding:0;border-radius:10px;background:#061f2a;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.45);max-width:min(430px,calc(100vw - 2rem))}dialog::backdrop{background:rgba(0,8,12,.82);backdrop-filter:blur(4px)}.login-card{padding:2.5rem;position:relative;background:linear-gradient(145deg,#062936,#041b25)}.login-card>p{color:#8fb8bf;line-height:1.6}.dialog-close{position:absolute;right:1rem;top:1rem;border:0;background:none;color:#8ee8ef;font-size:1.5rem;cursor:pointer}.wide{width:100%}.error{color:#ff7f7f!important;min-height:1.2em}.skeleton{color:var(--muted)}footer{border-top:1px solid rgba(40,156,170,.4);padding:2rem clamp(1rem,5vw,5rem);display:flex;justify-content:space-between;background:rgba(1,18,26,.82);color:#6fa8b0;font-size:.8rem}@media(max-width:850px){html{background-position:58% top}.grid.three,.grid.two,.auction-grid{grid-template-columns:1fr}.hero{display:block;padding:1.2rem}.health{margin-top:1.2rem}.session span{display:none}.tabs{justify-content:flex-start;top:64px}.section-heading{align-items:flex-start;flex-direction:column}.topbar{height:64px;padding:0 1rem}main{padding:.8rem}.panel{padding:.9rem}footer{display:grid;gap:.5rem}.search>div{flex-direction:column}.card strong{font-size:1.45rem}}