:root{--bg:#fbf7e9;--card:#fffdf5;--text:#201d18;--muted:#746e60;--yellow:#e7b83f;--soft:#f7edcb;--line:#e8dfc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}header{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(251,247,233,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column}.brand small,.aside-head small,.admin-card>small{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--muted)}.brand b{font-size:19px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow);font-size:15px;box-shadow:0 6px 18px rgba(218,170,44,.28)}.ready{padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-size:12px;font-weight:800}.ready i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.layout{max-width:1240px;margin:auto;padding:32px 20px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:20px}.player-card,.channels,.admin-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:0 12px 35px rgba(70,53,10,.06)}.player-card{background:#151514;border-color:#292825;color:white;box-shadow:0 24px 60px rgba(40,31,8,.16)}.video-wrap{position:relative;aspect-ratio:16/9;background:#000}.video-wrap video{width:100%;height:100%}.live{position:absolute;top:16px;left:16px;padding:7px 12px;border-radius:99px;background:rgba(0,0,0,.62);font-size:10px;font-weight:900;letter-spacing:.05em}.live::first-letter{color:var(--yellow)}.now{padding:20px}.now small{font-size:10px;font-weight:900;letter-spacing:.15em;color:#f5ca5c}.now h1{margin:5px 0;font-size:26px;letter-spacing:-.04em}.now p{margin:0;color:#a8a29e;font-size:12px}.channels{min-height:540px}.aside-head{padding:22px;border-bottom:1px solid var(--line)}.aside-head>div:first-child{display:inline-block}.aside-head h2{margin:5px 0;font-size:22px}.aside-head>b,.admin-title>b{float:right;padding:6px 12px;border-radius:99px;background:var(--yellow);font-size:12px}.search{display:flex;align-items:center;gap:8px;margin-top:14px;padding:0 14px;height:46px;border:1px solid var(--line);border-radius:17px;background:var(--bg);color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent}.groups{display:flex;gap:7px;overflow:auto;margin-top:12px}.groups button{white-space:nowrap;padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;font-size:11px;font-weight:900}.groups button.active{background:var(--text);color:var(--bg)}.list{max-height:650px;overflow:auto;padding:12px}.channel{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:20px;background:transparent;text-align:left}.channel:hover{background:#f2eddf}.channel.selected{background:var(--soft)}.channel .number{display:grid;place-items:center;width:48px;height:48px;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--bg);font-size:13px;font-weight:900}.channel.selected .number{background:var(--yellow)}.number img{width:100%;height:100%;object-fit:contain}.channel>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column}.channel b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.channel small{margin-top:5px;color:var(--muted);font-size:11px}.channel>i{font-size:20px;font-style:normal}.empty{text-align:center;color:var(--muted);padding:80px 20px;font-size:13px}nav{display:none}.admin-page header a{color:var(--text);font-weight:800}.admin-main{max-width:980px;margin:auto;padding:34px 20px 80px}.admin-card{padding:26px;margin-bottom:20px}.admin-card h1,.admin-card h2{margin:7px 0 18px;letter-spacing:-.04em}.admin-card p{color:var(--muted);font-size:13px}.admin-card input,.admin-card textarea{width:100%;margin:6px 0;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--bg);outline:0}.admin-card textarea{resize:vertical}.primary{width:100%;margin-top:10px;padding:13px;border:0;border-radius:15px;background:var(--yellow);font-weight:900}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-title{display:flex;align-items:center;justify-content:space-between}.admin-title>b{float:none}.admin-row{display:flex;align-items:center;justify-content:space-between;padding:13px;border-bottom:1px solid var(--line)}.admin-row span{display:flex;flex-direction:column}.admin-row small{margin-top:4px;color:var(--muted)}.admin-row button{padding:7px 12px;border:0;border-radius:99px;background:#f9ded8;color:#9f2d20;font-weight:800}.notice{position:sticky;bottom:20px;padding:12px 18px;border-radius:15px;background:var(--text);color:white!important;text-align:center}
@media(max-width:850px){.layout{grid-template-columns:1fr;padding:18px 14px 90px}.ready{display:none}.now{padding:16px}.now h1{font-size:21px}.channels{min-height:auto}.admin-grid{grid-template-columns:1fr}nav{position:fixed;left:50%;bottom:12px;z-index:30;display:flex;transform:translateX(-50%);padding:6px;border:1px solid var(--line);border-radius:99px;background:rgba(255,253,245,.94);box-shadow:0 14px 45px rgba(50,38,5,.18);backdrop-filter:blur(16px)}nav button{min-width:74px;padding:8px 14px;border:0;border-radius:99px;background:transparent;font-weight:900}nav button span{display:block;font-size:10px;margin-top:3px}nav button.active{background:var(--yellow)}}