.comment-system{--comment-primary:#8b0000;--comment-primary-hover:#a0252a;--comment-highlight:#d4af37;--comment-surface:rgba(255, 255, 255, 0.88);--comment-surface-soft:rgba(255, 255, 255, 0.95);--comment-border:rgba(139, 0, 0, 0.12);--comment-divider:rgba(139, 0, 0, 0.08);--comment-input-bg:rgba(255, 255, 255, 0.92);--comment-input-border:rgba(139, 0, 0, 0.18);--comment-input-text:#2c2c2c;--comment-text:#2c2c2c;--comment-text-soft:rgba(44, 44, 44, 0.7);--comment-muted:rgba(44, 44, 44, 0.48);--comment-focus-ring:rgba(212, 175, 55, 0.45);--comment-shadow:0 20px 60px rgba(139, 0, 0, 0.08),0 8px 25px rgba(0, 0, 0, 0.06),0 0 0 1px rgba(139, 0, 0, 0.08);max-width:820px;margin:80px auto 120px;padding:0 24px;color:var(--comment-text);font-family:Inter,'PingFang SC','Hiragino Sans GB','Helvetica Neue',Arial,sans-serif;line-height:1.7;position:relative;z-index:0}.comment-system::before{content:'';position:absolute;inset:0;margin:0 auto;max-width:780px;height:100%;background:radial-gradient(circle at 10% 10%,rgba(139,0,0,.06),transparent 55%),radial-gradient(circle at 90% 20%,rgba(212,175,55,.08),transparent 60%),radial-gradient(circle at 50% 100%,rgba(255,255,255,.6),transparent 65%);opacity:.55;pointer-events:none;z-index:-1}.comment-form-wrapper,.comments-section{background:var(--comment-surface);border-radius:24px;border:1px solid var(--comment-border);box-shadow:var(--comment-shadow);backdrop-filter:blur(18px);padding:48px;margin-bottom:48px;position:relative;overflow:hidden}.comment-form-wrapper::after,.comments-section::after{content:'';position:absolute;inset:18px;border-radius:20px;pointer-events:none;border:1px solid rgba(212,175,55,.12)}.comment-title,.comments-title{font-size:1.65rem;font-weight:600;margin:0 0 28px;letter-spacing:.02em;color:var(--comment-primary);position:relative}.comment-title::after,.comments-title::after{content:'';position:absolute;bottom:-12px;left:0;width:48px;height:4px;border-radius:999px;background:linear-gradient(135deg,var(--comment-primary),var(--comment-highlight))}.comment-form{max-width:640px;margin:0 auto;width:100%}.comment-form .form-group{margin-bottom:24px;position:relative}.comment-form input,.comment-form textarea{width:95%;padding:16px 20px;border-radius:14px;border:1px solid var(--comment-input-border);background:var(--comment-input-bg);color:var(--comment-input-text);font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:inset 0 1px 2px rgba(255,255,255,.6)}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--comment-muted)}.comment-form input:focus,.comment-form textarea:focus{outline:0;border-color:var(--comment-primary);box-shadow:0 0 0 4px var(--comment-focus-ring);background:rgba(255,255,255,.98)}.comment-form textarea{resize:vertical;min-height:140px;line-height:1.6}.char-counter{position:absolute;right:20px;bottom:14px;font-size:.85rem;color:var(--comment-muted);pointer-events:none;font-variant-numeric:tabular-nums}.load-more-btn,.submit-btn{display:inline-flex;align-items:center;gap:12px;border:none;border-radius:999px;padding:14px 28px;font-size:1rem;font-weight:600;letter-spacing:.01em;background:linear-gradient(135deg,var(--comment-primary),var(--comment-primary-hover));color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 10px 24px rgba(139,0,0,.18)}.load-more-btn{margin:32px auto 0;display:flex;justify-content:center}.load-more-btn:hover,.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px rgba(139,0,0,.2);filter:brightness(1.02)}.submit-btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.btn-loading{display:none;align-items:center;gap:8px;font-size:.95rem}.submit-btn.is-loading .btn-text{display:none}.submit-btn.is-loading .btn-loading{display:inline-flex}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comments-list{margin-top:28px}.comment{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid var(--comment-divider)}.comment:last-child{border-bottom:none;padding-bottom:0}.comment-avatar{flex-shrink:0}.avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.05rem;color:#fff;background:linear-gradient(135deg,var(--comment-primary),var(--comment-primary-hover));box-shadow:0 6px 14px rgba(139,0,0,.18)}.comment-content{flex:1;min-width:0}.comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;font-size:.95rem}.comment-author{font-weight:600;color:var(--comment-primary);letter-spacing:.01em}.comment-author a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.comment-author a:hover{border-bottom-color:var(--comment-highlight)}.comment-time{color:var(--comment-muted);font-size:.9rem}.comment-text{color:var(--comment-text-soft);font-size:1.02rem;letter-spacing:.01em;word-break:break-word}.comment-text a{color:var(--comment-primary);text-decoration:none;border-bottom:1px solid rgba(139,0,0,.2);transition:color .2s ease,border-color .2s ease}.comment-text a:hover{color:var(--comment-primary-hover);border-bottom-color:var(--comment-highlight)}.comment-message{padding:18px 22px;border-radius:16px;margin-bottom:28px;font-weight:500;border:1px solid transparent;background:rgba(212,175,55,.08);color:#7a5d0c}.comment-message--success{background:rgba(46,125,50,.12);color:#2e7d32;border-color:rgba(46,125,50,.2)}.comment-message--error{background:rgba(198,40,40,.12);color:#a62323;border-color:rgba(198,40,40,.24)}.comment-message--info{background:rgba(33,94,168,.12);color:#1f4f93;border-color:rgba(33,94,168,.24)}@media (max-width:900px){.comment-system{padding:0 16px;margin:64px auto 96px}.comment-form-wrapper,.comments-section{padding:36px;border-radius:20px}.comment-form-wrapper::after,.comments-section::after{inset:14px;border-radius:16px}.comment{gap:18px;padding:28px 0}.avatar{width:46px;height:46px;font-size:1rem}}@media (max-width:640px){.comment-system{padding:0 12px;margin:48px auto 72px}.comment-form-wrapper,.comments-section{padding:28px;border-radius:18px}.comment-form-wrapper::after,.comments-section::after{inset:10px;border-radius:14px}.comment-form input,.comment-form textarea{padding:14px 16px;font-size:.95rem}.load-more-btn,.submit-btn{width:100%;justify-content:center}.comment{flex-direction:column;border-radius:14px;background:var(--comment-surface-soft);padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.comment:last-child{padding-bottom:22px}.comment-avatar{display:flex}}