
:root{--kcm-pu:#9D8AF0;--kcm-bl:#6FA3E8;--kcm-gr:#4FBF95;--kcm-pk:#E88AB4;--kcm-on:#3A2F6B;
--kcm-g1:linear-gradient(135deg,#D4C6FF 0%,#BFD9FF 36%,#C4F0DC 68%,#FFD0E4 100%);--kcm-g2:linear-gradient(135deg,#D4C6FF,#BFD9FF);--kcm-g3:linear-gradient(135deg,#C4F0DC,#BDE7F5);--kcm-g4:linear-gradient(135deg,#FFD0E4,#E3D0FF);
--kcm-tg:linear-gradient(90deg,#9D8AF0,#6FA3E8,#4FBF95,#E88AB4,#9D8AF0);
--kcm-glass:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.38));--kcm-gb:rgba(255,255,255,.78);
--kcm-card2:rgba(255,255,255,.55);--kcm-in:rgba(255,255,255,.62);--kcm-bd:rgba(157,138,240,.28);--kcm-ink:#231E44;--kcm-mut:#5A6086;--kcm-ic:#7B66E0;
--kcm-sh:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35),0 10px 34px rgba(140,125,220,.16),0 2px 6px rgba(140,125,220,.08);
--kcm-disp:"快看世界体","MyCustomFont",sans-serif}
html.dark{--kcm-glass:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));--kcm-gb:rgba(255,255,255,.16);--kcm-card2:rgba(255,255,255,.075);--kcm-in:rgba(255,255,255,.06);--kcm-bd:rgba(210,198,255,.32);--kcm-ink:#F6F3FF;--kcm-mut:#CACDEB;--kcm-ic:#D2C6FF;
--kcm-tg:linear-gradient(90deg,#D2C6FF,#AFCBFF,#A4EDCD,#FFBCD8,#D2C6FF);
--kcm-sh:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.05),0 12px 36px rgba(0,0,0,.4)}
@property --kcm-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes kcmRot{to{--kcm-a:360deg}}
@keyframes kcmGlow{0%,100%{box-shadow:var(--kcm-sh),0 0 22px rgba(205,187,255,.45)}33%{box-shadow:var(--kcm-sh),0 0 22px rgba(183,214,255,.5)}66%{box-shadow:var(--kcm-sh),0 0 22px rgba(255,207,227,.5)}}
@keyframes kcmSheen{0%{background-position:0% 0%,100% 100%,0 0}100%{background-position:100% 60%,0% 30%,0 0}}
@keyframes kcmIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes kcmShine{to{background-position:300% 0}}
@keyframes kcmGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes kcmBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-6deg)}}
@keyframes kcmBreath{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px rgba(157,138,240,.32)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(232,138,180,.45)}}
#respond #form-title{margin-top:1.2em;gap:10px!important}
#respond #form-title .iconfont{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--kcm-g1);background-size:200% 200%;color:var(--kcm-on)!important;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 16px rgba(157,138,240,.35);font-size:18px!important;animation:kcmBob 3s ease-in-out infinite,kcmGrad 6s ease infinite}
#respond #form-top-title{font-family:var(--kcm-disp);font-size:24px;letter-spacing:1px;background:var(--kcm-tg);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:kcmShine 8s linear infinite}
#respond #commentform{position:relative;overflow:visible!important;border-radius:22px!important;padding:18px 18px 16px!important;border:1px solid var(--kcm-gb)!important;background:radial-gradient(120% 60% at 10% 0%,rgba(255,255,255,.55),transparent 55%),radial-gradient(80% 50% at 100% 100%,rgba(255,208,228,.22),transparent 60%),var(--kcm-glass)!important;background-size:220% 220%,220% 220%,auto!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--kcm-sh);--tw-ring-shadow:0 0 #0000!important;transition:transform .3s;animation:kcmGlow 6s linear infinite,kcmSheen 14s ease-in-out infinite alternate}
html.dark #respond #commentform{background:radial-gradient(120% 60% at 10% 0%,rgba(255,255,255,.10),transparent 55%),radial-gradient(80% 50% at 100% 100%,rgba(232,138,180,.10),transparent 60%),rgba(28,25,60,.64)!important;background-size:220% 220%,220% 220%,auto!important}
#respond #commentform:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1.8px;pointer-events:none;background:conic-gradient(from var(--kcm-a,0deg),transparent 0deg,#CDBBFF 60deg,#B7D6FF 120deg,#BFF0D8 180deg,#FFCFE3 240deg,transparent 300deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:kcmRot 9s linear infinite;opacity:.95}
#respond #commentform:focus-within{transform:translateY(-2px)}
#respond #comment{min-height:110px;margin-top:6px;padding:12px 14px!important;border-radius:14px;background:var(--kcm-in)!important;border:1.5px solid var(--kcm-bd)!important;box-shadow:inset 0 1px 2px rgba(140,125,220,.08);color:var(--kcm-ink);font-size:15px;line-height:1.7;transition:border-color .25s,box-shadow .25s,background .25s}
#respond #comment:focus{outline:none;border-color:transparent!important;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) padding-box,var(--kcm-g1) border-box!important;box-shadow:0 0 0 5px rgba(157,138,240,.16)}
html.dark #respond #comment:focus{background:linear-gradient(#262248,#262248) padding-box,var(--kcm-g1) border-box!important}
#respond #comment::placeholder,#respond #author::placeholder,#respond #email::placeholder,#respond #url::placeholder{color:#8E93B5;opacity:1}
html.dark #respond #comment::placeholder,html.dark #respond #author::placeholder,html.dark #respond #email::placeholder,html.dark #respond #url::placeholder{color:#A3A7CE}
#respond #commentform footer{margin-top:14px!important;gap:10px;align-items:center}
#respond #commentform footer>div:first-child{gap:8px;border-top:0!important}
#respond #commentform footer>div:first-child>div{display:none}
#respond #author,#respond #email,#respond #url{flex:1 1 170px;min-width:0;padding:9px 14px 9px 36px!important;border-radius:999px;border:1.5px solid var(--kcm-bd)!important;background-color:var(--kcm-in)!important;background-repeat:no-repeat!important;background-position:13px center!important;background-size:15px 15px!important;box-shadow:inset 0 1px 2px rgba(140,125,220,.08);color:var(--kcm-ink);font-size:13.5px!important;transition:border-color .25s,box-shadow .25s,transform .2s}
#respond #author{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239D8AF0' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")!important}
#respond #email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236FA3E8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")!important}
#respond #url{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234FBF95' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M10 14a5 5 0 007 0l3-3a5 5 0 00-7-7l-1 1'/%3E%3Cpath d='M14 10a5 5 0 00-7 0l-3 3a5 5 0 007 7l1-1'/%3E%3C/svg%3E")!important}
#respond #author:focus,#respond #email:focus,#respond #url:focus{outline:none;border-color:var(--kcm-pu)!important;background-color:rgba(255,255,255,.85)!important;box-shadow:0 0 0 4px rgba(157,138,240,.18);transform:translateY(-1px)}
html.dark #respond #author:focus,html.dark #respond #email:focus,html.dark #respond #url:focus{background-color:rgba(255,255,255,.1)!important}
#respond #commentform aside{gap:8px!important}
#respond #previewMd,#respond #emoji-button{width:40px!important;height:40px!important;flex:0 0 40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--kcm-glass);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);border:1px solid var(--kcm-gb);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(140,125,220,.14);transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .25s,box-shadow .25s,background .25s}
html.dark #respond #previewMd,html.dark #respond #emoji-button{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 10px rgba(0,0,0,.3)}
#respond #previewMd:hover,#respond #emoji-button:hover{transform:translateY(-3px) scale(1.06) rotate(-8deg);background:var(--kcm-g2);border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(157,138,240,.3)}
#respond #previewMd i,#respond #emoji-button i{color:var(--kcm-ic)!important;font-size:19px!important;transition:color .25s}
#respond #previewMd:hover i,#respond #emoji-button:hover i{color:var(--kcm-on)!important}
#respond .emoji-btn{width:40px;height:40px;position:relative}
#respond .emoticon-panel{z-index:60!important;border-radius:18px!important;border:1px solid var(--kcm-gb)!important;background:var(--kcm-glass)!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--kcm-sh),0 18px 40px rgba(140,125,220,.25)!important;margin-right:8px;transform:translateY(8px) scale(.96);transform-origin:bottom right;transition:opacity .3s,transform .35s cubic-bezier(.3,1.6,.5,1)!important}
html.dark #respond .emoticon-panel{background:rgba(28,25,60,.86)!important}
#respond .emoticon-panel.show,#respond .emoticon #sticker-open:checked~.emoticon-panel{transform:none}
#respond [data-tooltip]::after{z-index:70;font-weight:650;color:var(--kcm-on)!important;background:linear-gradient(135deg,#E6DDFF,#D4E6FF)!important;border:1px solid rgba(255,255,255,.9)!important;outline:none!important;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(140,125,220,.3)!important}
#respond aside [data-tooltip]:hover{z-index:3000!important}
#respond aside [data-tooltip]::after{left:auto!important;right:calc(100% + 12px)!important;top:50%!important;transform:translateY(-50%) translateX(6px) scale(.9)!important;transform-origin:right center;white-space:nowrap;transition:opacity .25s,transform .3s cubic-bezier(.3,1.6,.5,1)!important}
#respond aside [data-tooltip]:not([data-tooltip-dis="true"]):hover::after{transform:translateY(-50%) translateX(0) scale(1)!important}
#respond #previewMd:hover::after,#respond #emoji-button:hover::after{transform:translateY(-50%) rotate(8deg) scale(1)!important}
#respond #submit:hover::after{transform:translateY(-50%) rotate(12deg) scale(1)!important}
#respond .emoji-btn:hover,#respond .emoji-btn:focus-within{z-index:3001!important}
#respond #submit{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--kcm-g1);background-size:200% 200%;border:1px solid rgba(255,255,255,.85);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;animation:kcmGrad 6s ease infinite,kcmBreath 3.2s ease-in-out infinite}
#respond #submit i{color:var(--kcm-on)!important;font-size:20px!important;display:inline-block;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
#respond #submit:hover{transform:translateY(-3px) scale(1.08) rotate(-12deg);box-shadow:inset 0 1px 0 #fff,0 12px 26px rgba(157,138,240,.5)}
#respond #submit:active{transform:scale(.92)}
#respond #commentform>span{color:var(--kcm-mut)!important;margin-top:6px}
#comments .comment-list{margin-top:10px}
#comments li.comment{animation:kcmIn .5s cubic-bezier(.2,.9,.3,1.2) both;margin-bottom:14px}
#comments li.comment>span.absolute{width:3px!important;border-radius:3px;background:linear-gradient(#CDBBFF,#B7D6FF,#BFF0D8,#FFCFE3)!important;opacity:.8}
#comments article.comment-body img{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 4px #CDBBFF,0 6px 14px rgba(157,138,240,.3)!important;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
html.dark #comments article.comment-body img{box-shadow:0 0 0 2px #1C1938,0 0 0 4px #9D8AF0!important}
#comments article.comment-body:hover img{transform:rotate(-10deg) scale(1.08)}
#comments .comment-body .author{font-family:var(--kcm-disp);font-size:17px!important;background:var(--kcm-tg);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;margin-right:8px;animation:kcmShine 10s linear infinite}
#comments .comment-body time{opacity:1!important;font-size:11.5px!important;font-weight:600;color:var(--kcm-on)!important;background:var(--kcm-g2);border:1px solid rgba(255,255,255,.8);padding:1px 9px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(157,138,240,.22)}
#comments .comment-reply-link{background:var(--kcm-g1)!important;background-size:200% 200%!important;color:var(--kcm-on)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(157,138,240,.3)!important;transition:transform .25s cubic-bezier(.3,1.6,.5,1)!important;animation:kcmGrad 6s ease infinite}
#comments .comment-reply-link *{color:var(--kcm-on)!important}
#comments .comment-reply-link:hover{transform:translateY(-2px) rotate(-10deg) scale(1.1)}
#comments .comment-content{position:relative;margin-top:-6px!important;margin-left:3.25rem;padding:12px 16px!important;border-radius:4px 16px 16px 16px;background:var(--kcm-glass);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);border:1px solid var(--kcm-gb);border-left:4px solid #C2B2FB;color:var(--kcm-ink);font-size:14.5px!important;line-height:1.75;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 14px rgba(140,125,220,.1);transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
html.dark #comments .comment-content{background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 14px rgba(0,0,0,.3)}
#comments li.comment:nth-child(4n+2)>.comment-content{border-left-color:#A9CCF8}
#comments li.comment:nth-child(4n+3)>.comment-content{border-left-color:#A6E5C8}
#comments li.comment:nth-child(4n)>.comment-content{border-left-color:#F7B9D4}
#comments .comment-content:hover{transform:translateX(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(157,138,240,.22)}
html.dark #comments .comment-content:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.45),0 0 0 1px rgba(210,198,255,.25)}
#comments .comment-content p{margin:0}
#comments .children{margin-top:12px}
@media(max-width:640px){#respond #commentform{padding:14px 12px 12px!important;border-radius:18px!important}#respond #commentform:before{border-radius:18px}#comments .comment-content{margin-left:0;margin-top:6px!important}#comments li.comment>span.absolute{display:none!important}}
@media(prefers-reduced-motion:reduce){#respond *,#comments *,#respond,#comments,#respond *::before,#respond *::after{animation:none!important;transition:none!important}}
#respond #commentform footer{flex-wrap:wrap!important;row-gap:12px!important}
#respond #commentform footer>div:first-child{flex:1 1 100%!important;width:100%!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:10px!important}
#respond #author,#respond #email,#respond #url{flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box}
#respond #commentform footer>div:nth-child(2){display:none!important}
#respond #commentform aside{flex-direction:row!important;margin-left:auto!important}
