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