.comment-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:2rem auto;max-width:800px;padding:2rem}.comment-title{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.8rem;position:relative}.comment-title:after{background:#3b82f6;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.comment-desc{color:#666;font-size:1rem;line-height:1.6;margin:0 0 2rem}.comment-content{background:#fafafa;border-radius:8px;min-height:300px;padding:1.5rem;transition:all .3s ease;width:100%}.comment-content:hover{box-shadow:inset 0 0 10px #00000008}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.spinner{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{border-radius:6px;font-size:.95rem;line-height:1.5;margin-bottom:1rem;padding:1rem}.alert-error{background:#fff1f1;border:1px solid #fee2e2;color:#dc2626}.alert-fatal{background:#fff5f5;border:1px solid #ffe3e3;color:#b91c1c}.error-guide{margin:1rem 0;padding-left:1.5rem}.error-guide ul{margin:.5rem 0;padding-left:1rem}.error-guide li{margin:.3rem 0}.retry-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.retry-btn:hover{background:#2563eb;transform:translateY(-2px)}.retry-btn:active{transform:translateY(0)}#valine-comment .vinput{margin-bottom:1rem}#valine-comment input,#valine-comment textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;padding:.8rem 1rem;transition:all .2s ease;width:100%}#valine-comment input:focus,#valine-comment textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}#valine-comment textarea{line-height:1.6;min-height:120px;resize:vertical}#valine-comment .vsubmit{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.5rem;transition:all .2s ease}#valine-comment .vsubmit:hover{background:#2563eb;transform:translateY(-2px)}#valine-comment .vsubmit:active{transform:translateY(0)}#valine-comment .vlist{margin-top:2rem}#valine-comment .vcard{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1.2rem;transition:all .2s ease}#valine-comment .vcard:hover{box-shadow:0 4px 12px #00000014}#valine-comment .vimg{border-radius:50%;height:40px;margin-right:12px;width:40px}#valine-comment .vhead .vnick{color:#1a1a1a;font-weight:600;margin-right:8px}#valine-comment .vtime{color:#9ca3af;font-size:.85rem}#valine-comment .vcontent{color:#374151;line-height:1.7;margin:.8rem 0}#valine-comment .vpage{margin-top:1.5rem;text-align:center}#valine-comment .vpage a{border:1px solid #e2e8f0;border-radius:4px;color:#666;display:inline-block;margin:0 .2rem;padding:.4rem .8rem;transition:all .2s ease}#valine-comment .vpage a.active,#valine-comment .vpage a:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}#valine-comment .vemoji-btn{align-items:center;background:#f1f5f9;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;margin-right:.5rem;padding:.3rem .6rem;transition:all .2s ease}#valine-comment .vemoji-btn:hover{background:#e2e8f0;color:#3b82f6}#valine-comment .vemojis{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:1rem;z-index:100}#valine-comment .vemoji{border-radius:4px;cursor:pointer;height:28px;margin:.2rem;transition:transform .2s,box-shadow .2s;width:28px}#valine-comment .vemoji:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.2)}#valine-comment .vcontent img[src*=twemoji]{display:inline-block;height:1.2em;margin:0 .1em;vertical-align:text-bottom;width:1.2em}@media (max-width:768px){.comment-section{margin:1rem;padding:1.5rem}.comment-title{font-size:1.5rem}.comment-content{padding:1rem}}@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.content-auto{content-visibility:auto}.text-shadow{text-shadow:0 2px 4px #0000001a}.transition-custom{transition:all .3s ease}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#165dff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0e42d2}.loader{animation:spinner .6s linear infinite;border-top-color:#165dff}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.counter{transition:all .2s ease-out}.skill-bar{transition:width 1.5s ease-out;width:0}
/*# sourceMappingURL=main.5e3ad538.css.map*/