.station-page{background-color:var(--color-night);min-height:100vh;padding-top:64px}.station-banner{width:100%;height:52vh;min-height:320px;max-height:560px;position:relative;overflow:hidden}.station-banner img{object-fit:cover;width:100%;height:100%;display:block}.station-banner:after{content:"";pointer-events:none;background:linear-gradient(#0d0a0f33 0%,#0d0a0f1a 50%,#0d0a0fd9 100%);position:absolute;inset:0}.station-banner-text{z-index:2;max-width:640px;position:absolute;bottom:40px;left:48px}.station-banner-title{font-family:var(--font-display);color:var(--color-ink);text-shadow:4px 4px 0 var(--color-neon-pink);margin:0;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.2}.station-banner-subtitle{color:var(--color-neon-cyan);letter-spacing:.05em;margin:12px 0 0;font-size:clamp(14px,2vw,18px);font-weight:500}.station-marquee{background:linear-gradient(90deg,#ff3d8b1a 0%,#0d0a0fd9 30% 70%,#2af0ea1a 100%);border-top:1px solid #2af0ea2e;border-bottom:2px solid #ff3d8b33;align-items:center;gap:12px;width:100%;height:44px;padding:0 24px;display:flex;position:relative;overflow:hidden}.station-marquee-badge{background-color:var(--color-neon-pink);color:var(--color-night);font-family:var(--font-display);letter-spacing:.18em;border-radius:var(--radius-capsule);box-shadow:2px 2px 0 0 var(--color-neon-yellow);z-index:2;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.station-marquee-viewport{flex:1;align-items:center;min-width:0;height:100%;display:flex;overflow:hidden;mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%)}.station-marquee-track{will-change:transform;white-space:nowrap;align-items:center;display:inline-flex}.station-marquee-item{color:var(--color-ink);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.station-marquee-item:hover{color:var(--color-neon-yellow)}.station-marquee-item:hover .station-marquee-tag{background-color:var(--color-neon-yellow);color:var(--color-night);border-color:var(--color-neon-yellow)}.station-marquee-tag{color:var(--color-neon-pink);border-radius:var(--radius-capsule);font-family:var(--font-display);letter-spacing:.08em;background-color:#ff3d8b1f;border:1px solid #ff3d8b73;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.station-marquee-title{color:#f5f0ffd9;letter-spacing:.02em;font-size:13.5px}.station-marquee-sep{color:var(--color-neon-cyan);opacity:.7;margin-left:16px;font-size:14px;font-weight:700}@media (width<=640px){.station-marquee{height:40px;padding:0 14px}.station-marquee-title{font-size:12.5px}}.station-body{grid-template-columns:1fr 360px;gap:32px;max-width:1400px;margin:0 auto;padding:32px 24px 80px;display:grid}@media (width<=1024px){.station-body{grid-template-columns:1fr;gap:24px}}.station-feed{min-width:0}.station-feed-list{flex-direction:column;gap:24px;display:flex}.station-card{background-color:var(--color-night-warm);border-radius:var(--radius-capsule);border:1px solid #ff3d8b26;align-items:stretch;gap:20px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.station-card:hover{box-shadow:6px 6px 0 0 var(--color-neon-pink);transform:translate(-2px,-2px)}@media (width<=640px){.station-card{gap:12px;padding:14px}.station-card-cover{border-radius:10px;width:100px;height:80px}.station-card-title{font-size:15px}.station-card-desc{-webkit-line-clamp:2;font-size:12px}.station-card-author{gap:4px;font-size:11px}.station-card-author-avatar{width:20px;height:20px}.station-card-arrow{width:26px;height:26px}.station-card-arrow svg{width:14px;height:14px}.station-card-category{padding:2px 6px;font-size:10px}}.station-card-cover{background-color:var(--color-night);border-radius:16px;flex-shrink:0;width:160px;height:120px;position:relative;overflow:hidden}.station-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.img-placeholder-react{border-radius:inherit;background-color:#0d0a0f;width:100%;height:100%;transition:box-shadow .3s;position:relative;overflow:hidden}.img-placeholder-react-real,.img-placeholder-react-canvas{width:100%;height:100%;position:absolute;inset:0}.img-placeholder-react-real{object-fit:cover;z-index:1}.img-placeholder-react-canvas{z-index:2;pointer-events:none;transition:opacity .3s}.img-placeholder-react[data-has-cover=true][data-loading=true]{box-shadow:0 0 0 1px,0 0 14px 1px}.station-card-cover .station-card-type{z-index:3}.station-card-type{background-color:var(--color-neon-pink);width:28px;height:28px;color:var(--color-night);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:10px;right:10px;box-shadow:2px 2px #00000059}.station-card-type--talk{background-color:var(--color-neon-cyan)}.station-card-body{flex-direction:column;flex:1 1 0;justify-content:space-between;gap:8px;min-width:0;display:flex}.station-card-header{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.station-card-category{color:var(--color-neon-cyan);white-space:nowrap;background-color:#2af0ea26;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.station-card-title{color:var(--color-ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.station-card-desc{color:#f5f0ff8c;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.station-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.station-card-tags{flex-wrap:wrap;gap:6px;display:flex}.station-card-tag{border-radius:var(--radius-capsule);color:var(--color-neon-pink);background-color:#ff3d8b26;padding:2px 10px;font-size:11px;font-weight:600}.station-card-tag--cyan{color:var(--color-neon-cyan);background-color:#2af0ea26}.station-card-tag--yellow{color:var(--color-neon-yellow);background-color:#ffe14d26}.station-card-author{color:#f5f0ff80;align-items:center;gap:6px;font-size:12px;display:flex}.station-card-author-avatar{object-fit:cover;background-color:var(--color-neon-cyan);border-radius:50%;flex-shrink:0;width:24px;height:24px}.station-card-author-name{white-space:nowrap}.station-card-dot{opacity:.5}.station-card-arrow{background-color:var(--color-neon-pink);width:32px;height:32px;color:var(--color-night);border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:transform .15s;display:flex}.station-card-arrow svg{width:16px;height:16px}.station-card:hover .station-card-arrow{transform:translate(4px)}.station-load-more{text-align:center;padding:24px 0}.station-load-more-spinner{color:var(--color-neon-cyan);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.station-load-more-dot{background-color:var(--color-neon-pink);border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite station-dot-pulse}.station-load-more-dot:nth-child(2){animation-delay:.15s}.station-load-more-dot:nth-child(3){animation-delay:.3s}@keyframes station-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.station-load-more-btn{background-color:var(--color-neon-pink);color:var(--color-night);border-radius:var(--radius-capsule);font-family:var(--font-display);cursor:pointer;box-shadow:3px 3px 0 0 var(--color-neon-yellow);border:none;align-items:center;gap:6px;padding:10px 28px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.station-load-more-btn:hover{box-shadow:4px 4px 0 0 var(--color-neon-cyan);transform:translate(-1px,-1px)}.station-load-more-btn:active{box-shadow:1px 1px 0 0 var(--color-neon-yellow);transform:translate(1px,1px)}.station-sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;align-self:start;gap:24px;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow-y:auto}.station-sidebar::-webkit-scrollbar{display:none}.station-widget{background-color:var(--color-night-warm);border-radius:var(--radius-capsule);border:1px solid #2af0ea1f;padding:24px}.station-widget-title{color:var(--color-ink);margin:0 0 16px;padding-left:16px;font-size:16px;font-weight:700;position:relative}.station-widget-title:before{content:"";background-color:var(--color-neon-cyan);border-radius:2px;width:4px;position:absolute;top:2px;bottom:2px;left:0}.station-widget-title--filter{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.station-widget-title-text{color:var(--color-ink);font-size:16px;font-weight:700}.station-filter-toggle{border-radius:var(--radius-capsule);background-color:#0d0a0f99;border:1px solid #2af0ea33;padding:3px;display:inline-flex}.station-filter-toggle-btn{border-radius:var(--radius-capsule);color:var(--color-ink);cursor:pointer;background-color:#0000;border:none;padding:4px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s}.station-filter-toggle-btn.is-active{background-color:var(--color-neon-pink);color:var(--color-night);box-shadow:2px 2px 0 0 var(--color-neon-cyan)}.station-filter-toggle-btn:not(.is-active):hover{background-color:#ff4d9a24}.station-tagfilter-chip--cat{border-color:#ff4d9a59}.station-tagfilter-chip--cat:hover{border-color:var(--color-neon-pink);background-color:#ff4d9a24}.station-widget-niko-summon{flex-direction:column;align-items:center;gap:16px;padding:20px 16px;display:flex}.niko-summon-stage{justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative}.niko-summon-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.niko-summon-img-btn{z-index:1;border:2px solid color-mix(in srgb, var(--color-neon-cyan) 50%, transparent);background-color:color-mix(in srgb, var(--color-neon-cyan) 12%, transparent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.niko-summon-img-btn:hover:not(:disabled){box-shadow:0 4px 0 0 var(--color-neon-pink);transform:translateY(-2px)}.niko-summon-img-btn:disabled{cursor:default}.niko-summon-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;user-select:none;-webkit-user-drag:none}.niko-summon-config-btn{z-index:1;background-color:var(--color-neon-pink);color:var(--color-night);border-radius:var(--radius-capsule);font-family:var(--font-display);cursor:pointer;box-shadow:3px 3px 0 0 var(--color-neon-yellow);border:none;padding:10px 28px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;position:relative}.niko-summon-config-btn:hover{box-shadow:4px 4px 0 0 var(--color-neon-cyan);transform:translate(-1px,-1px)}.niko-summon-click-hint{transform-origin:50%;z-index:2;background-color:var(--color-neon-yellow);color:var(--color-night);font-family:var(--font-display);letter-spacing:.08em;border-radius:var(--radius-capsule);white-space:nowrap;padding:2px 8px;font-size:10px;font-weight:700;animation:1.2s ease-in-out infinite niko-summon-hint-pulse;position:absolute;top:50%;right:4px;transform:translateY(-50%)rotate(90deg)}@keyframes niko-summon-hint-pulse{0%,to{opacity:.65}50%{opacity:1}}.niko-summon-progress-track{border:1px solid color-mix(in srgb, var(--color-neon-cyan) 25%, transparent);border-radius:var(--radius-capsule);background-color:#0d0a0f99;width:100%;height:11px;position:relative;overflow:hidden}.niko-summon-progress-fill{transform-origin:50%;border-radius:var(--radius-capsule);position:absolute;inset:0;transform:scaleX(0)}.niko-summon-progress-text{font-family:var(--font-display);color:var(--color-ink);text-shadow:0 1px 2px #0009;z-index:1;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.station-widget-search{cursor:pointer;transition:border-color .15s,background-color .15s}.station-widget-search:hover{border-color:var(--color-neon-pink);background-color:#ff3d8b0f}.station-search-trigger{border-radius:var(--radius-capsule);color:#f5f0ff80;background-color:#0d0a0f80;border:1px dashed #2af0ea4d;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.station-search-icon{width:20px;height:20px;color:var(--color-neon-cyan);flex-shrink:0}.station-search-kbd{color:var(--color-neon-cyan);background-color:#2af0ea1a;border:1px solid #2af0ea33;border-radius:4px;margin-left:auto;padding:2px 8px;font-family:ui-monospace,monospace;font-size:11px}.station-widget-talks{flex-direction:column;gap:12px;display:flex}.station-talk-item{background-color:#0d0a0f80;border:1px solid #ff3d8b1a;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.station-talk-item:hover{border-color:var(--color-neon-pink);transform:translate(4px)}.station-talk-content{color:var(--color-ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.station-talk-meta{color:#f5f0ff66;justify-content:space-between;align-items:center;font-size:11px;display:flex}.station-talk-emotion{border-radius:var(--radius-capsule);padding:1px 8px;font-size:10px;font-weight:600}.station-talk-more{text-align:center;border-radius:var(--radius-capsule);color:var(--color-neon-cyan);border:1px dashed #2af0ea33;margin-top:8px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .15s}.station-talk-more:hover{background-color:#2af0ea14}@media (width<=640px){.station-banner{height:40vh;min-height:240px}.station-banner-text{bottom:24px;left:20px}.station-card{flex-direction:column;gap:12px;padding:16px}.station-card-cover{width:100%;height:160px}.station-body{padding:20px 16px 60px}.station-widget{padding:18px}}.station-widget-profile{align-items:center;gap:16px;padding:20px;display:flex}.station-profile-avatar-wrap{cursor:pointer;border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;overflow:visible}.station-profile-avatar{object-fit:cover;border:2px solid var(--color-neon-cyan);width:64px;height:64px;box-shadow:2px 2px 0 0 var(--color-neon-pink);border-radius:50%;transition:transform .2s,box-shadow .2s}.station-profile-avatar-wrap:hover .station-profile-avatar{box-shadow:3px 3px 0 0 var(--color-neon-yellow);transform:scale(1.05)}.station-profile-hover-tip{z-index:10;pointer-events:none;animation:.15s station-profile-tip-in;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.station-profile-hover-tip svg{filter:drop-shadow(0 2px 4px #0006);width:100px;height:auto}@keyframes station-profile-tip-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.station-profile-info{flex:1;min-width:0}.station-profile-name{font-family:var(--font-display);color:var(--color-ink);margin:0 0 4px;font-size:18px;font-weight:800}.station-profile-motto{color:var(--color-neon-yellow);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:11px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.station-profile-desc{color:#f5f0ff8c;font-size:12px;font-weight:500}@media (width<=640px){.station-widget-profile{padding:16px}.station-profile-avatar-wrap,.station-profile-avatar{width:52px;height:52px}}.station-widget-tagfilter{flex-direction:column;gap:14px;display:flex}.station-tagfilter-empty{color:#f5f0ff73;text-align:center;margin:0;padding:16px 8px;font-size:13px}.station-tagfilter-cloud{flex-wrap:wrap;gap:8px;display:flex}.station-tagfilter-scroll{scrollbar-width:thin;scrollbar-color:var(--color-neon-cyan) transparent;-ms-overflow-style:none;max-height:96px;padding-right:4px;overflow:hidden auto}.station-tagfilter-scroll::-webkit-scrollbar{width:4px}.station-tagfilter-scroll::-webkit-scrollbar-track{background:0 0}.station-tagfilter-scroll::-webkit-scrollbar-thumb{background-color:var(--color-neon-cyan);border-radius:2px}.station-tagfilter-chip{border-radius:var(--radius-capsule);color:var(--color-ink);cursor:pointer;user-select:none;background-color:#0d0a0f99;border:1px solid #ffe14d4d;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,transform .15s}.station-tagfilter-chip:hover{border-color:var(--color-neon-yellow);background-color:#ffe14d1f;transform:translateY(-1px)}.station-tagfilter-chip.is-active{background-color:var(--color-neon-yellow);color:var(--color-night);border-color:var(--color-neon-yellow);box-shadow:3px 3px 0 0 var(--color-neon-pink)}.station-tagfilter-actions{border-top:1px dashed #2af0ea2e;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;padding-top:14px;display:grid}.station-tagfilter-btn{border-radius:var(--radius-capsule);letter-spacing:.04em;justify-content:center;align-items:center;padding:9px 12px;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.station-tagfilter-btn--cyan{background-color:var(--color-neon-cyan);color:var(--color-night);box-shadow:3px 3px #0d0a0f99}.station-tagfilter-btn--cyan:hover{box-shadow:4px 4px 0 0 var(--color-neon-pink);transform:translate(-1px,-1px)}.station-tagfilter-btn--yellow{background-color:var(--color-neon-yellow);color:var(--color-night);box-shadow:3px 3px #0d0a0f99}.station-tagfilter-btn--yellow:hover{box-shadow:4px 4px 0 0 var(--color-neon-cyan);transform:translate(-1px,-1px)}@media (width<=640px){.station-tagfilter-actions{grid-template-columns:1fr}}