.detail-root{max-width:1440px;margin:0 auto;padding:0 40px 80px}.detail-columns{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}.detail-main{min-width:0}.detail-aside{position:sticky;top:calc(3.25rem + 24px)}.detail-banner{border-radius:16px;aspect-ratio:6/1;overflow:hidden;margin-bottom:4px;background:var(--bg2)}.detail-banner img{width:100%;height:100%;object-fit:cover;display:block}.detail-banner-meta{font-size:12px;color:var(--text-faint);text-align:right;margin-bottom:24px}.detail-profile-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:40px}.detail-profile-left{display:flex;align-items:flex-start;gap:20px}.detail-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:2rem}.detail-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.detail-name-block{display:flex;flex-direction:column;gap:4px;padding-top:4px}.detail-name{font-size:24px;font-weight:700;color:var(--text);line-height:1.2;margin:0}.detail-reading{font-size:14px;color:var(--text-muted);margin:0}.detail-group{font-size:14px;color:var(--text-muted);margin:0}.detail-links-row{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.detail-fav-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;border:1.5px solid var(--border2);background:var(--surface);font-family:inherit;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0;white-space:nowrap}.detail-fav-btn svg{width:18px;height:18px;flex-shrink:0}.detail-fav-btn:hover{border-color:#ffb3c1;color:#ff4d6d}.detail-fav-btn.hearted{border-color:#ff4d6d;color:#ff4d6d}.detail-fav-btn.hearted svg{fill:#ff4d6d;stroke:#ff4d6d}.detail-yt-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#1e1e1e;transition:color .15s}.detail-yt-btn:hover{color:red}.detail-yt-btn svg{width:24px;height:24px}.detail-section-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 10px;letter-spacing:.02em;display:flex;align-items:center;gap:12px;white-space:nowrap}.detail-section-title::after{content:"";flex:1;height:1px;background:#ddd}.detail-yt-section{margin-bottom:32px}.detail-yt-stats{display:flex;gap:40px;margin-bottom:16px}.detail-yt-stat-label{font-size:14px;color:var(--text-muted);margin-bottom:4px}.detail-yt-stat-val{font-size:18px;font-weight:500;color:var(--text);line-height:1}.detail-period-tabs{display:flex;gap:4px;margin-bottom:12px}.detail-period-tab{font-size:13px;padding:5px 14px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s,border-color .15s;font-family:inherit;cursor:pointer;line-height:1.4}.detail-period-tab:hover{border-color:var(--border2);color:var(--text)}.detail-period-tab.active{background:var(--text);border-color:var(--text);color:#fff}.detail-chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:32px}.detail-chart-label{font-size:12px;color:var(--text-muted);margin-bottom:12px}.detail-profile-section{margin-bottom:32px}.detail-profile-table{width:100%;border-collapse:collapse}.detail-profile-table tr{border-bottom:1px solid var(--border)}.detail-profile-table td{padding:14px 0;vertical-align:middle;line-height:1.5}.detail-profile-table td:first-child{font-size:15px;color:var(--text-muted);width:170px;padding-right:16px}.detail-profile-table td:last-child{font-size:15px;font-weight:600;color:var(--text)}.detail-birthday-sub{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:8px}.detail-description-section{margin-bottom:32px}.detail-description-text{font-size:14px;line-height:1.85;color:var(--text);white-space:pre-wrap}.detail-related-section{margin-bottom:32px}.detail-related-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:10px;margin-top:12px}.detail-related-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:border-color .15s,box-shadow .15s;min-width:0}.detail-related-card>div{min-width:0}.detail-related-card:hover{border-color:var(--border2);box-shadow:0 2px 12px rgba(0,0,0,.07)}.detail-related-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg2)}.detail-related-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-related-group{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stamp-section{margin-bottom:32px}.detail-stamp-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-top:12px}.detail-stamp-btn{border:1px solid var(--border);border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s;font-family:inherit}.detail-stamp-btn:hover:not(:disabled){border-color:var(--border2);background:var(--bg)}.detail-stamp-btn:disabled{opacity:.6;cursor:default}.detail-stamp-btn[data-type=first_time].done{border-color:#a0a8f0;background:#f0f1ff}.detail-stamp-btn[data-type=hooked].done{border-color:#f5c060;background:#fffbf0}.detail-stamp-btn[data-type=longtime].done{border-color:#f0a0c8;background:#fff0f8}.detail-stamp-btn[data-type=first_time].done .detail-stamp-count{color:#6366f1}.detail-stamp-btn[data-type=hooked].done .detail-stamp-count{color:#c07800}.detail-stamp-btn[data-type=longtime].done .detail-stamp-count{color:#d0408a}.detail-stamp-emoji{font-size:1.375rem;line-height:1}.detail-stamp-count{font-size:1rem;font-weight:600;color:var(--text);line-height:1}.detail-stamp-label{font-size:11px;color:var(--text-muted);line-height:1.3;text-align:center}.detail-stamp-msg{font-size:13px;color:var(--text-muted);margin-top:10px;min-height:1.2em}.detail-report-area{text-align:right;margin-top:12px}.detail-report-btn{background:none;border:none;color:var(--text-faint);font-size:12px;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:4px;transition:color .2s}.detail-report-btn:hover{color:#ff6b6b}.detail-registered{font-size:12px;color:var(--text-faint);text-align:right;margin-top:16px}.detail-registered .detail-registered-sep{margin:0 6px;opacity:.4}.detail-comment-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.detail-comment-header{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}.detail-comment-list{display:flex;flex-direction:column;gap:0}.detail-comment-item{padding:14px 0;border-bottom:1px solid var(--border)}.detail-comment-item:last-child{border-bottom:none}.detail-comment-user{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.detail-comment-body{font-size:13px;color:var(--text);line-height:1.6;margin-bottom:6px}.detail-comment-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-comment-date{font-size:11px;color:var(--text-faint)}.detail-comment-actions{display:flex;gap:8px;align-items:center}.detail-comment-like-btn,.detail-comment-dislike-btn{background:none;border:none;cursor:pointer;color:var(--text-faint);padding:2px 4px;display:flex;align-items:center;gap:3px;font-size:12px;transition:color .15s;font-family:inherit}.detail-comment-like-btn:hover{color:var(--text)}.detail-comment-dislike-btn:hover{color:#ff6b6b}.detail-comment-delete-btn{background:none;border:none;color:var(--text-faint);font-size:11px;cursor:pointer;font-family:inherit;padding:2px 4px;transition:color .15s}.detail-comment-delete-btn:hover{color:#ff6b6b}.detail-comment-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:24px 0}.detail-comment-form{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.detail-comment-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;padding:10px 12px;outline:none;resize:vertical;min-height:70px;line-height:1.6;transition:border-color .15s}.detail-comment-textarea:focus{border-color:var(--border2)}.detail-comment-textarea::placeholder{color:var(--text-faint)}.detail-comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px;flex-wrap:wrap}.detail-comment-submit{padding:6px 16px;font-size:13px;border:none;border-radius:6px;background:var(--text);color:#fff;font-family:inherit;cursor:pointer;transition:opacity .15s}.detail-comment-submit:hover{opacity:.85}.detail-comment-note{font-size:11px;color:var(--text-faint)}.detail-comment-msg{font-size:13px;margin-top:8px;min-height:1.2em}.detail-comment-login{font-size:13px;color:var(--text-muted);margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.detail-comment-login a{color:var(--text);text-decoration:underline}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.detail-tag{font-size:12px;padding:4px 10px;border:1px solid var(--border);border-radius:100px;color:var(--text-muted);background:var(--surface);text-decoration:none;transition:border-color .15s,color .15s}.detail-tag:hover{border-color:var(--border2);color:var(--text)}.detail-edit-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.sp-only{display:none}.pc-only{display:inline-flex}.sp-comment-block{display:none}.pc-comment-block{display:block}@media(max-width: 768px){.sp-only{display:inline-flex}.pc-only{display:none}.sp-comment-block{display:block;position:static}.pc-comment-block{display:none}}.detail-breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:20px;display:flex;align-items:center;gap:6px}.detail-breadcrumb a{color:var(--text-muted);text-decoration:none}.detail-breadcrumb a:hover{color:var(--text)}.detail-breadcrumb-sep{color:var(--text-faint)}.modal-actions .btn-primary,.modal-actions .btn-ghost{padding:8px 20px;font-size:14px;cursor:pointer}@keyframes detail-spin{to{transform:rotate(360deg)}}.detail-comment-submit.loading{opacity:.7;pointer-events:none}.detail-comment-submit.loading::after{content:"";display:inline-block;width:11px;height:11px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:detail-spin .6s linear infinite;margin-left:6px;vertical-align:middle}.vtdb-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(0);background:#1a1a1a;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 4px 16px rgba(0,0,0,.18);opacity:1;transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap}.vtdb-toast.vtdb-toast-hide{opacity:0;transform:translateX(-50%) translateY(8px)}.vtdb-toast.vtdb-toast-error{background:#c0392b}.detail-flash-warning{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.4);color:#b8860b;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:13px}@media(max-width: 768px){.detail-root{padding:0 0 60px}.detail-columns{grid-template-columns:1fr;gap:0}.detail-aside{position:static;padding:0 16px;margin-bottom:32px}.detail-banner{border-radius:0;aspect-ratio:2048/422;margin-bottom:0}.detail-banner-meta{padding:0 16px;margin-bottom:16px}.detail-main{padding:0 16px}.detail-profile-row{flex-direction:column;gap:0;margin-bottom:20px}.detail-profile-icon-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.detail-avatar{width:80px;height:80px}.detail-name-block{padding-top:0}.detail-name{font-size:16px}.detail-reading{font-size:13px}.detail-group{font-size:13px}.detail-yt-stats{gap:24px}.detail-yt-stat-val{font-size:20px}.detail-section-title{font-size:13px}.detail-profile-table td:first-child{font-size:13px;width:110px}.detail-profile-table td:last-child{font-size:13px}.detail-related-grid{grid-template-columns:repeat(2, 1fr)}.detail-comment-section{border-radius:0;border-left:none;border-right:none;border-bottom:none}}/*# sourceMappingURL=detail.css.map */