:root{font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#d8e3e2;background:#050606;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0 8%,#06332f 0,transparent 30%),radial-gradient(circle at 100% 0,#361321 0,transparent 32%),#070808}.shell{width:min(1280px,100%);margin:auto;padding:40px 28px 64px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;padding:0 0 22px;border-bottom:1px solid rgba(0,216,200,.34)}.eyebrow{color:#00d8c8;font-weight:900;letter-spacing:.18em}.hero h1{margin:7px 0 4px;color:#fff;font-size:clamp(28px,4vw,44px);line-height:1.15}.hero p{margin:0;color:#a9c3c0}nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.tab,.button,.mini{border:1px solid #00d8c8;background:transparent;color:#58fff3;text-decoration:none;padding:10px 14px;font:700 14px inherit;cursor:pointer}.tab.active,.tab:hover,.button:hover{background:#00d8c8;color:#00110f}.button.pink{background:#e25191;border-color:#e25191;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;display:flex;overflow:hidden;flex-direction:column;background:linear-gradient(180deg,#1c1d1d,#0d0f0f);border:1px solid rgba(132,179,174,.32);box-shadow:0 16px 32px #0007;transition:.25s}.card:before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#00d8c8 58%,#e25191)}.card:hover{transform:translateY(-4px);border-color:#00d8c8;box-shadow:0 22px 42px #0009,0 0 24px #00d8c822}.shot{display:block;aspect-ratio:16/9;overflow:hidden;background:#020303;border-bottom:1px solid #00d8c844}.shot img{width:100%;height:100%;display:block;object-fit:cover;transition:.35s}.shot:hover img{transform:scale(1.035);filter:brightness(1.06)}.body{display:flex;flex:1;flex-direction:column;padding:20px}.meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:13px}.badge,.type{padding:6px 10px;font-size:12px;font-weight:900}.badge{background:#e25191;color:#fff}.type{background:#00d8c8;color:#00110f}.card h2{margin:0 0 7px;color:#fff;font-size:20px}.desc{margin:0 0 14px;color:#91a4a2;line-height:1.65}.url{display:block;flex:1;min-height:86px;padding:12px;background:#050707;border:1px solid #6e97934d;color:#8ee7df;font-size:12px;line-height:1.55;overflow-wrap:anywhere;text-decoration:none}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.actions>*{display:flex;min-width:0;align-items:center;justify-content:center;padding:10px 6px;border:1px solid #00d8c8;background:transparent;color:#58fff3;text-decoration:none;font:800 13px inherit;cursor:pointer}.actions>*:hover{background:#00d8c8;color:#00110f}.simple .card{min-height:310px}.simple .body{padding-top:25px}dialog{width:min(1100px,94vw);height:min(780px,90vh);padding:0;background:#0b0d0d;border:1px solid #00d8c8;color:#fff;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000c}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #00d8c866}.dialog-head div{display:flex;gap:8px}.mini{display:inline-block;padding:7px 10px}.notice{margin:0;padding:8px 16px;color:#a9c3c0;font-size:12px}.notice+iframe{height:calc(100% - 93px)}iframe{display:block;width:100%;border:0;background:#fff}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.shell{padding:25px 15px 45px}.grid{grid-template-columns:1fr}.hero nav{width:100%}.actions{grid-template-columns:1fr 1fr}.actions .preview{grid-column:1/-1}dialog{width:100vw;height:100vh;max-width:none;max-height:none}.dialog-head{align-items:flex-start}}