.section--timeline{box-shadow:none;border:1px solid var(--color-dark)}.timeline-wrapper{overflow-x:auto;padding:10px 0;-webkit-overflow-scrolling:touch}.timeline-container{position:relative;min-width:600px;padding:10px 40px 0}.timeline-track{height:4px;background:#ccc;border-radius:2px;position:relative;margin-top:110px}.density-curve{position:absolute;left:40px;right:40px;top:60px;height:56px;pointer-events:none}.density-curve svg{width:100%;height:100%}.density-line{fill:none;stroke:#4caf50;stroke-width:2}.density-area{fill:url(#densityGradient)}.markers-layer{position:absolute;left:40px;right:40px;top:0;height:116px}.gift-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);cursor:pointer;z-index:10}.gift-marker:hover .gift-amount{background:var(--color-primary-dark);transform:scale(1.05)}.gift-amount{background:var(--color-primary);color:var(--color-bg);padding:5px 12px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap;border:2px solid var(--color-dark);box-shadow:0 2px 4px #0003;transition:all var(--transition)}.gift-line{width:2px;background:var(--color-primary);flex-grow:1;min-height:20px}.emotion-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);cursor:pointer;z-index:5}.emotion-marker:hover .emotion-badge{background:var(--color-text);transform:scale(1.05)}.emotion-badge{background:#555;color:var(--color-bg);padding:4px 10px;border-radius:14px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--color-text);transition:all var(--transition)}.emotion-line{width:2px;background:#555;flex-grow:1;min-height:15px}.time-markers{display:flex;justify-content:space-between;margin-top:6px;padding:0 40px}.time-marker{font-size:13px;color:var(--color-dark);font-weight:600}.chapters-container{display:flex;margin-top:15px;padding:0 20px}.chapter{flex:1;padding:8px 4px;border-left:2px solid var(--color-primary);font-size:11px;color:#555;line-height:1.4}.chapter:first-child{border-left:none}.chapter-time{color:var(--color-primary);font-weight:600;margin-bottom:2px}.insight-container{margin-top:24px;padding:0 20px}.insight-container .voice-insight{padding:16px 20px;font-size:14px;line-height:1.7}.marker-popover{position:fixed;background:var(--color-bg);border:2px solid var(--color-dark);border-radius:var(--border-radius);padding:16px;max-width:320px;z-index:1000;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.marker-popover.visible{opacity:1;visibility:visible}.marker-popover .popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border-light)}.marker-popover .popover-time{font-size:14px;color:var(--color-primary);font-weight:600}.marker-popover .popover-type{font-size:12px;color:var(--color-text-light);background:var(--color-bg-light);padding:4px 8px;border-radius:4px}.marker-popover .popover-title{font-size:16px;font-weight:600;color:var(--color-dark);margin-bottom:8px}.marker-popover .popover-content{font-size:14px;color:#555;line-height:1.5}.marker-popover .popover-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-text-muted);padding:4px;line-height:1}.marker-popover .popover-close:hover{color:var(--color-dark)}@media(max-width:768px){.timeline-container{min-width:500px;padding:20px}.markers-layer,.density-curve{left:20px;right:20px}.gift-amount{font-size:11px;padding:4px 8px}.emotion-badge{font-size:10px;padding:3px 8px}.chapter{font-size:10px}.insight-container{flex-direction:column-reverse;align-items:flex-start}.insight-bubble{border-radius:16px}.assistant-btn{flex-direction:row}}:root{--color-primary: #ff8001;--color-primary-dark: #e67300;--color-dark: #000;--color-text: #333;--color-text-dark: #000000;--color-text-light: #666;--color-text-muted: #999;--color-border: #ddd;--color-border-light: #eee;--color-bg: #fff;--color-bg-page: #f5f5f5;--color-bg-light: #f8f8f8;--color-bg-hover: #f0f0f0;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition: .2s;--max-width: 1200px;--max-width-narrow: 900px;--max-width-medium: 1000px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif;background:var(--color-bg-page);color:var(--color-text);min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:20px}.container--home{max-width:var(--max-width-medium)}.container--streams{max-width:var(--max-width-narrow)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-light);flex:1}.breadcrumb a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .separator{color:var(--color-text-muted)}.breadcrumb .current{color:var(--color-dark);font-weight:700;font-size:20px}header{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.header-right-slot{margin-left:auto;display:flex;align-items:center}header.centered{flex-direction:column;text-align:center;margin-bottom:60px}.logo{max-width:100px;height:auto}header.centered .logo{max-width:150px;margin-bottom:20px}h1{font-size:24px;font-weight:700;color:var(--color-dark);flex:1}header.centered h1{font-size:32px;margin-bottom:8px;flex:none}.subtitle{font-size:16px;color:var(--color-text-light)}.stats-badge{background:transparent;color:var(--color-primary);padding:5px 13px;border:2px solid var(--color-primary);border-radius:20px;font-size:14px;font-weight:600}.back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--color-dark);text-decoration:none;font-size:16px;font-weight:500;padding:8px 16px;background:var(--color-bg);border:2px solid var(--color-dark);border-radius:var(--border-radius-sm);transition:all var(--transition)}.back-btn:hover{background:var(--color-dark);color:var(--color-bg)}.btn{display:inline-block;background:var(--color-primary);color:var(--color-bg);padding:12px 32px;border-radius:var(--border-radius-sm);font-size:16px;font-weight:600;border:none;transition:background var(--transition);text-decoration:none;cursor:pointer}.btn:hover{background:var(--color-primary-dark)}.btn:disabled{background:#f7dcb6;color:#ffffffe6;cursor:not-allowed}.btn.small{padding:10px 24px;font-size:14px}.card,.viewer-card,.customer-card,.stream-card,.entry-card{background:var(--color-bg);box-shadow:0 2px 12px #00000026;border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.card-body,.customer-body{flex:1}.card:hover,.viewer-card:hover,.customer-card:hover,.stream-card:hover{box-shadow:0 4px 16px #ff80014d}.card-header,.customer-header{background:var(--color-bg-light);border-bottom:1px solid var(--color-border);padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.card-header:hover,.customer-header:hover{background:var(--color-bg-hover)}.card-header h3,.card-header h4,.customer-header h4{color:var(--color-text-dark);font-size:18px;font-weight:600}.card-body,.customer-body{padding:20px}.expand-icon{color:var(--color-primary);font-size:14px;transition:transform var(--transition)}.card.expanded .expand-icon,.viewer-card.expanded .expand-icon,.customer-card.expanded .expand-icon{transform:rotate(180deg)}.stats-row{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--color-border-light)}.stats-row--2{grid-template-columns:repeat(2,1fr)}.stats-row--3{grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:16px;font-weight:700;color:var(--color-dark)}.stat-value.highlight{color:var(--color-primary)}.fan-summary-card .stat-label{font-size:13px;font-weight:600;color:var(--color-text-light);text-transform:none;letter-spacing:0;margin-bottom:6px}.fan-summary-card .stat-value{font-size:14px;font-weight:500;color:var(--color-text)}.fan-summary-card .stat-value.highlight{color:var(--color-primary-dark);font-weight:600}.about,.about-text,.card__description{font-size:14px;color:var(--color-text-dark);line-height:1.6;margin-bottom:16px;min-height:44px}.extended-topics{margin:12px 0 16px;padding-top:12px;border-top:1px solid var(--color-border-light)}.topics-label{font-size:12px;color:var(--color-text-light);margin-bottom:8px}.topics-content{font-size:14px;color:var(--color-text);line-height:1.8}.card-footer{background:var(--color-bg-light);border-top:1px solid var(--color-border);padding:0}.card-footer .log-header{padding:14px 20px;margin:0}.card-footer .log-entries{padding:0 20px 16px;background:var(--color-bg-light)}.card-footer .log-entries{display:none;max-height:300px;overflow-y:auto}.card-footer.expanded .log-entries{display:block}.card-footer.expanded .log-expand-icon{transform:rotate(180deg)}.log-header{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color var(--transition)}.log-header:hover{color:var(--color-primary)}.log-header .log-title{display:flex;align-items:center;gap:6px}.log-header .log-count{color:var(--color-text-muted);font-weight:400}.log-header .log-expand-icon{color:var(--color-primary);font-size:12px;transition:transform var(--transition)}.log-entries{padding:10px 14px}.log-entry{display:flex;gap:10px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--color-border-light)}.log-entry:last-child{border-bottom:none}.log-date{color:var(--color-text-muted);font-size:12px;min-width:45px}.log-time{color:var(--color-primary);font-weight:600;min-width:50px}.log-content{color:var(--color-text-dark);flex:1}.search-box{margin-bottom:30px}.search-input{width:100%;max-width:500px;padding:14px 20px;font-size:16px;border:1px solid var(--color-border);border-radius:var(--border-radius);outline:none;box-shadow:0 2px 8px #0000001a;transition:box-shadow var(--transition),border-color var(--transition)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 4px 12px #ff800126}.search-input::placeholder{color:var(--color-text-muted)}.search-dropdown-wrapper{position:relative;width:100%;max-width:500px}.search-dropdown-wrapper .search-input{padding-right:44px}.search-dropdown-arrow{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-dropdown-arrow:before{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-text-muted);transition:transform var(--transition),border-color var(--transition)}.search-dropdown-arrow:hover:before{border-top-color:var(--color-text-light)}.search-dropdown-wrapper:focus-within .search-dropdown-arrow:before{border-top-color:var(--color-primary)}.search-dropdown-arrow.open:before{transform:rotate(180deg)}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #00000026}.search-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;cursor:pointer;transition:background var(--transition)}.search-dropdown-item:hover,.search-dropdown-item.highlighted{background:var(--color-bg-hover)}.dropdown-nickname{font-weight:500;color:var(--color-text-dark)}.dropdown-stats{font-size:12px;color:var(--color-text-muted)}.grid{display:grid;gap:20px}.grid--cards,.cards-grid,.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.grid--entries,.entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media(max-width:768px){.grid--cards,.cards-grid,.customers-grid,.grid--entries,.entry-grid{grid-template-columns:1fr}}.section{background:var(--color-bg);box-shadow:0 2px 12px #00000026;border-radius:var(--border-radius);margin-bottom:24px;overflow:hidden}.section-header{background:var(--color-bg-light);border-bottom:1px solid var(--color-border);padding:16px 20px}.section-header h2{color:var(--color-text-dark);font-size:18px;font-weight:600}.section-body{padding:20px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:var(--color-bg);border:2px solid var(--color-dark);border-radius:var(--border-radius);padding:20px;text-align:center}.summary-card .icon{font-size:24px;margin-bottom:8px}.summary-card .label{font-size:12px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-card .value{font-size:24px;font-weight:700;color:var(--color-dark)}.summary-card .value.highlight{color:var(--color-primary)}.auth-login-card{max-width:680px;margin:0 auto;padding:28px;background:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:0 8px 28px #0000001f;display:grid;gap:24px}.auth-login-section{display:grid;gap:14px}.auth-login-shell{min-height:100vh}.auth-login-page{padding-top:28px}.auth-login-phone-box{max-width:640px;margin:0 auto}.auth-login-panel{max-width:640px;margin:0 auto;padding:28px;background:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:0 6px 22px #0000001f}.auth-login-panel-title{margin-bottom:18px;font-size:24px;font-weight:700;color:var(--color-text-dark);text-align:center}.auth-login-section-header{margin-bottom:14px}.auth-login-section-header--code{margin-top:24px}.auth-login-section-title{margin-bottom:4px;font-size:18px;font-weight:700;color:var(--color-text-dark)}.auth-login-section-text{color:var(--color-text-light);font-size:14px;line-height:1.5}.auth-login-phone-row{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:stretch}.auth-login-zone-box{position:relative;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg)}.auth-login-zone-select{width:100%;height:100%;border:none;background:transparent;padding:0 42px 0 18px;font-size:16px;font-weight:600;color:var(--color-text-dark);appearance:none;outline:none}.auth-login-zone-arrow{position:absolute;top:50%;right:16px;width:9px;height:9px;border-right:2px solid var(--color-text-light);border-bottom:2px solid var(--color-text-light);transform:translateY(-65%) rotate(45deg);pointer-events:none}.auth-login-input,.auth-login-zone-select:disabled{color:var(--color-text-muted);background:var(--color-bg-light)}.auth-login-input{width:100%;padding:15px 18px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:16px;background:var(--color-bg);color:var(--color-text-dark);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.auth-login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff80011f}.auth-login-input::placeholder{color:var(--color-text-muted)}.auth-login-input--code{margin-bottom:18px}.auth-login-send-btn{min-width:148px;padding:0 18px}.auth-login-submit-btn{width:100%}.auth-login-send-btn:disabled,.auth-login-submit-btn:disabled{background:#f7dcb6;color:#ffffffe6;box-shadow:none}.auth-recaptcha-container{min-height:0;height:0;overflow:hidden}.auth-recaptcha-container--page{margin:0}.auth-login-reset-btn{margin-top:12px;border:none;background:transparent;color:var(--color-text-light);font-size:13px;font-weight:600;cursor:pointer}.auth-login-error{margin-top:16px;color:#d93025;font-size:16px;line-height:1.5;text-align:center}.auth-login-success{margin-top:16px;color:#2e7d32;font-size:16px;line-height:1.5;text-align:center}@media(max-width:640px){.auth-login-page{padding-top:18px}.auth-login-panel{padding:20px}.auth-login-phone-row{grid-template-columns:1fr;gap:10px}.auth-login-send-btn{width:100%;min-height:48px}}footer{text-align:center;margin-top:60px;color:var(--color-text-muted);font-size:14px}.no-results{text-align:center;padding:60px 20px;color:var(--color-text-muted);font-size:18px;display:none}.no-results.show{display:block}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.tooltip{position:fixed;background:var(--color-text-dark);color:var(--color-bg);padding:12px 16px;border-radius:var(--border-radius-sm);font-size:13px;max-width:280px;z-index:1000;box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:0;transition:opacity var(--transition)}.tooltip.visible{opacity:1}.tooltip .tooltip-title{font-weight:600;margin-bottom:4px;color:var(--color-primary)}.tooltip .tooltip-content{line-height:1.5}@media(max-width:768px){.container{padding:16px}header{gap:12px}h1{font-size:20px}header.centered h1{font-size:24px}.stats-row{gap:8px}.stats-row--2{grid-template-columns:repeat(2,1fr)}.stats-row--3{grid-template-columns:repeat(3,1fr)}.stat-value{font-size:14px}.fan-summary-card .stat-value{font-size:13px}.fan-summary-card .stat-label{font-size:12px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:16px 12px}.summary-card .value{font-size:20px}}.speech-char{transition:opacity .15s}.speech-char.unspoken{opacity:.3}.speech-char.current{opacity:1;color:var(--color-primary);font-weight:600}.speaker-avatar{width:48px;height:48px;background:linear-gradient(135deg,#ff8001,#e67300);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff80014d;flex-shrink:0;position:relative}.speaker-avatar svg{width:24px;height:24px;fill:#fff}.speaker-avatar.small{width:32px;height:32px}.speaker-avatar.small svg{width:16px;height:16px}.speaker-avatar .wave-1,.speaker-avatar .wave-2{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:1;transition:opacity .2s}.playing .speaker-avatar .wave-1,.playing .speaker-avatar .wave-2{animation:wavesPulse 1s ease-in-out infinite}.playing .speaker-avatar .wave-2{animation-delay:.2s}@keyframes wavesPulse{0%,to{opacity:.3}50%{opacity:1}}.sound-waves{display:none}.entry-card{padding:40px 30px;text-align:center;cursor:pointer;text-decoration:none;color:inherit;border-radius:var(--border-radius-lg)}.entry-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #ff800126;transform:translateY(-4px)}.entry-card .icon{font-size:48px;margin-bottom:20px}.entry-card h2{font-size:24px;font-weight:600;color:var(--color-dark);margin-bottom:16px}.entry-card .stats{font-size:18px;color:var(--color-text-light);margin-bottom:24px}.entry-card .stats strong{color:var(--color-primary);font-weight:700}.entry-card:hover .btn{background:var(--color-primary-dark)}.stream-list{display:flex;flex-direction:column;gap:16px}.stream-card:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #ff80011a}.stream-content:hover .btn{background:var(--color-primary-dark)}.stream-content{padding:16px 24px;display:flex;gap:16px;cursor:pointer}.stream-info{flex:1}.stream-action{display:flex;align-items:center}.stream-header-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.stream-date{font-size:15px;font-weight:700;color:var(--color-dark);white-space:nowrap}.stream-title{font-size:15px;color:var(--color-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-stats{display:flex;gap:20px;flex-wrap:wrap}.stream-stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#555}.stream-stat .icon{font-size:16px}.stream-stat strong{color:var(--color-dark);font-weight:600}.stream-card-bottom{display:flex;justify-content:center;border-top:1px solid var(--color-border-light);background:#fafafa;padding:0 80px}.ai-summary-section{flex:1;padding:16px 20px;border-left:1px solid var(--color-border-light);display:flex}.ai-summary-section .voice-insight{flex:1}.voice-insight{background:var(--color-bg-light);border:2px solid #e0e0e0;border-radius:16px;padding:14px 18px;cursor:pointer;transition:background var(--transition);font-size:15px;line-height:1.6;color:var(--color-text)}.voice-insight:hover{background:var(--color-bg-hover)}.voice-insight.playing{background:#f5f0ff;border-color:#667eea}.voice-insight-icon{float:left;margin-right:12px;margin-top:2px}.clips-section{flex:0 0 182px;padding:16px;position:relative;overflow:hidden}.clips-header{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:12px}.clips-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory}.clips-scroll .clip-card{scroll-snap-align:start}.clips-scroll::-webkit-scrollbar{height:6px}.clips-scroll::-webkit-scrollbar-track{background:#eee;border-radius:3px}.clips-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.clips-scroll::-webkit-scrollbar-thumb:hover{background:#aaa}.clip-card{flex-shrink:0;width:148px;aspect-ratio:3 / 4;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column}.clip-card:hover{border-color:var(--color-primary);border-width:2px;margin:-1px}.clip-thumbnail{position:relative;width:100%;flex:1 1 auto;min-height:0;background:#000;display:flex;align-items:center;justify-content:center}.clip-thumbnail-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.clip-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffb8;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#ff800129,#ffffff0a),#111;pointer-events:none}.clip-play-btn{position:absolute;width:24px;height:24px;background:#ff8001e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-size:10px;pointer-events:none}.clip-info{padding:6px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:10px;color:var(--color-text-light)}.clip-name{font-weight:500;color:var(--color-text);width:100%;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.clip-duration{color:#888}.clip-download{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#0009;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-size:10px;text-decoration:none;opacity:0;transition:opacity var(--transition)}.clip-card:hover .clip-download{opacity:1}.clip-download:hover{background:#ff8001e6}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;align-items:center;justify-content:center}.video-modal.active{display:flex}.video-modal-content{background:var(--color-bg);border-radius:var(--border-radius);overflow:hidden;max-width:400px;width:90%;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:14px;font-weight:500;color:var(--color-text)}.modal-close{width:32px;height:32px;border:none;background:var(--color-bg-light);border-radius:50%;cursor:pointer;font-size:18px;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--color-border-light);color:var(--color-text)}.modal-actions{display:flex;gap:8px;align-items:center}.modal-download{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-primary);color:var(--color-bg);border-radius:6px;text-decoration:none;font-size:12px;font-weight:500;transition:background var(--transition)}.modal-download:hover{background:var(--color-primary-dark)}.modal-video{width:100%;background:#000;display:flex;align-items:center;justify-content:center;max-height:calc(90vh - 64px)}.modal-video video{width:100%;height:auto;max-height:calc(90vh - 64px);object-fit:contain;display:block}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--color-border-light)}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:40px;width:auto}.header-title{font-size:20px;font-weight:600;color:var(--color-dark);margin:0}.header-right,.auth-user-controls{display:flex;align-items:center;gap:12px}.header-nickname{font-size:14px;color:var(--color-text-light)}.btn-logout{background:none;border:1px solid var(--color-border);border-radius:4px;padding:6px 14px;cursor:pointer;font-size:13px;color:var(--color-text);transition:all var(--transition)}.btn-logout:hover{background:var(--color-bg-light);border-color:var(--color-text-light)}.btn-header-action{background:none;border:1px solid var(--color-border);border-radius:4px;padding:6px 14px;cursor:pointer;font-size:13px;color:var(--color-text);transition:all var(--transition)}.btn-header-action:hover{background:var(--color-bg-light);border-color:var(--color-text-light)}.btn-header-action:disabled{opacity:.5;cursor:not-allowed}.switch-account-modal{position:fixed;inset:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:1500}.switch-account-modal.active{display:flex}.switch-account-content{width:min(420px,92vw);background:var(--color-bg);border-radius:10px;box-shadow:0 16px 48px #00000059;padding:20px;display:flex;flex-direction:column;gap:10px}.switch-account-title{font-size:18px;font-weight:600;color:var(--color-dark)}.switch-account-label{font-size:13px;color:var(--color-text-light)}.switch-account-input{border:1px solid var(--color-border);border-radius:6px;padding:10px 12px;font-size:14px;color:var(--color-dark);outline:none}.switch-account-input:focus{border-color:var(--color-primary)}.switch-account-error{margin:0;color:#d32f2f;font-size:13px}.switch-account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.section-title{font-size:18px;font-weight:600;color:var(--color-dark);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-badge{background:var(--color-primary);color:var(--color-bg);font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.fans-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border-light)}.streams-section{margin-bottom:24px}