.comment-form{z-index:5;width:min(720px,92vw);padding:22px 24px}.comment-form .comment-form-title{margin:0 0 18px}.comment-form .comment-form-user{gap:16px;margin-bottom:14px;display:flex}.comment-form .comment-form-user .comment-form-user-avatar{border:3px solid #ffffffd9;box-shadow:0 12px 20px #617eac1f}.comment-form .comment-form-user .comment-form-user-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.comment-form .comment-form-user .comment-form-user-info .info-name{font-size:1.02rem;font-weight:800}.comment-form .comment-form-user .comment-form-user-info .info-site{color:var(--font-black-lite);font-size:.88rem;text-decoration:none}.comment-form .comment-form-profile{grid-template-columns:46px repeat(2,minmax(0,1fr));align-items:center;gap:12px;margin-bottom:14px;display:grid}.comment-form .comment-form-profile-avatar{width:46px;height:46px;color:var(--main-color-select);background:linear-gradient(135deg,#39c5bb29,#7ddfd914);border:1px solid #39c5bb2e;border-radius:50%;grid-row:1/3;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 8px 18px #617eac1f}.comment-form .comment-form-profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.comment-form .comment-form-profile-avatar .icon{width:54%;height:54%}.comment-form .comment-form-site{grid-column:2/-1}.comment-form .comment-form-input{border-radius:calc(var(--common-radius-lite) + 2px);border:var(--common-border);background:var(--surface-input);width:100%;min-height:42px;color:var(--font-black);box-sizing:border-box;outline:none;padding:10px 14px;transition:all .24s}.comment-form .comment-form-input:focus{border:var(--common-border-select)}.comment-form .comment-form-tip{color:var(--font-black-lite);margin-top:6px;font-size:.82rem;line-height:1.6;display:block}.comment-form .comment-form-reply{color:var(--font-black-lite);background:#39c5bb14;border-radius:18px;margin:16px 0 14px;padding:14px 16px;font-size:.9rem;line-height:1.8}.comment-form .comment-form-reply-title,.comment-form .comment-form-reply-user{color:var(--font-black);font-weight:700}.comment-form .comment-form-media{background:var(--surface-panel-soft);border:1px solid #39c5bb1f;border-radius:22px;margin-top:16px;padding:18px}.comment-form .comment-form-media-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.comment-form .comment-form-media-title{color:var(--font-black);font-size:1rem;font-weight:800}.comment-form .comment-form-media-tip{color:var(--font-black-lite);margin-top:6px;font-size:.84rem;line-height:1.7}.comment-form .comment-form-media-trigger{background:var(--surface-muted);color:var(--font-black);cursor:pointer;border:1px solid #97accc2e;border-radius:999px;padding:10px 16px;font-weight:700;transition:all .2s}.comment-form .comment-form-media-trigger:disabled{opacity:.5;cursor:not-allowed}.comment-form .comment-form-media-input{display:none}.comment-form .comment-form-media-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:16px;display:grid}.comment-form .comment-form-media-card{background:var(--surface-elevated);border:1px solid #97accc1f;border-radius:18px;gap:10px;padding:12px;display:grid}.comment-form .comment-form-media-preview{aspect-ratio:1;background:#97accc14;border-radius:14px;display:block;overflow:hidden}.comment-form .comment-form-media-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.comment-form .comment-form-media-meta{min-width:0}.comment-form .comment-form-media-name{color:var(--font-black);word-break:break-all;font-weight:700;line-height:1.5}.comment-form .comment-form-media-size{color:var(--font-black-lite);margin-top:4px;font-size:.8rem}.comment-form .comment-form-media-remove{cursor:pointer;min-height:38px;color:var(--color-red-select);background:#ff56561f;border:none;border-radius:14px;font-weight:700;transition:all .24s}.comment-form .comment-form-media-remove:disabled{opacity:.5;cursor:not-allowed}.comment-form .comment-form-captcha{margin-top:12px}.comment-form .comment-form-tail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.comment-form .comment-form-progress{color:var(--font-black-lite);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.comment-form .comment-form-spinner{border:2px solid #39c5bb40;border-top-color:var(--main-color-select);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite comment-form-rotate}@keyframes comment-form-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (width<=768px){.comment-form{width:min(96vw,720px);padding:18px}.comment-form .comment-form-profile{grid-template-columns:46px minmax(0,1fr)}.comment-form .comment-form-profile-avatar{grid-row:1/4}.comment-form .comment-form-site{grid-column:2}.comment-form .comment-form-media-head{flex-direction:column;align-items:flex-start}.comment-form .comment-form-tail{align-items:flex-start}}.comment-user-modal{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f14227a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.comment-user-modal-panel{flex-direction:column;gap:18px;width:min(100%,620px);max-height:min(90vh,820px);padding:24px;display:flex;position:relative;overflow:auto}.comment-user-modal-close{background:var(--surface-muted);width:32px;height:32px;color:var(--font-black-lite);cursor:pointer;border:none;border-radius:50%;font-size:1.1rem;line-height:1;transition:all .24s;position:absolute;top:14px;right:16px}.comment-user-modal-close:hover{color:var(--main-color-select);background:var(--surface-accent)}.comment-user-modal-state{color:var(--font-black-lite);padding:8px 0;line-height:1.8}.comment-user-modal-state-error{color:var(--color-red-select)}.comment-user-modal-head{align-items:center;gap:18px;display:flex}.comment-user-modal-avatar{box-shadow:0 14px 26px rgba(var(--shadow-base-rgb),.16)}.comment-user-modal-main{min-width:0}.comment-user-modal-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.comment-user-modal-name{font-size:1.34rem;font-weight:900}.comment-user-modal-badge{color:var(--main-color-select);background:#39c5bb1f;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:800}.comment-user-modal-desc,.comment-user-modal-title{color:var(--font-black-lite);margin-top:8px;line-height:1.8}.comment-user-modal-title{color:var(--font-black);font-weight:700}.comment-user-modal-public-site{color:var(--font-black);border-top:1px solid #97accc24;border-bottom:1px solid #97accc24;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;line-height:1.7;text-decoration:none;transition:all .2s;display:flex}.comment-user-modal-public-site span{color:var(--font-black-lite);font-size:.86rem}.comment-user-modal-public-site strong{word-break:break-all;text-align:right;font-size:.94rem}.comment-user-modal-public-site:hover{border-color:#39c5bb61}.comment-user-modal-section{flex-direction:column;gap:12px;padding:18px;display:flex}.comment-user-modal-section-title{font-size:.96rem;font-weight:800}.comment-user-modal-admin-item{justify-content:space-between;gap:12px;line-height:1.7;display:flex}.comment-user-modal-admin-item span{color:var(--font-black-lite);flex-shrink:0}.comment-user-modal-admin-item strong,.comment-user-modal-link{word-break:break-all;text-align:right}.comment-user-modal-link{color:var(--font-black);text-underline-offset:3px;-webkit-text-decoration:underline #39c5bb59;text-decoration:underline #39c5bb59;transition:all .2s}.comment-user-modal-link:hover{text-decoration-color:#39c5bbbf}.comment-user-modal-fade-enter-active,.comment-user-modal-fade-leave-active{transition:all .24s}.comment-user-modal-fade-enter-from,.comment-user-modal-fade-leave-to{opacity:0}@media (width<=768px){.comment-user-modal{padding:14px}.comment-user-modal-admin-item,.comment-user-modal-head{flex-direction:column;align-items:flex-start}.comment-user-modal-admin-item strong,.comment-user-modal-link{text-align:left}}.commentBlock{box-sizing:border-box;padding:12px 0;transition:all .3s}.commentBlock:not(:last-child){border-bottom:1px solid #97accc1a}.commentBlock-child:hover .commentBlock-tail-right,.commentBlock-main:hover .commentBlock-tail-right{opacity:1}.commentBlock-child{box-sizing:border-box;width:100%;padding:10px 0;position:relative}.commentBlock-child+.commentBlock-child{border-top:1px solid #97accc1a}.commentBlock-child,.commentBlock-main{scroll-margin-top:110px;transition:all .3s;display:flex}.commentBlock-child .commentBlock-body,.commentBlock-main .commentBlock-body{width:100%;min-width:0}.commentBlock-headicon img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.commentBlock-children{background:var(--surface-panel-soft);box-sizing:border-box;border:1px solid #97accc1f;border-radius:16px;width:auto;margin:10px 0 0 clamp(14px,3vw,36px);padding:4px 16px;transition:all .3s;display:block}.commentBlock-children .commentBlock-headicon{width:30px;height:30px;margin-top:3px;margin-right:10px}.commentBlock-children .commentBlock-headicon img{width:30px;height:30px}.commentBlock-head{justify-content:space-between;gap:12px;display:flex}.commentBlock-username-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.commentBlock-pending{background:var(--color-yellow);color:#5a4400;border-radius:999px;align-items:center;gap:4px;padding:1px 9px;font-size:.72rem;font-weight:800;line-height:1.4;display:inline-flex}.commentBlock-username{color:var(--font-black);cursor:default;background:0 0;border:none;align-self:center;padding:0;font-weight:800;transition:all .2s}.commentBlock-username:disabled{opacity:1}.commentBlock-user-trigger{cursor:pointer}.commentBlock-username.commentBlock-user-trigger:hover{color:var(--font-black);text-underline-offset:4px;-webkit-text-decoration:underline #39c5bb73;text-decoration:underline #39c5bb73}.commentBlock-time{color:var(--font-black-lite);white-space:nowrap;align-self:center;font-size:.72rem}.commentBlock-reply-info{color:var(--font-black-lite);margin-left:5px;font-size:.8rem;font-weight:400}.commentBlock-reply-info span{color:var(--font-black);font-weight:700}.commentBlock-content{white-space:break-spaces;padding:6px 0 6px 2px;font-size:.95rem;line-height:1.72}.commentBlock-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-width:min(100%,560px);margin:0 0 12px 4px;display:grid}.commentBlock-image{background:var(--surface-panel-soft);aspect-ratio:4/3;border:1px solid #97accc29;border-radius:16px;transition:all .24s;display:block;overflow:hidden}.commentBlock-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.commentBlock-image:hover{transform:translateY(-1px)}.commentBlock-image:hover img{transform:scale(1.03)}.commentBlock-tail{opacity:1;flex-wrap:wrap;justify-content:space-between;gap:12px;transition:all .3s;display:flex}.commentBlock-tail-spacer{flex:auto;min-width:1px}.commentBlock-tail-right{opacity:0;gap:8px;transition:all .3s;display:flex}.commentBlock-highlight{background-color:var(--surface-accent-strong);box-shadow:inset 0 0 0 1px #39c5bb29}.commentBlock-headicon{cursor:default;background:0 0;border:none;border-radius:50%;width:36px;height:36px;margin-top:4px;margin-right:12px;padding:0;transition:all .3s}.commentBlock-headicon:disabled{opacity:1}.commentBlock-headicon.commentBlock-user-trigger:hover{opacity:.86}.commentBlock-moreReply{cursor:pointer;text-align:center;box-sizing:border-box;width:100%;color:var(--font-black-lite);border-radius:14px;margin:2px 0 0;padding:6px;font-size:.84rem;transition:all .3s}.commentBlock-moreReply:hover{background-color:var(--surface-accent);color:var(--main-color-select)}@media (width<=768px){.commentBlock-tail-right{opacity:1}.commentBlock-children{width:100%;margin-left:0;padding:4px 12px}.commentBlock-child{padding:10px 0}.commentBlock-head{flex-direction:column;align-items:flex-start}}.comment-modal{box-sizing:border-box;width:100%;margin-top:18px;padding:24px}.comment-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.comment-header h2{margin:0;font-size:1.2rem}.comment-header p{color:var(--font-black-lite);margin:4px 0 0;font-size:.86rem}.comment-empty{box-sizing:border-box;width:100%;color:var(--font-black-lite);padding:14px 0 6px;font-size:.9rem;line-height:1.7}@media (width<=768px){.comment-modal{padding:18px}.comment-header{flex-direction:column;align-items:flex-start}}