:root{font-family:'Noto Sans TC',sans-serif;color:#eef0f8;background:#03010a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#03010a;color:#eef0f8}button{font:inherit}.cosmos{position:fixed;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% -10%,#15102c 0,#070516 38%,#03010a 70%)}.nebula{position:absolute;filter:blur(85px);opacity:.18;border-radius:50%}.n1{width:600px;height:500px;left:-150px;top:700px;background:#1a8fb0}.n2{width:650px;height:480px;right:-160px;top:350px;background:#82330e}.star{position:absolute;width:9px;height:9px;border-radius:50%;background:#d9e0ff;box-shadow:0 0 12px 5px #b8c1ff88;opacity:.35}.s0{top:12%;left:11%}.s1{top:18%;right:9%}.s2{top:33%;left:7%}.s3{top:39%;right:12%}.s4{top:53%;left:14%}.s5{top:65%;right:8%}.s6{top:77%;left:8%}.s7{top:88%;right:15%}.s8{top:24%;left:46%}.s9{top:45%;left:61%}.s10{top:59%;left:30%}.s11{top:70%;left:70%}.s12{top:82%;left:45%}.s13{top:95%;left:20%}header{height:260px;border-bottom:1px solid #a855f71a;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#0a071a44,#03010a22)}header h1{margin:0;font:900 60px/1.05 'Noto Serif TC',serif;letter-spacing:.16em;background:linear-gradient(90deg,#eef2ff,#f3e8ff,#fff7c2);-webkit-background-clip:text;color:transparent;text-shadow:0 5px 20px #0008}header h2{margin:14px 0 0;font:800 30px/1.2 'Noto Serif TC',serif;letter-spacing:.2em;color:#facc15e6;text-shadow:0 0 12px #d49a1a88}main{max-width:1280px;margin:0 auto;padding:32px 24px 80px}.actions{display:flex;justify-content:center;gap:16px}.actions button{border:1px solid #a855f733;background:#0d072466;color:#d8b4fe;border-radius:12px;padding:12px 25px;cursor:pointer;font:700 14px 'Noto Serif TC',serif}.actions .gold{border:0;color:#17120b;background:linear-gradient(90deg,#eab308,#f59e0b,#d97706);box-shadow:0 4px 18px #f59e0b22}.tabs{max-width:500px;margin:36px auto 46px;padding:10px;background:#060313aa;border:1px solid #8b5cf622;border-radius:16px;display:flex}.tabs button{flex:1;border:1px solid transparent;border-radius:12px;padding:12px;background:transparent;color:#8991a5;cursor:pointer;font:800 14px 'Noto Serif TC',serif}.tabs .active{color:#e9d5ff;border-color:#a855f74d;background:linear-gradient(90deg,#7e22ce4d,#4f46e54d)}.content{display:none}.active-panel{display:block}.podium{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:10px;align-items:start}.top-card{position:relative;min-height:446px;padding:20px;border:1px solid #334155;border-radius:15px;background:linear-gradient(145deg,#172033d9,#080812ed);box-shadow:0 10px 40px #0009}.top-card.rank-1{margin-top:-22px;min-height:476px;border-color:#d9a816;background:radial-gradient(circle at 50% 20%,#78620d88,#191403d9 43%,#080812ed);box-shadow:0 0 24px #eab30822,inset 0 0 22px #eab30811}.top-card.rank-3{border-color:#9a4c16;background:radial-gradient(circle at 50% 15%,#6b350b88,#1b0e06d9 45%,#080812ed)}.rank-pill{display:inline-block;padding:5px 13px;border:1px solid #64748b55;border-radius:999px;color:#dbeafe;font:700 12px 'Noto Serif TC',serif}.rank-1 .rank-pill{background:linear-gradient(90deg,#facc15,#f59e0b);color:#17120b}.rank-3 .rank-pill{color:#fdba74}.spark{position:absolute;right:18px;color:#eab30888}.portrait-wrap{width:116px;height:116px;margin:12px auto 8px;position:relative;border-radius:50%;display:grid;place-items:center;background:#eab308;box-shadow:0 0 24px #eab30899}.portrait-wrap img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #94a3b8}.rank-1 .portrait-wrap img{width:101px;height:101px;border-color:#facc15}.portrait-wrap .crown{position:absolute;top:-27px;font-size:34px;color:#facc15;text-shadow:0 0 10px #f59e0b}.portrait-wrap i{position:absolute;bottom:-8px;width:35px;height:25px;border-radius:12px;background:#dc3030;border:3px solid #ffe6c6}.top-card h3{margin:12px 0 10px;text-align:center;font:700 22px 'Noto Serif TC',serif}.profile{background:#05050dcc;border:1px solid #4c1d9522;border-radius:10px;padding:8px 12px}.profile p{display:flex;align-items:center;margin:0;padding:5px 0;border-bottom:1px solid #ffffff0b;font-size:12px}.profile p:last-child{border:0}.profile span{color:#778096;min-width:56px}.profile b{color:#facc15;margin-left:auto}.profile em{margin-left:auto}.profile small,.list-meta small{font-style:normal;color:#ddd6fe;background:#3b176044;border:1px solid #a855f722;padding:2px 7px;margin-left:5px}.profile .work{display:block}.profile .work i{display:block;color:#d4d4dc;margin-top:3px}.recommenders{margin-top:15px;padding-top:10px;border-top:1px solid #ffffff0b}.recommenders label{font-size:11px;color:#cbd5e1}.recommenders div{height:31px;margin-top:6px;display:flex;align-items:center;gap:8px;padding:4px 9px;border:1px solid #eab3081f;border-radius:7px;background:#5b45111c;color:#facc15;font-size:11px}.recommenders img{width:21px;height:21px;border-radius:50%;object-fit:cover}.ranking{max-width:760px;margin:38px auto}.list-card{min-height:170px;margin:12px 0;padding:19px 22px;border:1px solid #52218b22;border-radius:15px;background:#050412cc;box-shadow:inset 0 0 28px #35126308}.person-line{display:flex;align-items:center;gap:12px}.list-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#1a1b27;color:#cbd5e1;font-size:12px}.person-line img{width:44px;height:44px;border-radius:50%;object-fit:cover}.person-line h3{font:700 17px 'Noto Serif TC',serif}.list-meta{margin-top:13px;padding-top:7px;border-top:1px solid #ffffff08;font-size:12px}.list-meta p{margin:8px 0;color:#d4d4dc}.list-meta span{color:#778096}.list-meta .gap{margin-left:25px}.list-meta b,.list-meta strong{color:#facc15;background:#7c5d171f;border:1px solid #eab30822;padding:3px 8px;border-radius:5px}.list-meta strong{display:inline-block;margin-top:2px;border-radius:999px}.empty{text-align:center;padding:80px;border:1px solid #8b5cf622;border-radius:18px;color:#9ca3af}.empty div{font-size:50px;color:#eab308}.modal{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:18px}.modal.show{display:grid}.shade{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(510px,95vw);max-height:82vh;padding:32px;border:1px solid #9b6a243d;border-radius:14px;background:#080416;box-shadow:0 24px 90px #000;color:#eef0f8}.close{position:absolute;right:18px;top:15px;border:0;background:none;color:#9ca3af;font-size:25px;cursor:pointer}.eyebrow{text-align:center;color:#c2a343;font:600 11px serif}.modal-card>h2{text-align:center;margin:8px 0 3px;font:700 25px 'Noto Serif TC',serif}.modal-card>p{text-align:center;color:#8b8fa1;font-size:12px}.modal-tabs{display:flex;margin:18px 0;padding:4px;border-radius:10px;background:#15121f}.modal-tabs button{flex:1;padding:9px;border:0;border-radius:7px;background:transparent;color:#858696}.modal-tabs .active{color:#f8d568;background:linear-gradient(90deg,#5d452b,#62371e);box-shadow:inset 0 0 0 1px #ba732555}.candidates{max-height:300px;overflow:auto}.candidates>div{display:flex;align-items:center;gap:12px;margin:9px 0;padding:12px 14px;border-radius:10px;background:#17131f}.candidates img{width:43px;height:43px;border-radius:50%;object-fit:cover}.candidates span{display:flex;flex:1;flex-direction:column}.candidates small{color:#8d859b;font-size:10px}.candidates button{border:0;border-radius:9px;padding:9px 18px;background:linear-gradient(90deg,#facc15,#f59e0b);font-weight:800;cursor:pointer}.candidates button:disabled{background:#393444;color:#aaa}.modal-card footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0d;color:#747787;font-size:10px}.modal-card footer b{color:#facc15}.rule-pop{display:none;position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,90vw);padding:34px;border:1px solid #eab30844;border-radius:16px;background:#090617;box-shadow:0 0 0 100vmax #000b,0 20px 80px #000}.rule-pop.show{display:block}.rule-pop button{position:absolute;right:15px;top:10px;border:0;background:none;color:#aaa;font-size:24px}.rule-pop h2{font-family:'Noto Serif TC';color:#facc15}.rule-pop p{color:#a6a7b1;line-height:1.9}.content{animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}}
@media(max-width:760px){header{height:220px}header h1{font-size:38px}header h2{font-size:22px}main{padding:32px 16px 60px}.actions button{flex:1}.tabs{margin:24px auto 36px}.podium{display:flex;flex-direction:column}.top-card{width:100%;min-height:0}.top-card.rank-1{order:-1;margin-top:0}.list-card{min-height:0;padding:16px}.list-meta .gap{margin-left:10px}.modal-card{padding:27px 18px}.modal-card footer{gap:8px}.star{opacity:.23}}
.room-podium{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:10px;align-items:start}.room-top{position:relative;min-height:405px;padding:18px;border:1px solid #334155;border-radius:15px;background:linear-gradient(145deg,#131b2edb,#070711f2);box-shadow:0 12px 40px #000a}.room-top.rank-1{margin-top:-40px;min-height:445px;border-color:#d9a816;background:radial-gradient(circle at 50% 20%,#80670e8c,#181304dc 46%,#070711f2);box-shadow:0 0 26px #eab30825}.room-top.rank-3{border-color:#8d4618;background:radial-gradient(circle at 50% 18%,#6b350b75,#180d07df 48%,#070711f2)}.room-badges{display:flex;align-items:center;gap:7px;font-size:11px}.room-badges span{padding:5px 12px;border:1px solid #64748b44;border-radius:999px;font-family:'Noto Serif TC'}.room-badges b{color:#fb7185;background:#7f1d1d55;padding:4px 8px;border-radius:999px}.room-badges em{margin-left:auto;color:#eab308;background:#05040caa;padding:5px 10px;border-radius:999px;font-style:normal}.room-cover{width:118px;height:118px;margin:28px auto 10px;position:relative;display:grid;place-items:center}.room-cover>span{position:absolute;top:-29px;color:#facc15;font-size:32px}.room-cover img{width:108px;height:108px;border:4px solid #c39316;border-radius:13px;object-fit:cover;box-shadow:0 0 22px #eab30866}.room-cover i{position:absolute;bottom:5px;right:6px;padding:3px 7px;border-radius:7px;background:#070713cc;color:#cbd5e1;font-size:10px;font-style:normal}.room-top h3{text-align:center;margin:14px 0 5px;font:700 18px 'Noto Serif TC',serif}.room-top>p{text-align:center;margin:0;color:#8991a5;font-size:11px}.room-top>p b{color:#d8b4fe}.room-tags{display:flex;justify-content:center;gap:5px;margin:12px 0}.room-tags small,.room-list small{padding:3px 6px;border:1px solid #a855f722;background:#3b176044;color:#ddd6fe;border-radius:4px}.room-fans{border-top:1px solid #ffffff0c;padding-top:9px;display:flex;flex-wrap:wrap;gap:5px}.room-fans label{width:100%;font-size:10px;color:#cbd5e1}.room-fans span{font-size:10px;color:#facc15;background:#6048102c;padding:4px 7px;border-radius:999px}.room-top>button{position:absolute;left:18px;right:18px;bottom:15px;border:1px solid #eab30833;border-radius:8px;padding:8px;background:#eab30812;color:#facc15;font-size:11px}.room-ranking{max-width:760px;margin:40px auto}.room-list{display:flex;align-items:center;gap:14px;margin:12px 0;padding:16px 20px;border:1px solid #52218b22;border-radius:14px;background:#050412dc}.room-list>img{width:74px;height:58px;border-radius:9px;object-fit:cover}.room-list>div{flex:1}.room-list h3{margin:0 0 6px;font:700 15px 'Noto Serif TC',serif}.room-list p{margin:5px 0;color:#858b9a;font-size:11px}.room-list>strong{color:#facc15;font-size:12px}@media(max-width:760px){.room-podium{display:flex;flex-direction:column}.room-top{width:100%;min-height:390px}.room-top.rank-1{order:-1;margin-top:0}.room-list{padding:12px}.room-list>img{width:58px;height:52px}.room-list>strong{display:none}}