@import url("/brand.css");
:root{--bg:#07070a;--bg2:#0d0a10;--panel:#111116;--panel2:#17131a;--ink:#faf8fb;--muted:#a7a0ab;--line:#2b2530;--pink:#ff2f8a;--hot:#ff4e62;--violet:#9b5cff;--cyan:#62e5ff;--gold:#ffd15c;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.68;background:radial-gradient(circle at 75% -10%,#6c224633 0,transparent 35%),radial-gradient(circle at -10% 25%,#4a267033 0,transparent 31%),linear-gradient(180deg,#07070a,#09070b 60%,#07070a)}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}.top{position:sticky;top:0;z-index:40;background:#08080ccc;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:20px;letter-spacing:.01em}.brand small{display:block;color:#ff78b4;font-size:10px;letter-spacing:.18em;font-weight:800}.links{display:flex;gap:20px;align-items:center;font-size:14px;color:#ddd5df}.links a:hover{color:#fff}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 17px;border:1px solid #3b3341;font-weight:850;transition:.18s;background:#131018}.cta,.btn.primary{border:0;background:linear-gradient(135deg,var(--pink),#d52cff 90%);box-shadow:0 12px 34px #ff2f8a22}.btn:hover,.cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero{padding:64px 0 48px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}.eyebrow,.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #3a303e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:#f3dce7;background:#151017}.hero h1,.pagehero h1{font-size:clamp(50px,7.4vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0 20px}.pagehero h1{font-size:clamp(42px,6vw,68px)}.grad{background:linear-gradient(100deg,#fff 8%,#ff90c4 46%,#c28dff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.lead{color:#beb6c1;font-size:17px;max-width:730px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.statline{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#89828e;font-size:13px}.statline b{color:#fff}.showcase{position:relative;min-height:470px;border:1px solid #ffffff18;border-radius:30px;overflow:hidden;background:linear-gradient(155deg,#21121d,#130e17 55%,#0d0d12);box-shadow:0 36px 90px #000a}.showcase:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ff2f8a22;filter:blur(25px);right:-60px;top:-80px}.showcase:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#7b44ff1f;filter:blur(24px);left:-70px;bottom:-90px}.showcase-inner{position:relative;z-index:2;padding:34px;height:100%;display:flex;flex-direction:column}.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.latest-tag{font-size:11px;letter-spacing:.14em;font-weight:900;color:#ff83ba}.ep-big{font-size:92px;font-weight:950;letter-spacing:-.08em;line-height:.85;color:#ffffff10;margin:42px 0 4px}.showcase h2{font-size:29px;line-height:1.23;margin:0 0 12px}.showcase p{color:#a9a1ad}.showcase-bottom{margin-top:auto;display:flex;align-items:center;gap:16px}.social-rail{padding:16px 0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;background:#0c0a0e}.social-list{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.social-item{min-width:0;padding:12px 10px;border:1px solid #2b2630;border-radius:15px;background:#111015;text-align:center;font-size:12px;font-weight:800;color:#d9d2dc;transition:.18s}.social-item:hover{border-color:#ff2f8a77;background:#171018;transform:translateY(-1px)}.social-item span{display:block;font-size:16px;margin-bottom:2px}.section{padding:66px 0}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:26px}.kicker{font-size:11px;letter-spacing:.18em;color:#ff7db8;font-weight:900;text-transform:uppercase}.section h2{font-size:clamp(31px,4.5vw,47px);line-height:1.08;letter-spacing:-.035em;margin:6px 0 0}.muted{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:linear-gradient(180deg,#141117,#0e0d11);min-height:132px;transition:.2s}.cat-card:hover{transform:translateY(-3px);border-color:#ff2f8a55}.cat-icon{font-size:26px}.cat-card strong{display:block;font-size:17px;margin:12px 0 5px}.cat-card small{color:#8f8893}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.episode-card{position:relative;overflow:hidden;border:1px solid #2c2630;border-radius:22px;background:linear-gradient(180deg,#151218,#0e0d11);padding:20px;min-height:290px;display:flex;flex-direction:column}.episode-card:before{content:attr(data-ep);position:absolute;right:12px;top:-12px;font-size:82px;line-height:1;font-weight:950;color:#ffffff08;letter-spacing:-.08em}.episode-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#928a96}.category{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid #ffffff17;font-size:11px;font-weight:850}.category[data-cat="人物專訪"]{color:#ff9bc9;background:#ff2f8a12}.category[data-cat="八大產業"]{color:#ffd477;background:#ffd15c10}.category[data-cat="兩性話題"]{color:#c9a7ff;background:#9b5cff12}.category[data-cat="衛教健康"]{color:#8cecff;background:#62e5ff10}.category[data-cat="海外風俗"]{color:#8ef0b2;background:#50d78510}.category[data-cat="法律社會"]{color:#ff9898;background:#ff4e6210}.episode-card h3{font-size:20px;line-height:1.35;margin:14px 0 10px;position:relative;z-index:2}.episode-card p{color:#aaa2ae;margin:0 0 18px;font-size:14px}.episode-actions{margin-top:auto;display:flex;gap:9px;align-items:center}.mini-link{font-size:13px;font-weight:850;color:#f6e9f0}.archive-hero{padding:58px 0 28px}.archive-tools{position:sticky;top:78px;z-index:20;padding:14px 0;background:#09070be8;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0b}.tools-row{display:flex;gap:10px;align-items:center}.searchbox{flex:1;min-width:220px;background:#111016;border:1px solid #302a33;color:#fff;border-radius:16px;padding:13px 15px;font-size:15px;outline:none}.searchbox:focus{border-color:#ff2f8a77}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.filter-btn{white-space:nowrap;border:1px solid #302a33;background:#111016;color:#bfb7c2;padding:10px 13px;border-radius:999px;font-weight:750;cursor:pointer}.filter-btn.active{background:#fff;color:#0b0a0d;border-color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.episode-card[hidden]{display:none}.empty-state{display:none;padding:40px;text-align:center;color:#aaa}.empty-state.show{display:block}.episode-card details{margin-top:4px}.episode-card summary{cursor:pointer;list-style:none;font-size:13px;font-weight:850;color:#eee}.episode-card summary::-webkit-details-marker{display:none}.episode-card .detail{padding-top:10px;color:#a9a1ad;font-size:13px}.pagehero{padding:60px 0 26px}.breadcrumbs{font-size:13px;color:#8f8792;margin-bottom:16px}.breadcrumbs a{color:#c8c0cb}.grid,.grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,#151218,#0f0e12);border:1px solid var(--line);border-radius:20px;padding:22px}.prose{max-width:850px}.prose h2{font-size:31px;margin-top:40px}.prose p,.prose li{color:#c4bdc8}.notice{border-left:3px solid var(--pink);background:#171219;padding:15px 17px;border-radius:0 12px 12px 0}.footer{border-top:1px solid #242029;margin-top:56px;padding:44px 0 58px;color:#918995;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:30px}.footerlinks a{display:block;margin:7px 0}.foot-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.foot-social a{border:1px solid #2f2933;border-radius:999px;padding:7px 10px;color:#c8c0cb}.brand-note{display:flex;align-items:center;gap:16px}.brand-note .brand-seal{width:76px;height:76px;flex:0 0 76px}.divider{height:1px;background:#211d24;margin:24px 0}@media(max-width:1050px){.social-list{grid-template-columns:repeat(5,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.archive-grid,.latest-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.showcase{min-height:390px}.links{display:none}.section-head{align-items:flex-start;flex-direction:column}.tools-row{align-items:stretch;flex-direction:column}.archive-tools{top:78px}.filters{width:100%}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.wrap{width:min(var(--max),calc(100% - 22px))}.nav{height:70px}.brand::before{width:40px;height:40px;flex-basis:40px}.brand{font-size:17px}.hero{padding-top:42px}.hero h1{font-size:49px}.showcase-inner{padding:25px}.ep-big{font-size:70px}.social-list{grid-template-columns:repeat(3,1fr)}.category-grid,.archive-grid,.latest-grid,.grid,.grid2{grid-template-columns:1fr}.archive-tools{top:70px}.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}}
/* 2026-10 neon homepage refresh */
.brand::before,.brand-seal{background-image:url("/assets/logo.webp")!important;background-size:cover!important;background-position:center!important}
.neon-home{padding:72px 0 54px;background:radial-gradient(circle at 72% 12%,rgba(255,47,138,.18),transparent 34%),radial-gradient(circle at 20% 20%,rgba(128,63,255,.12),transparent 30%)}
.hero-copy .platform-icons{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.platform-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;border:1px solid #ffffff21;background:#111016;font-size:21px;font-weight:900;box-shadow:0 12px 30px #0008;transition:.18s}
.platform-icon:hover{transform:translateY(-2px);border-color:#ff5baa88}
.platform-icon.youtube{color:#ff3b45}.platform-icon.apple{color:#b86cff}.platform-icon.spotify{color:#35d56f}.platform-icon.instagram{color:#ff70b9}.platform-icon.threads,.platform-icon.x{color:#fff}
.neon-showcase{min-height:455px;background:linear-gradient(145deg,#24101c,#130d18 58%,#0c0b10);box-shadow:0 40px 90px #000a,0 0 70px #ff2f8a20}
.neon-showcase .brand-seal{width:118px;height:118px}
.neon-episode-grid{grid-template-columns:repeat(3,1fr)!important}
.visual-card{padding:0!important;min-height:0!important;overflow:hidden}
.visual-card .episode-cover,.episode-poster{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #ffffff16}
.visual-card .episode-meta,.visual-card h3{margin-left:18px;margin-right:18px}
.visual-card .episode-meta{margin-top:15px}.visual-card h3{margin-bottom:20px}
.episode-poster{position:relative;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 70% 20%,#ff5baa55,transparent 34%),linear-gradient(135deg,#251027,#0b0a10);overflow:hidden}
.episode-poster:after{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(120deg,transparent 0 18px,#ffffff08 18px 20px);transform:rotate(8deg)}
.episode-poster b,.episode-poster strong{position:relative;z-index:1;text-shadow:0 3px 20px #000}
.episode-poster b{font-size:28px;color:#ff7fc1}.episode-poster strong{font-size:34px;line-height:1.05;margin-top:8px}
.poster-industry{background:radial-gradient(circle at 75% 20%,#ffb13b55,transparent 30%),linear-gradient(135deg,#2a1420,#120b0f)}
.poster-health{background:radial-gradient(circle at 75% 20%,#45dfee44,transparent 30%),linear-gradient(135deg,#111c28,#120b18)}
@media(max-width:1050px){.neon-episode-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.neon-episode-grid{grid-template-columns:1fr!important}.neon-showcase{min-height:385px}.episode-poster strong{font-size:29px}}

/* Approved homepage artwork */
.homepage-visual{padding:0;background:#050409;border-bottom:1px solid rgba(255,255,255,.08)}
.homepage-visual-inner{width:100%;max-width:1664px;margin:0 auto;overflow:hidden;background:#050409}
.homepage-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){.homepage-visual img{aspect-ratio:auto}}