:root{--primary: #5b4a8a;--primary-light: #8b7ab8;--primary-glow: rgba(91, 74, 138, .15);--accent: #c4956a;--accent-warm: #d4a574;--ink-dark: #2c2438;--ink-medium: #4a3f5c;--ink-light: #6d5f8a;--ink-faint: #9890a8;--paper: #faf8f5;--paper-warm: #f5f0ea;--paper-deep: #ede8e0;--glass-bg: rgba(255, 253, 250, .65);--glass-border: rgba(180, 170, 195, .25);--glass-highlight: rgba(255, 255, 255, .8);--shadow-soft: 0 4px 24px rgba(44, 36, 56, .06);--shadow-medium: 0 8px 40px rgba(44, 36, 56, .1);--shadow-elevated: 0 16px 64px rgba(44, 36, 56, .12);--font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-display: "ZCOOL XiaoWei", "Noto Serif SC", serif;--font-body: "Noto Serif SC", Georgia, serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;font-family:var(--font-body);line-height:1.8;font-weight:400;color:var(--ink-dark);background:var(--paper);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(91,74,138,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 90%,rgba(196,149,106,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 60% 40%,rgba(139,122,184,.04) 0%,transparent 50%),var(--paper);animation:bg-shift 20s ease-in-out infinite alternate}@keyframes bg-shift{0%{opacity:1}50%{opacity:.85}to{opacity:1}}body:after{content:"";position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(196,149,106,.04) 0%,transparent 70%);top:-100px;right:-100px;z-index:-1;animation:float-orb 15s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,40px) scale(1.05)}66%{transform:translate(20px,-20px) scale(.95)}}#app{width:100%;max-width:780px;padding:var(--space-lg) var(--space-md);margin:0 auto;position:relative;box-sizing:border-box}h1{font-family:var(--font-display);font-size:2.8rem;font-weight:400;letter-spacing:.15em;margin-bottom:var(--space-xl);text-align:center;position:relative;color:var(--ink-dark)}h1:before{content:"「";position:absolute;left:-.5em;top:50%;transform:translateY(-50%);font-size:1.2em;color:var(--ink-faint);opacity:.3}h1:after{content:"」";position:absolute;right:-.5em;top:50%;transform:translateY(-50%);font-size:1.2em;color:var(--ink-faint);opacity:.3}button{font-family:inherit;font-weight:600;border-radius:var(--radius-sm);transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;border:none;position:relative;overflow:hidden}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}button:hover:after{opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-light)}@media(prefers-color-scheme:dark){:root{--primary: #a08fd4;--primary-light: #b8a8e0;--primary-glow: rgba(160, 143, 212, .15);--accent: #d4a574;--accent-warm: #c4956a;--ink-dark: #e8e2f0;--ink-medium: #c4bdd4;--ink-light: #a098b4;--ink-faint: #6d6480;--paper: #1a1520;--paper-warm: #201a28;--paper-deep: #2a2435;--glass-bg: rgba(30, 25, 40, .7);--glass-border: rgba(160, 143, 212, .12);--glass-highlight: rgba(160, 143, 212, .05);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .2);--shadow-medium: 0 8px 40px rgba(0, 0, 0, .25);--shadow-elevated: 0 16px 64px rgba(0, 0, 0, .3)}body:before{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(160,143,212,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 90%,rgba(212,165,116,.04) 0%,transparent 60%),var(--paper)}body:after{background:radial-gradient(circle,rgba(212,165,116,.03) 0%,transparent 70%)}}@media(max-width:640px){#app{padding:var(--space-md) var(--space-sm)}h1{font-size:2rem;letter-spacing:.1em}}.modal-overlay[data-v-c4687573]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2c243866;backdrop-filter:blur(12px) saturate(.8);-webkit-backdrop-filter:blur(12px) saturate(.8);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-window[data-v-c4687573]{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:2.5rem 2.5rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:90%;max-width:380px;text-align:center;position:relative;overflow:hidden}.modal-window[data-v-c4687573]:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);border-radius:1px}.modal-icon[data-v-c4687573]{width:52px;height:52px;background:var(--primary-glow);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid var(--glass-border)}.modal-content h3[data-v-c4687573]{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--ink-dark);letter-spacing:.1em}.modal-content p[data-v-c4687573]{color:var(--ink-light);line-height:1.8;margin-bottom:2rem;font-size:.9rem}.confirm-btn[data-v-c4687573]{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:.9rem;font-family:var(--font-body);border-radius:var(--radius-sm);letter-spacing:.15em}.confirm-btn[data-v-c4687573]:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow)}.modal-reveal-enter-active[data-v-c4687573]{animation:modal-in-c4687573 .5s cubic-bezier(.23,1,.32,1)}.modal-reveal-leave-active[data-v-c4687573]{animation:modal-in-c4687573 .35s cubic-bezier(.4,0,1,1) reverse}@keyframes modal-in-c4687573{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.comment-board-container[data-v-660eb00a]{position:relative;animation:board-enter-660eb00a 1s cubic-bezier(.23,1,.32,1) both}@keyframes board-enter-660eb00a{0%{opacity:0;transform:translateY(30px)}}.deco-float[data-v-660eb00a]{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.deco-float-1[data-v-660eb00a]{width:200px;height:200px;background:radial-gradient(circle,var(--primary-glow),transparent 70%);top:-60px;left:-80px;animation:deco-drift-1-660eb00a 12s ease-in-out infinite}.deco-float-2[data-v-660eb00a]{width:150px;height:150px;background:radial-gradient(circle,rgba(196,149,106,.06),transparent 70%);bottom:100px;right:-60px;animation:deco-drift-2-660eb00a 10s ease-in-out infinite}@keyframes deco-drift-1-660eb00a{0%,to{transform:translate(0)}50%{transform:translate(20px,15px)}}@keyframes deco-drift-2-660eb00a{0%,to{transform:translate(0)}50%{transform:translate(-15px,-20px)}}.glass-card[data-v-660eb00a]{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.glass-card[data-v-660eb00a]:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(91,74,138,.02) 0%,transparent 100%);pointer-events:none}.board-header[data-v-660eb00a]{text-align:center;margin-bottom:var(--space-xl);position:relative}.board-header h1[data-v-660eb00a]{font-family:var(--font-display);font-size:2.8rem;font-weight:400;letter-spacing:.2em;margin:0;color:var(--ink-dark);position:relative;display:inline-block}.board-header h1[data-v-660eb00a]:before,.board-header h1[data-v-660eb00a]:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--ink-faint),transparent)}.board-header h1[data-v-660eb00a]:before{right:calc(100% + 16px)}.board-header h1[data-v-660eb00a]:after{left:calc(100% + 16px)}.subtitle[data-v-660eb00a]{font-family:var(--font-serif);font-size:.9rem;color:var(--ink-faint);margin:var(--space-xs) 0 0;letter-spacing:.3em;font-style:italic}.input-section[data-v-660eb00a]{margin-bottom:var(--space-lg);position:relative}.input-row[data-v-660eb00a]{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.name-group[data-v-660eb00a]{flex:0 0 40%}.input-label[data-v-660eb00a]{display:block;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-xs)}.styled-input[data-v-660eb00a],.styled-textarea[data-v-660eb00a]{width:100%;padding:.9rem 1rem;background:#fff6;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--ink-dark);font-size:.95rem;font-family:var(--font-body);transition:all .4s cubic-bezier(.23,1,.32,1);box-sizing:border-box;position:relative}.styled-textarea[data-v-660eb00a]{min-height:110px;resize:vertical;line-height:1.8}.styled-input[data-v-660eb00a]:focus,.styled-textarea[data-v-660eb00a]:focus{outline:none;border-color:var(--primary-light);background:#fff9;box-shadow:0 0 0 3px var(--primary-glow)}.styled-input[data-v-660eb00a]::placeholder,.styled-textarea[data-v-660eb00a]::placeholder{color:var(--ink-faint);font-style:italic}.textarea-counter[data-v-660eb00a]{text-align:right;font-size:.75rem;color:var(--ink-faint);margin-top:4px;font-variant-numeric:tabular-nums}.counter-sep[data-v-660eb00a]{margin:0 2px;opacity:.5}.counter-warn[data-v-660eb00a]{color:var(--accent)}.form-footer[data-v-660eb00a]{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.submit-btn[data-v-660eb00a]{padding:.8rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:.95rem;font-family:var(--font-body);border-radius:var(--radius-md);display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 16px var(--primary-glow);letter-spacing:.1em}.submit-btn[data-v-660eb00a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #5b4a8a33}.submit-btn[data-v-660eb00a]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-660eb00a]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-660eb00a]{font-size:.8em;opacity:.8}.btn-loader[data-v-660eb00a]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-660eb00a .8s linear infinite}@keyframes spin-660eb00a{to{transform:rotate(360deg)}}.cooldown-text[data-v-660eb00a]{font-size:.85rem;color:var(--ink-faint);display:flex;align-items:center;gap:4px}.cooldown-icon[data-v-660eb00a]{font-size:.9em}.art-divider[data-v-660eb00a]{display:flex;align-items:center;justify-content:center;gap:12px;margin:var(--space-xl) 0;opacity:.4}.divider-line[data-v-660eb00a]{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--ink-faint),transparent)}.divider-dot[data-v-660eb00a]{width:3px;height:3px;border-radius:50%;background:var(--ink-faint)}.divider-char[data-v-660eb00a]{font-family:var(--font-display);font-size:.85rem;color:var(--ink-faint);letter-spacing:0}.loading-state[data-v-660eb00a]{text-align:center;padding:var(--space-xl) 0}.ink-loader[data-v-660eb00a]{display:flex;justify-content:center;gap:8px;margin-bottom:var(--space-md)}.ink-loader span[data-v-660eb00a]{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:ink-pulse-660eb00a 1.4s ease-in-out infinite}.ink-loader span[data-v-660eb00a]:nth-child(2){animation-delay:.2s}.ink-loader span[data-v-660eb00a]:nth-child(3){animation-delay:.4s}@keyframes ink-pulse-660eb00a{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.loading-text[data-v-660eb00a]{font-family:var(--font-serif);font-size:.9rem;color:var(--ink-faint);letter-spacing:.2em;margin:0}.comments-list[data-v-660eb00a]{display:flex;flex-direction:column;gap:var(--space-md)}.comment-item[data-v-660eb00a]{position:relative;background:#ffffff59;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);animation:comment-enter-660eb00a .6s cubic-bezier(.23,1,.32,1) both;animation-delay:var(--delay)}@keyframes comment-enter-660eb00a{0%{opacity:0;transform:translateY(16px)}}.comment-item[data-v-660eb00a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--primary-glow)}.comment-accent[data-v-660eb00a]{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-light),var(--accent));opacity:0;transition:opacity .4s}.comment-item:hover .comment-accent[data-v-660eb00a]{opacity:1}.comment-content[data-v-660eb00a]{padding:var(--space-md) var(--space-lg)}.comment-header[data-v-660eb00a]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.author-avatar[data-v-660eb00a]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-glow),rgba(196,149,106,.1));border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;color:var(--primary);flex-shrink:0}.comment-meta[data-v-660eb00a]{display:flex;flex-direction:column;gap:2px}.comment-author[data-v-660eb00a]{font-weight:700;font-size:.95rem;color:var(--ink-dark);letter-spacing:.02em}.comment-date[data-v-660eb00a]{font-size:.75rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.comment-body[data-v-660eb00a]{margin:0;line-height:1.9;color:var(--ink-medium);font-size:.95rem;padding-left:calc(36px + var(--space-sm))}.empty-state[data-v-660eb00a]{text-align:center;padding:var(--space-xl) 0}.empty-icon[data-v-660eb00a]{font-size:2.5rem;margin-bottom:var(--space-sm);opacity:.3}.empty-state p[data-v-660eb00a]{margin:4px 0;color:var(--ink-faint)}.empty-sub[data-v-660eb00a]{font-size:.85rem;font-style:italic}.pagination[data-v-660eb00a]{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.nav-btn[data-v-660eb00a]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);border-radius:50%;color:var(--ink-light);padding:0}.nav-btn[data-v-660eb00a]:hover:not(:disabled){background:var(--primary-glow);border-color:var(--primary-light);color:var(--primary)}.nav-btn[data-v-660eb00a]:disabled{opacity:.3;cursor:not-allowed}.page-dots[data-v-660eb00a]{display:flex;gap:8px;align-items:center}.page-dot[data-v-660eb00a]{width:8px;height:8px;border-radius:50%;background:var(--glass-border);cursor:pointer;transition:all .3s}.page-dot.active[data-v-660eb00a]{background:var(--primary);transform:scale(1.3);box-shadow:0 0 8px var(--primary-glow)}.page-dot[data-v-660eb00a]:hover:not(.active){background:var(--ink-faint)}.board-footer[data-v-660eb00a]{text-align:center;margin-top:var(--space-lg);font-size:.75rem;color:var(--ink-faint);letter-spacing:.1em}.footer-sep[data-v-660eb00a]{margin:0 8px;opacity:.5}.comment-reveal-enter-active[data-v-660eb00a]{transition:all .5s cubic-bezier(.23,1,.32,1)}.comment-reveal-leave-active[data-v-660eb00a]{transition:all .3s cubic-bezier(.4,0,1,1)}.comment-reveal-enter-from[data-v-660eb00a]{opacity:0;transform:translateY(20px)}.comment-reveal-leave-to[data-v-660eb00a]{opacity:0;transform:translateY(-10px)}.fade-slide-enter-active[data-v-660eb00a]{transition:all .4s cubic-bezier(.23,1,.32,1)}.fade-slide-leave-active[data-v-660eb00a]{transition:all .3s ease}.fade-slide-enter-from[data-v-660eb00a]{opacity:0;transform:translate(-10px)}.fade-slide-leave-to[data-v-660eb00a]{opacity:0}@media(prefers-color-scheme:dark){.comment-item[data-v-660eb00a]{background:#1e192880}.styled-input[data-v-660eb00a],.styled-textarea[data-v-660eb00a]{background:#1e192866}.styled-input[data-v-660eb00a]:focus,.styled-textarea[data-v-660eb00a]:focus{background:#1e192899}.glass-card[data-v-660eb00a]:before{background:linear-gradient(180deg,rgba(160,143,212,.03) 0%,transparent 100%)}}@media(max-width:640px){.glass-card[data-v-660eb00a]{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg)}.board-header h1[data-v-660eb00a]{font-size:2rem}.board-header h1[data-v-660eb00a]:before,.board-header h1[data-v-660eb00a]:after{width:24px}.input-row[data-v-660eb00a]{flex-direction:column;gap:var(--space-sm)}.name-group[data-v-660eb00a]{flex:none}.comment-content[data-v-660eb00a]{padding:var(--space-sm) var(--space-md)}.comment-body[data-v-660eb00a]{padding-left:0}.submit-btn[data-v-660eb00a]{width:100%;justify-content:center}.form-footer[data-v-660eb00a]{flex-direction:column;gap:var(--space-sm)}}