:root{--bg:#101111;--panel:#181919;--line:#383831;--text:#f0efe9;--muted:#999990;--gold:#d5ae55;--gold2:#f1ca65;--silver:#c6c9cc;--bronze:#cf9470;--green:#83aa86}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#272319 0,var(--bg) 44%);color:var(--text);font-family:'Noto Sans TC',sans-serif}.site-header{max-width:1450px;height:64px;margin:auto;padding:0 32px;display:flex;align-items:center;border-bottom:1px solid #292a26}.logo{color:var(--text);font:700 italic 23px 'DM Mono';text-decoration:none}.site-header nav{display:flex;gap:45px;margin:auto}.site-header nav a,.header-actions button{border:0;background:none;color:#bcbdb5;text-decoration:none;font:13px 'Noto Sans TC';cursor:pointer}.header-actions{display:flex;align-items:center;gap:14px}.header-actions button:nth-child(2),.login{border:1px solid #4e4735;border-radius:18px;padding:6px 11px}.page{max-width:1450px;margin:auto;padding:27px 32px 65px}.panel{background:linear-gradient(135deg,#1c1d1a,#151615);border:1px solid #5c4d2e;border-radius:14px;box-shadow:0 14px 38px #0005}.season-grid{display:grid;grid-template-columns:.94fr 1.65fr .95fr;gap:17px}.streamer-card{overflow:hidden}.cover{height:285px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 48% 35%,#f1c98a,#b68658 40%,#39312b 85%);font-size:115px}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(#0000 45%,#101111cc)}.cover span{z-index:1;position:absolute;left:16px;top:15px;background:#22221e;border-radius:14px;padding:7px 11px;font-size:12px;font-weight:700}.cover i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e12925;margin-right:5px}.profile{display:flex;gap:14px;padding:0 20px 18px;transform:translateY(-25px);margin-bottom:-25px}.avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--gold);background:#6d5030;display:grid;place-items:center;font-size:35px}.profile h1{font-size:20px;margin:5px 0}.profile p{color:#c7c6be;font-size:12px;margin:8px 0}.platforms{display:flex;gap:5px}.platform{font:10px 'DM Mono';color:#dddcd5}.platform b{color:var(--gold2)}.pet-card{padding:19px 23px}.pet-card-top,.side-title{display:flex;justify-content:space-between;align-items:center}.section-label{font:700 12px 'Noto Sans TC';color:#d9c07c}.pet-card-top span:last-child{font:11px 'DM Mono';color:var(--muted)}.pet-content{display:grid;grid-template-columns:1.15fr .9fr;align-items:center;min-height:288px}.pet-stage{height:255px;position:relative;display:grid;place-items:center}.pet-placeholder{z-index:2;font-size:175px;filter:drop-shadow(0 17px 11px #000b)}.pet-ring{position:absolute;width:240px;height:58px;bottom:23px;border:4px solid var(--gold);border-radius:50%;box-shadow:0 0 28px #d5ae5555}.level-line{display:flex;align-items:center;gap:10px}.level-line h2{font:700 42px 'DM Mono';color:var(--gold2);margin:0}.level-line span{font-size:13px;border:1px solid #725e34;border-radius:14px;padding:4px 8px;color:#ead08b}.exp-track{height:9px;border-radius:20px;background:#0d0e0d;border:1px solid #4e482e;margin:14px 0 7px;overflow:hidden}.exp-track i{display:block;height:100%;background:linear-gradient(90deg,#d39e39,#ffdc72);border-radius:inherit}.pet-info>strong{font:12px 'DM Mono';color:#c0bfb6}.next-level{font-size:12px;color:#e1dfd5;margin:11px 0}.next-evolution{padding:13px;border:1px solid #484231;border-radius:8px;background:#25241e;display:grid;gap:3px}.next-evolution span,.next-evolution small{font-size:10px;color:#a5a49b}.next-evolution b{font:700 22px 'DM Mono';color:var(--gold2)}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:15px}.rank-grid div{padding:0 13px;border-left:1px solid var(--line)}.rank-grid div:first-child{padding-left:0;border:0}.rank-grid span{color:var(--muted);font-size:10px}.rank-grid strong{display:block;font:700 21px 'DM Mono';color:var(--gold2);margin-top:5px}.rank-grid small{display:block;margin-top:6px;color:#b9b7ae;font-size:9px;line-height:1.45}.leaderboard{padding:24px}.side-title a{font-size:10px;color:var(--gold2);text-decoration:none}.leaderboard ol{padding:0;margin:14px 0 0;list-style:none;counter-reset:rank}.leaderboard li{counter-increment:rank;display:grid;grid-template-columns:33px 1fr auto;align-items:center;border-top:1px solid #33342f;padding:11px 8px;font-size:13px}.leaderboard li:before{content:counter(rank);font:13px 'DM Mono';color:var(--muted)}.leaderboard li:nth-child(1){background:linear-gradient(90deg,#6f592511,#201f18);border:1px solid #826934;border-radius:7px;margin:5px 0;padding:11px 8px}.leaderboard li:nth-child(1):before{content:'♛';font-size:21px;color:var(--gold2)}.leaderboard li:nth-child(2):before{color:var(--silver);font-size:18px}.leaderboard li:nth-child(3):before{color:var(--bronze);font-size:18px}.leaderboard li:first-child span{color:var(--gold2);font-weight:800}.leaderboard li:nth-child(2) span{color:var(--silver);font-weight:700}.leaderboard li:nth-child(3) span{color:var(--bronze);font-weight:700}.leaderboard li strong{font:13px 'DM Mono';color:#deddd5}.leaderboard-note{margin:14px 0 0;padding:9px;border:1px solid #464130;border-radius:6px;font-size:10px;color:#b7b5aa}.viewer-rank{margin:10px 0 0;padding-top:10px;border-top:1px solid #34342f;font-size:10px;color:#d6d3c7}.viewer-rank b{font-family:'DM Mono';color:var(--gold2)}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:17px;margin-top:17px}.support-area{padding:11px 24px 18px}.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #36362f;border-radius:7px;overflow:hidden}.tab{border:0;background:#191a19;color:#afafa7;padding:14px;font:600 15px 'Noto Sans TC';cursor:pointer}.tab.active{background:linear-gradient(90deg,#d4a949,#f3cb68);color:#28200e}.amount-header{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:13px}.amount-header small{font-size:10px;color:var(--muted)}.quick-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:9px}.quick-amounts button,.pay{border:1px solid #3f403b;border-radius:6px;background:#21221f;color:#c5c3b8;padding:8px;font:11px 'DM Mono';cursor:pointer}.quick-amounts button:hover{color:var(--gold2);border-color:var(--gold)}.custom-amount{height:50px;border:1px solid #856a32;border-radius:6px;display:flex;align-items:center;padding:0 13px;background:#171612;color:var(--muted);font:12px 'DM Mono'}.custom-amount input{flex:1;border:0;background:none;color:var(--gold2);font:700 20px 'DM Mono';outline:0;padding-left:12px}.custom-amount small{font:10px 'Noto Sans TC'}.support-area label{display:block;margin:15px 0 7px;color:#dddcd3;font-size:12px;font-weight:600}.support-area label small{float:right;color:var(--muted);font-weight:400}input,textarea,select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #454640;border-radius:6px;background:#151615;color:var(--text);outline-color:var(--gold);font:12px 'Noto Sans TC'}textarea{height:80px;resize:none}.tts{display:flex!important;align-items:center;gap:8px;border-bottom:1px solid #33342f;padding-bottom:14px}.tts input{width:auto;margin:0;accent-color:var(--gold)}.tts small{margin-left:auto;float:none!important}.hidden{display:none}.exp-preview{margin-top:16px;font-size:11px;color:#aeaca2}.exp-preview strong{font:700 15px 'DM Mono';color:var(--gold2)}.payment{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:#dddcd4}.payment span{margin-right:auto}.pay{padding:7px 11px}.pay.active{border-color:var(--gold);color:var(--gold2)}.support-button{border:0;border-radius:6px;width:100%;padding:15px;margin-top:17px;background:linear-gradient(90deg,#d5a845,#f1c960);color:#251d0c;font:700 16px 'Noto Sans TC';cursor:pointer}.support-button strong{font-family:'DM Mono';margin-left:6px}.form-notice{text-align:center;color:var(--muted);font-size:10px;margin:10px 0 0}.recent-support{padding:22px}.recent-item{padding:13px 0;border-bottom:1px solid #34342f}.recent-top{display:flex;justify-content:space-between}.recent-top b{font-size:13px}.recent-top strong{font:13px 'DM Mono';color:var(--gold2)}.recent-item p{margin:6px 0 3px;font-size:12px;color:#c8c6bb}.recent-item small{color:var(--muted);font-size:10px}.toast{position:fixed;right:24px;bottom:24px;display:flex;gap:10px;max-width:350px;padding:15px;background:#28251d;border:1px solid #806936;border-radius:7px;box-shadow:0 15px 40px #000a;transform:translateY(140%);transition:.35s}.toast.show{transform:none}.toast>span{color:var(--gold2);font-size:23px}.toast strong{font-size:13px}.toast p{margin:3px 0 0;font-size:11px;color:#c4c0b1}@media(max-width:1000px){.season-grid{grid-template-columns:1fr 1fr}.leaderboard{grid-column:span 2}.lower-grid{grid-template-columns:1fr}.recent-support{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.recent-support>.section-label{grid-column:span 2}}@media(max-width:650px){.site-header{padding:0 15px}.site-header nav{display:none}.header-actions button:first-child,.header-actions button:nth-child(2){display:none}.page{padding:15px}.season-grid,.lower-grid{grid-template-columns:1fr}.leaderboard{grid-column:auto}.pet-content{grid-template-columns:1fr}.pet-stage{height:210px}.pet-placeholder{font-size:140px}.pet-info{padding:0 5px}.rank-grid{margin-top:15px}.rank-grid div{padding:0 8px}.cover{height:220px}.payment{flex-wrap:wrap}.payment span{width:100%}.recent-support{display:block}.recent-support>.section-label{display:block}}