.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f1ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(58,58,82,.4)}.header-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);height:70px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.header-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.brand-seal{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--cinnabar);border-radius:4px;color:var(--cinnabar);font-family:var(--font-display);font-size:1.2rem;transform:rotate(-5deg);transition:transform .3s var(--ease-spring)}.header-brand:hover .brand-seal{transform:rotate(0) scale(1.1)}.brand-text{font-family:var(--font-display);font-size:1.5rem;color:var(--paper);letter-spacing:.1em}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:4px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:.9rem;transition:all .3s var(--ease-out);white-space:nowrap}.nav-icon{font-size:1rem}.nav-link:hover{color:var(--text-primary);background:#f5f0e80d}.nav-link.active{color:var(--gold);background:#d4a3371a}.header-user{flex-shrink:0}.user-badge{display:flex;align-items:center;gap:var(--space-sm);padding:4px 12px;border:1px solid var(--ink-light);border-radius:20px;text-decoration:none;transition:all .3s var(--ease-out)}.user-badge:hover{border-color:var(--gold);background:#d4a33714}.user-level{font-size:.75rem;color:var(--gold);font-weight:600}.user-title{font-size:.85rem;color:var(--text-primary);font-family:var(--font-body)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.hamburger{display:flex;flex-direction:column;gap:5px;width:22px}.hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s var(--ease-out);transform-origin:center}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.user-logged-in{display:flex;align-items:center;gap:15px}.user-name{margin-right:5px;font-weight:700}.login-link{display:inline-block;padding:6px 15px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease}.login-link:hover{background:#7a3a10;transform:translateY(-1px);box-shadow:0 4px 10px #8b451333}.logout-btn{background:transparent;border:1px solid rgba(139,69,19,.4);color:var(--primary-color);padding:4px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#8b45131a}@media(max-width:768px){.header-inner{height:60px;padding:0 var(--space-md)}.menu-toggle{display:block}.header-nav{position:fixed;top:60px;left:0;right:0;bottom:0;flex-direction:column;background:#0f0f1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-xl);gap:var(--space-sm);transform:translate(100%);transition:transform .4s var(--ease-out)}.header-nav.open{transform:translate(0)}.nav-link{font-size:1.1rem;padding:var(--space-md) var(--space-lg)}.header-user{display:none}}.home{padding-bottom:var(--space-3xl)}.hero{text-align:center;padding:var(--space-3xl) 0;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.hero-decoration{display:flex;flex-direction:column;gap:var(--space-sm);opacity:.15;font-family:var(--font-display);font-size:1.8rem;color:var(--paper);letter-spacing:.3em;writing-mode:vertical-rl}.hero-content{flex:1;max-width:600px}.hero-title{font-family:var(--font-display);font-size:4.5rem;color:var(--paper);letter-spacing:.4em;margin-bottom:var(--space-md);text-shadow:0 0 40px rgba(212,163,55,.2);line-height:1.2}.hero-subtitle{font-family:var(--font-display);font-size:1.4rem;color:var(--gold);letter-spacing:.3em;margin-bottom:var(--space-md)}.hero-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-xl)}.hero-actions{display:flex;gap:var(--space-md);justify-content:center}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:1.3rem;color:var(--text-primary);margin-bottom:var(--space-xl);font-weight:600}.section-icon{font-size:1.4rem}.daily-section{margin-bottom:var(--space-3xl)}.daily-card{background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;position:relative;overflow:hidden}.daily-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.daily-poem{margin-bottom:var(--space-lg)}.daily-info{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.modes-section{margin-bottom:var(--space-3xl)}.modes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.mode-card{background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;text-decoration:none;transition:all .4s var(--ease-out);position:relative;overflow:hidden}.mode-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .4s var(--ease-out)}.mode-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 8px 30px #0000004d}.mode-card:hover:after{transform:scaleX(1)}.mode-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.mode-title{font-family:var(--font-body);font-size:1.2rem;color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.mode-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--space-md)}.mode-arrow{color:var(--accent);font-size:1.2rem;opacity:0;transition:opacity .3s}.mode-card:hover .mode-arrow{opacity:1}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.overview-card{background:#1a1a2e80;border:1px solid rgba(58,58,82,.4);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.overview-card.clickable{cursor:pointer;transition:all .3s var(--ease-out)}.overview-card.clickable:hover{border-color:var(--gold);background:#d4a3370d}.overview-value{font-family:var(--font-display);font-size:1.6rem;color:var(--paper);margin-bottom:var(--space-xs)}.overview-label{font-size:.8rem;color:var(--text-muted)}.exp-bar{height:4px;background:var(--ink-light);border-radius:2px;margin:var(--space-sm) 0 var(--space-xs);overflow:hidden}.exp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;transition:width .6s var(--ease-out)}.exp-text{font-size:.7rem;color:var(--text-muted)}@media(max-width:768px){.hero{padding:var(--space-2xl) 0;flex-direction:column}.hero-decoration{writing-mode:horizontal-tb;flex-direction:row;font-size:1.2rem}.hero-title{font-size:3rem;letter-spacing:.2em}.hero-subtitle{font-size:1.1rem}.modes-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:repeat(2,1fr)}}.score-radar{width:260px;height:260px;margin:0 auto}.radar-svg{width:100%;height:100%}.radar-grid{fill:none;stroke:var(--ink-light);stroke-width:.5}.radar-axis{stroke:var(--ink-light);stroke-width:.5;opacity:.5}.radar-area{fill:#d4a33726;transition:all .6s var(--ease-out)}.radar-border{fill:none;stroke:var(--gold);stroke-width:2;filter:drop-shadow(0 0 4px rgba(212,163,55,.4));transition:all .6s var(--ease-out)}.radar-dot{fill:var(--gold-light);filter:drop-shadow(0 0 3px rgba(212,163,55,.6));transition:all .4s var(--ease-out)}.radar-label{fill:var(--text-secondary);font-family:var(--font-body);font-size:.7rem}.radar-value{fill:var(--gold);font-family:var(--font-body);font-size:.7rem;font-weight:600}.ai-eval-container{background:#1a1a2ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.3);padding:var(--space-xl);margin:var(--space-xl) 0;box-shadow:0 4px 20px #0000004d;position:relative;overflow:hidden}.ai-eval-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),#f3e5ab,var(--gold))}.ai-eval-header{text-align:center;margin-bottom:var(--space-lg)}.ai-eval-title{font-size:1.3rem;font-weight:600;color:var(--gold-light);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-display);letter-spacing:.08em}.ai-icon{font-size:1.6rem;animation:sparkle 2s infinite ease-in-out}@keyframes sparkle{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1;text-shadow:0 0 12px var(--gold)}}.ai-eval-body{display:flex;flex-wrap:wrap;gap:var(--space-xl);align-items:flex-start}.ai-eval-score-ring{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;position:relative}.circular-chart{display:block;margin:0 auto;max-width:120px;max-height:120px}.circle-bg{fill:none;stroke:#f5f0e814;stroke-width:2.5}.circle{fill:none;stroke-width:2.5;stroke-linecap:round;animation:progress 1s ease-out forwards;filter:drop-shadow(0 0 4px currentColor)}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage{fill:var(--paper);font-family:var(--font-body);font-size:.5em;text-anchor:middle;font-weight:700}.score-label{margin-top:var(--space-sm);font-size:.85rem;color:var(--text-muted);font-weight:500}.ai-eval-details{flex:1;min-width:250px}.ai-feedback{font-size:1rem;line-height:1.7;margin-bottom:var(--space-md);padding:var(--space-md);background:#d4af370f;border-left:4px solid var(--gold);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--paper)}.ai-plus-points h4{margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:.95rem;font-weight:600}.ai-plus-points ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.ai-plus-points li{padding:var(--space-xs) 0 var(--space-xs) var(--space-xl);position:relative;line-height:1.6;color:var(--text-primary);font-size:.92rem}.ai-plus-points li:before{content:"✅";position:absolute;left:0;top:var(--space-xs);font-size:.85em}@media(max-width:600px){.ai-eval-body{flex-direction:column;align-items:center;text-align:center}.ai-plus-points li{text-align:left}}.classic-mode{padding-bottom:var(--space-3xl)}.mode-header{text-align:center;margin-bottom:var(--space-2xl)}.mode-title{font-family:var(--font-display);font-size:2.2rem;color:var(--paper);letter-spacing:.15em;margin-bottom:var(--space-sm)}.mode-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-xl)}.difficulty-select{display:flex;gap:var(--space-sm);justify-content:center}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--ink-light);border-radius:var(--radius-md);background:var(--ink-mid);color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-out);font-family:var(--font-body)}.diff-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.diff-btn.active{border-color:var(--gold);background:#d4a3371a;color:var(--gold)}.diff-label{font-size:.95rem;font-weight:600}.diff-sub{font-size:.7rem;opacity:.7}.game-area{max-width:700px;margin:0 auto}.question-card{background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;margin-bottom:var(--space-xl);position:relative}.question-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--cinnabar),transparent)}.question-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md)}.question-meta{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg);flex-wrap:wrap}.answer-area{text-align:center}.answer-label{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-md);letter-spacing:.15em}.poem-input{text-align:center;font-family:var(--font-display);font-size:1.8rem;letter-spacing:.15em;padding:var(--space-lg);margin-bottom:var(--space-lg)}.answer-actions{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.hint-display{padding:var(--space-md);background:#d4a33714;border:1px solid rgba(212,163,55,.2);border-radius:var(--radius-md);text-align:center}.hint-label{color:var(--gold);font-size:.85rem;margin-right:var(--space-sm)}.hint-text{font-family:var(--font-display);font-size:1.6rem;color:var(--paper);letter-spacing:.15em}.result-area{text-align:center}.result-header{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.result-emoji{font-size:2.5rem}.result-grade{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.1em}.result-score{font-size:1.4rem;color:var(--text-secondary)}.exact-match-badge{display:inline-block;padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#d4a33733,#f0c75e1a);border:1px solid var(--gold);border-radius:var(--radius-xl);color:var(--gold-light);font-size:.95rem;margin-bottom:var(--space-xl)}.result-compare{margin:var(--space-xl) 0}.compare-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);justify-content:center}.compare-row .poem-text{font-size:1.5rem;flex:none}.compare-row.user{background:#2d6a4f1a;border:1px solid rgba(45,106,79,.2)}.compare-row.correct{background:#d4a33714;border:1px solid rgba(212,163,55,.15)}.compare-label{font-size:.75rem;color:var(--text-muted);min-width:30px}.tone-pattern{font-size:.7rem;color:var(--text-muted);font-family:var(--font-body);letter-spacing:.1em}.appreciation-box{text-align:left;background:#1a1a2e80;border:1px solid rgba(58,58,82,.4);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.appreciation-box h4{color:var(--gold);margin-bottom:var(--space-md);font-family:var(--font-body)}.appreciation-box p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.full-poem{padding:var(--space-md);border-left:2px solid var(--cinnabar);margin-top:var(--space-md)}.full-poem p{font-family:var(--font-display);font-size:1.2rem;color:var(--paper);letter-spacing:.1em;margin-bottom:var(--space-xs)}.result-actions{margin-top:var(--space-xl)}@media(max-width:768px){.poem-input{font-size:1.4rem}.difficulty-select{flex-wrap:wrap}.compare-row{flex-direction:column;gap:var(--space-xs)}}.free-mode{padding-bottom:var(--space-3xl)}.free-tips{text-align:center;padding:var(--space-sm) var(--space-md);background:#2d6a4f14;border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.free-tips p{color:var(--jade-light);font-size:.8rem}.score-details{max-width:400px;margin:var(--space-xl) auto}.score-detail-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.detail-label{font-size:.8rem;color:var(--text-secondary);min-width:60px}.detail-bar{flex:1;height:6px;background:var(--ink-mid);border-radius:3px;overflow:hidden}.detail-fill{height:100%;border-radius:3px;transition:width .8s var(--ease-out)}.detail-score{font-size:.8rem;color:var(--text-primary);min-width:24px;text-align:right;font-weight:600}.detail-weight{font-size:.65rem;color:var(--text-muted);min-width:28px}.reference-box{text-align:center;background:#1a1a2e80;border:1px solid rgba(58,58,82,.4);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.reference-box h4{color:var(--gold);margin-bottom:var(--space-md)}.ref-source{color:var(--text-muted);font-size:.85rem;margin-bottom:var(--space-md)}.ref-analysis{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.challenge-mode{padding-bottom:var(--space-3xl)}.stage-select-title{font-family:var(--font-display);font-size:1.6rem;color:var(--paper);text-align:center;margin-bottom:var(--space-xl)}.stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}.stage-card{background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all .4s var(--ease-out);position:relative}.stage-card:hover:not(.locked){transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-glow-gold)}.stage-card.locked{opacity:.5;cursor:not-allowed}.stage-card.cleared{border-color:var(--jade)}.stage-number{font-size:.75rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:var(--space-sm)}.stage-name{font-family:var(--font-display);font-size:1.4rem;color:var(--paper);margin-bottom:var(--space-sm)}.stage-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.stage-meta{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.stage-progress-bar{height:4px;background:var(--ink-light);border-radius:2px;overflow:hidden;margin-bottom:var(--space-xs)}.stage-progress-fill{height:100%;background:linear-gradient(90deg,var(--jade),var(--jade-light));border-radius:2px;transition:width .6s var(--ease-out)}.stage-progress-text{font-size:.7rem;color:var(--text-muted)}.stage-lock,.stage-clear-badge{position:absolute;top:var(--space-md);right:var(--space-md);font-size:1.2rem}.stage-clear-badge{font-size:.8rem;color:var(--jade-light)}.challenge-hud{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-xl);background:#1a1a2e80;border:1px solid rgba(58,58,82,.4);border-radius:var(--radius-lg)}.hud-item{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{font-size:.7rem;color:var(--text-muted)}.hud-value{font-size:1.1rem;color:var(--paper);font-weight:600}.challenge-progress{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--ink-light);transition:all .3s var(--ease-out)}.progress-dot.done{background:var(--jade)}.progress-dot.current{background:var(--gold);box-shadow:0 0 8px #d4a33780;transform:scale(1.3)}.answer-reveal{text-align:center;max-width:700px;margin:0 auto}.reveal-result{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md)}.reveal-result.correct{color:var(--jade-light);background:#2d6a4f1a;border:1px solid rgba(45,106,79,.3)}.reveal-result.wrong{color:var(--cinnabar-glow);background:#c0392b1a;border:1px solid rgba(192,57,43,.3)}.reveal-compare{margin-bottom:var(--space-lg)}.reveal-compare p{margin-bottom:var(--space-sm)}.reveal-score{color:var(--text-secondary);margin-bottom:var(--space-xl)}.stage-result{text-align:center;padding:var(--space-3xl) 0;max-width:500px;margin:0 auto}.result-icon{font-size:4rem;margin-bottom:var(--space-lg)}.stage-result h2{font-family:var(--font-display);font-size:2.5rem;color:var(--paper);margin-bottom:var(--space-sm)}.result-stage-name{color:var(--text-secondary);margin-bottom:var(--space-2xl)}.result-stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;color:var(--gold);font-weight:700}.stat-label{font-size:.8rem;color:var(--text-muted)}.result-badge{font-size:1.1rem;color:var(--gold-light);margin-bottom:var(--space-2xl)}.result-actions-row{display:flex;gap:var(--space-md);justify-content:center}@media(max-width:768px){.challenge-hud{gap:var(--space-md);flex-wrap:wrap}.stages-grid{grid-template-columns:1fr}}.library{padding-bottom:var(--space-3xl)}.lib-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);justify-content:center}.lib-tab{padding:var(--space-sm) var(--space-lg);border:1px solid var(--ink-light);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .3s var(--ease-out)}.lib-tab:hover{border-color:var(--text-muted);color:var(--text-primary)}.lib-tab.active{border-color:var(--gold);background:#d4a3371a;color:var(--gold)}.lib-filters{margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.search-bar{width:100%}.quick-authors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:.85rem}.qa-label{color:var(--text-muted);font-weight:500}.qa-tag{background:#0f0f1a80;border:1px solid rgba(58,58,82,.3);color:var(--text-secondary);padding:2px 10px;border-radius:12px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.qa-tag:hover{border-color:var(--text-muted);color:var(--paper)}.qa-tag.active{background:#2d6a4f26;border-color:var(--jade);color:var(--jade-light)}.dynasty-filters{display:flex;gap:var(--space-xs);flex-wrap:wrap}.dynasty-filters .tag{cursor:pointer;transition:all .2s}.dynasty-filters .tag.active{background:#d4a33733;border-color:var(--gold);color:var(--gold)}.poems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.poem-card{cursor:pointer}.poem-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.poem-card-header h3{font-family:var(--font-body);font-size:1.1rem;color:var(--paper)}.fav-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;transition:transform .3s var(--ease-spring);padding:0}.fav-btn:hover,.fav-btn.active{transform:scale(1.2)}.poem-card-right{display:flex;align-items:center;gap:var(--space-sm)}.view-count{font-size:.72rem;color:var(--text-muted);white-space:nowrap;letter-spacing:.02em;transition:color .2s}.poem-card:hover .view-count{color:var(--text-secondary)}.poem-card-author{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.poem-card-preview{font-family:var(--font-display);font-size:1.05rem;color:var(--text-secondary);letter-spacing:.08em;margin-bottom:var(--space-md)}.poem-card-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.poem-detail{margin-top:var(--space-md)}.poem-full-text{margin:var(--space-lg) 0;text-align:center}.poem-tones{background:#0f0f1a66;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.poem-tones h4{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.tone-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;font-size:.85rem;color:var(--text-secondary)}.poem-appreciation{font-size:.9rem;color:var(--text-secondary);line-height:1.8;padding:var(--space-md);background:#2d6a4f0d;border-left:2px solid var(--jade);border-radius:0 var(--radius-md) var(--radius-md) 0}.couplets-list{display:grid;gap:var(--space-md)}.couplet-card{text-align:center}.couplet-pair{margin-bottom:var(--space-md)}.couplet-source{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-md)}.couplet-analysis{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.rules-content{display:grid;gap:var(--space-lg)}.rule-section h3{font-family:var(--font-body);font-size:1.1rem;color:var(--gold);margin-bottom:var(--space-md)}.rule-section p{color:var(--text-secondary);line-height:1.8}.rule-list{display:grid;gap:var(--space-md)}.rule-item{display:flex;gap:var(--space-md);align-items:flex-start}.rule-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--cinnabar);border-radius:var(--radius-sm);color:var(--cinnabar);font-family:var(--font-display);flex-shrink:0}.rule-item h4{color:var(--text-primary);margin-bottom:2px;font-size:.95rem}.rule-item p{font-size:.85rem}.rule-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.rule-type{background:#0f0f1a4d;border-radius:var(--radius-md);padding:var(--space-md)}.rule-type h4{color:var(--paper);margin-bottom:var(--space-xs)}.rule-type p{font-size:.85rem}.rule-example{margin-top:var(--space-sm);color:var(--text-muted)!important;font-style:italic}.rule-example em{color:var(--gold);font-style:normal;font-family:var(--font-display);letter-spacing:.05em}.tone-example{display:flex;gap:var(--space-xl);margin-top:var(--space-md);flex-wrap:wrap}.te-ping{color:var(--jade-light);font-size:.9rem}.te-ze{color:var(--cinnabar-glow);font-size:.9rem}.empty-text{text-align:center;color:var(--text-muted);padding:var(--space-2xl)}@media(max-width:768px){.poems-grid{grid-template-columns:1fr}.lib-tabs{flex-wrap:wrap}}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;padding:20px 0}.page-info{color:var(--text-secondary);font-size:1rem}.plaza{padding-bottom:var(--space-3xl)}.plaza-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.plaza-tabs{display:flex;gap:var(--space-xs)}.plaza-tab{padding:var(--space-sm) var(--space-md);border:1px solid var(--ink-light);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .3s var(--ease-out)}.plaza-tab:hover{border-color:var(--text-muted);color:var(--text-primary)}.plaza-tab.active{border-color:var(--gold);background:#d4a3371a;color:var(--gold)}.publish-panel{overflow:hidden;margin-bottom:var(--space-xl)}.publish-inner{background:#1a1a2eb3;border:1px solid rgba(58,58,82,.6);border-radius:var(--radius-lg);padding:var(--space-xl)}.publish-type-select{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.pub-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md) var(--space-lg);border:1px solid var(--ink-light);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all .3s var(--ease-out)}.pub-type-btn:hover{border-color:var(--text-muted)}.pub-type-btn.active{border-color:var(--gold);background:#d4a33714;color:var(--gold)}.pub-type-desc{font-size:.7rem;opacity:.7}.publish-fields{display:grid;gap:var(--space-md);margin-bottom:var(--space-lg)}.publish-field label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.field-tone{font-size:.7rem;color:var(--text-muted);margin-top:4px;display:block}.publish-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.posts-list{display:grid;gap:var(--space-lg)}.post-card{background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s var(--ease-out)}.post-card:hover{border-color:#f5f0e81f}.post-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid rgba(58,58,82,.3)}.post-avatar-wrap{flex-shrink:0}.post-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--cinnabar);border-radius:4px;font-family:var(--font-display);font-size:1rem;color:var(--cinnabar);transform:rotate(-3deg)}.post-meta{flex:1}.post-author{display:block;font-size:.9rem;color:var(--text-primary);font-weight:600}.post-time{font-size:.7rem;color:var(--text-muted)}.post-type-badge{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm)}.post-type-badge.challenge{background:#c0392b26;color:var(--cinnabar-glow)}.post-type-badge.showcase{background:#d4a33726;color:var(--gold-light)}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:.9rem;transition:color .2s}.btn-icon:hover{color:var(--cinnabar)}.post-content{padding:var(--space-lg) var(--space-xl)}.post-couplet{margin-bottom:var(--space-md)}.couplet-line{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.couplet-label{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.couplet-line.upper .couplet-label{background:#c0392b26;color:var(--cinnabar-glow)}.couplet-line.lower .couplet-label{background:#2d6a4f26;color:var(--jade-light)}.couplet-text{font-family:var(--font-display);font-size:1.5rem;color:var(--paper);letter-spacing:.12em}.post-score{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.post-score strong{color:var(--gold)}.post-original{color:var(--text-muted)}.post-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.post-responses{padding:var(--space-md) var(--space-xl);border-top:1px solid rgba(58,58,82,.3);background:#0f0f1a4d}.responses-title{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md);font-weight:600}.response-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.resp-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--ink-light);border-radius:3px;font-size:.65rem;color:var(--text-muted);flex-shrink:0}.resp-content{flex:1;min-width:0}.resp-author{font-size:.75rem;color:var(--text-muted);margin-right:var(--space-sm)}.resp-text{font-family:var(--font-display);font-size:1.1rem;color:var(--paper);letter-spacing:.08em}.resp-meta{display:flex;gap:var(--space-sm);align-items:center;flex-shrink:0}.resp-score{font-size:.75rem;color:var(--gold);font-weight:600}.resp-likes{font-size:.7rem;color:var(--text-muted)}.response-input{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.response-input .input{font-size:.9rem;padding:var(--space-sm) var(--space-md)}.response-feedback{font-size:.85rem;color:var(--gold);text-align:center;padding:var(--space-sm);margin-top:var(--space-sm);background:#d4a33714;border-radius:var(--radius-md)}.response-item-wrap{border-bottom:1px solid rgba(58,58,82,.2);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm)}.response-item-wrap:last-of-type{border-bottom:none}.resp-inline-actions{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0;margin-left:var(--space-sm)}.resp-action-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.72rem;cursor:pointer;transition:all .25s var(--ease-out);font-family:var(--font-body)}.resp-action-btn:hover{background:#f5f0e80a;border-color:#3a3a5266;color:var(--text-secondary)}.resp-action-btn.active-like{color:var(--cinnabar-glow);border-color:#c0392b33;background:#c0392b0f}.resp-action-btn.active-dislike{color:var(--text-secondary);border-color:#7a75684d;background:#7a75680f}.resp-action-btn.active-save{color:var(--gold);border-color:#d4a33733;background:#d4a3370f}.resp-action-btn.active-comment{color:var(--jade-light);border-color:#2d6a4f33;background:#2d6a4f0f}.resp-action-btn.active-ai{color:var(--gold);border-color:#d4a33740;background:#d4a33714}.resp-ai-result{margin:var(--space-sm) 0 var(--space-sm) 32px;padding:var(--space-md);background:#d4a3370d;border:1px solid rgba(212,163,55,.15);border-radius:var(--radius-md)}.resp-ai-couplet{font-family:var(--font-display);font-size:1.05rem;color:var(--paper);text-align:center;letter-spacing:.1em;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:#0f0f1a4d;border-radius:var(--radius-sm);border-left:3px solid var(--cinnabar)}.resp-ai-score-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.resp-ai-badge{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);background:#d4a3371f;color:var(--gold);font-weight:600}.resp-ai-score{font-size:1rem;font-weight:700}.resp-ai-feedback{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:var(--space-xs) 0;padding-left:var(--space-sm);border-left:3px solid rgba(212,163,55,.2)}.resp-ai-points{list-style:none;padding:0;margin:var(--space-xs) 0 0;display:flex;flex-direction:column;gap:3px}.resp-ai-points li{font-size:.78rem;color:var(--text-secondary);padding-left:1.2em;position:relative;line-height:1.4}.resp-ai-points li:before{content:"✅";position:absolute;left:0;font-size:.7em}.resp-comments{margin-left:32px;padding:var(--space-sm) var(--space-md);background:#0f0f1a4d;border-radius:var(--radius-md);border:1px solid rgba(58,58,82,.2);margin-top:var(--space-xs)}.resp-comment-item{padding:3px 0;font-size:.78rem;border-bottom:1px solid rgba(58,58,82,.1)}.resp-comment-item:last-of-type{border-bottom:none}.resp-comment-author{color:var(--gold);font-weight:600;margin-right:var(--space-xs);font-size:.72rem}.resp-comment-text{color:var(--text-secondary)}.resp-comment-time{font-size:.6rem;color:var(--text-muted);margin-left:var(--space-xs)}.resp-comment-input{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.resp-comment-input .input{font-size:.8rem;padding:var(--space-xs) var(--space-sm)}.post-actions-bar{display:flex;gap:0;border-top:1px solid rgba(58,58,82,.3)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.action-btn:hover{background:#f5f0e808;color:var(--text-secondary)}.action-btn.active{color:var(--cinnabar-glow)}.action-btn+.action-btn{border-left:1px solid rgba(58,58,82,.3)}.post-comments{padding:var(--space-md) var(--space-xl) var(--space-lg);border-top:1px solid rgba(58,58,82,.3);background:#0f0f1a33}.comment-item{padding:var(--space-sm) 0;border-bottom:1px solid rgba(58,58,82,.15);font-size:.85rem}.comment-author{color:var(--gold);margin-right:var(--space-sm);font-weight:600;font-size:.8rem}.comment-text{color:var(--text-secondary)}.comment-time{font-size:.65rem;color:var(--text-muted);margin-left:var(--space-sm)}.comment-input{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.comment-input .input{font-size:.85rem;padding:var(--space-sm) var(--space-md)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.8rem}.empty-plaza{text-align:center;padding:var(--space-3xl);color:var(--text-muted)}@media(max-width:768px){.plaza-toolbar{flex-direction:column;gap:var(--space-md)}.publish-type-select{flex-direction:column}.couplet-text{font-size:1.2rem}.response-item{flex-wrap:wrap}}.profile{padding-bottom:var(--space-3xl)}.profile-card{display:flex;align-items:center;gap:var(--space-xl);background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cinnabar),var(--gold),var(--jade))}.profile-avatar{flex-shrink:0}.avatar-seal{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:3px solid var(--cinnabar);border-radius:var(--radius-md);color:var(--cinnabar);font-family:var(--font-display);font-size:2.2rem;transform:rotate(-5deg)}.profile-info{flex:1}.profile-title{font-family:var(--font-display);font-size:2rem;color:var(--paper);margin-bottom:2px}.profile-level{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--space-sm)}.exp-bar.large{height:8px;background:var(--ink-light);border-radius:4px;overflow:hidden;margin-bottom:var(--space-xs)}.exp-next{font-size:.75rem;color:var(--text-muted)}.profile-checkin{text-align:center;flex-shrink:0}.checkin-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--gold);border-radius:var(--radius-md);background:#d4a3371a;color:var(--gold);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .3s var(--ease-out);margin-bottom:var(--space-xs)}.checkin-btn:hover:not(.done){background:#d4a33733;transform:translateY(-1px)}.checkin-btn.done{border-color:var(--jade);color:var(--jade-light);cursor:default}.checkin-count{font-size:.7rem;color:var(--text-muted);display:block}.profile-section{margin-bottom:var(--space-2xl)}.section-heading{font-family:var(--font-body);font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md)}.stat-card{background:#1a1a2e80;border:1px solid rgba(58,58,82,.4);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value{font-family:var(--font-display);font-size:1.5rem;color:var(--paper);margin-bottom:var(--space-xs)}.stat-label{font-size:.75rem;color:var(--text-muted)}.stage-progress-list{display:grid;gap:var(--space-sm)}.stage-progress-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.spi-label{font-size:.85rem;color:var(--text-secondary);min-width:44px}.spi-bar{flex:1;height:8px;background:var(--ink-mid);border-radius:4px;overflow:hidden}.spi-fill{height:100%;background:linear-gradient(90deg,var(--jade),var(--jade-light));border-radius:4px;transition:width .6s var(--ease-out)}.spi-text{font-size:.8rem;color:var(--text-muted);min-width:35px;text-align:right}.spi-badge{font-size:.9rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.achievement-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg);background:#1a1a2e80;border:1px solid rgba(58,58,82,.4);border-radius:var(--radius-lg);text-align:center;transition:all .3s var(--ease-out)}.achievement-card.locked{opacity:.4;filter:grayscale(1)}.achievement-card.unlocked{border-color:#d4a3374d;background:#d4a3370d}.ach-icon{font-size:2rem}.ach-name{font-size:.85rem;color:var(--text-primary);font-weight:600}.ach-desc{font-size:.7rem;color:var(--text-muted)}@media(max-width:768px){.profile-card{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:repeat(3,1fr)}.achievements-grid{grid-template-columns:repeat(2,1fr)}.history-table-head{display:none}.history-item{flex-wrap:wrap;gap:var(--space-xs)}.ht-time,.ht-mode,.ht-upper,.ht-answer,.ht-correct,.ht-score,.ht-result{min-width:auto;flex:none}}.section-hint{font-size:.75rem;color:var(--text-muted);font-weight:400}.stat-card.clickable{cursor:pointer;position:relative;transition:all .3s var(--ease-out)}.stat-card.clickable:hover{border-color:#d4a33766;background:#d4a3370d;transform:translateY(-2px)}.stat-card.clickable.active{border-color:var(--gold);background:#d4a33714;box-shadow:0 0 15px #d4a3371a}.stat-expand-icon{display:block;font-size:.6rem;color:var(--text-muted);margin-top:var(--space-xs);transition:color .3s}.stat-card.active .stat-expand-icon{color:var(--gold)}.history-panel{overflow:hidden;margin-top:var(--space-lg)}.history-panel-inner{background:#1a1a2e99;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative}.history-panel-inner:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.history-header h4{font-family:var(--font-body);font-size:1rem;color:var(--paper);font-weight:600}.history-count{font-size:.8rem;color:var(--text-muted)}.history-empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted);font-size:.9rem}.history-table-head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(58,58,82,.5);margin-bottom:var(--space-sm);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.ht-time{min-width:80px;flex-shrink:0}.ht-mode{min-width:70px;flex-shrink:0}.ht-upper,.ht-answer,.ht-correct{flex:1;min-width:80px}.ht-score{min-width:45px;text-align:center;flex-shrink:0}.ht-result{min-width:30px;text-align:center;flex-shrink:0}.history-list{max-height:400px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary);transition:background .2s;border-left:3px solid transparent}.history-item:hover{background:#f5f0e808}.history-item.correct{border-left-color:var(--jade)}.history-item.wrong{border-left-color:var(--cinnabar)}.history-item+.history-item{border-top:1px solid rgba(58,58,82,.2)}.history-item .ht-upper{font-family:var(--font-display);color:var(--paper);font-size:.9rem;letter-spacing:.05em}.history-item .ht-answer{font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em}.history-item.correct .ht-answer{color:var(--jade-light)}.history-item.wrong .ht-answer{color:var(--cinnabar-glow)}.history-item .ht-correct{font-family:var(--font-display);color:var(--text-muted);font-size:.85rem;letter-spacing:.05em}.history-item .ht-score{font-weight:600;color:var(--gold)}.history-item .ht-time{font-size:.75rem;color:var(--text-muted)}.tag-mini{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.7rem;background:#2d6a4f26;border:1px solid rgba(45,106,79,.25);color:var(--jade-light)}.tag-mini.tag-gold{background:#d4a3371f;border-color:#d4a33740;color:var(--gold-light)}.tag-mini.tag-red{background:#c0392b1f;border-color:#c0392b40;color:var(--cinnabar-glow)}.favorites-list{display:grid;gap:var(--space-sm);max-height:400px;overflow-y:auto}.favorite-poem-item{padding:var(--space-md) var(--space-lg);background:#f5f0e808;border:1px solid rgba(58,58,82,.3);border-left:3px solid var(--cinnabar);border-radius:var(--radius-md);transition:all .3s var(--ease-out)}.favorite-poem-item:hover{background:#f5f0e80f;border-color:#d4a3374d;transform:translate(4px)}.fav-poem-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xs)}.fav-poem-title{font-family:var(--font-display);font-size:1rem;color:var(--paper);letter-spacing:.05em}.fav-poem-meta{font-size:.75rem;color:var(--text-muted)}.fav-poem-preview{font-size:.85rem;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liked-responses-list{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto;padding-right:var(--space-xs)}.liked-resp-item{padding:var(--space-md);background:#f5f0e808;border:1px solid rgba(58,58,82,.3);border-radius:var(--radius-md);transition:all .2s}.liked-resp-item:hover{background:#f5f0e80d;border-color:#d4a33733}.post-upper{font-family:var(--font-display);font-size:.95rem;color:var(--paper);margin-bottom:var(--space-xs)}.post-upper .label,.resp-lower .label{color:var(--text-muted);font-size:.85rem;font-family:var(--font-body)}.resp-lower{font-family:var(--font-display);font-size:1.05rem;color:var(--gold-light);margin-bottom:var(--space-sm)}.liked-resp-item .resp-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);padding-top:var(--space-xs);border-top:1px dashed rgba(255,255,255,.1)}.liked-resp-item .likes{color:var(--cinnabar-glow);font-weight:500}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:var(--space-lg)}.auth-card{position:relative;width:100%;max-width:420px;background:#1a1a2ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,163,55,.15);border-radius:var(--radius-lg);padding:48px 36px 40px;box-shadow:0 20px 60px #00000080,inset 0 1px #d4a3371a;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.auth-card:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,163,55,.2),transparent)}.auth-header{text-align:center;margin-bottom:36px}.auth-seal{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid var(--cinnabar);color:var(--cinnabar);font-family:var(--font-display);font-size:1.6rem;border-radius:4px;margin-bottom:18px;transform:rotate(-3deg);position:relative;box-shadow:0 0 15px #c0392b26;transition:all .5s var(--ease-out)}.auth-seal:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid rgba(192,57,43,.25);border-radius:inherit;transform:rotate(2deg)}.auth-seal:hover{transform:rotate(0) scale(1.05);box-shadow:0 0 25px #c0392b40}.auth-header h2{font-family:var(--font-display);color:var(--paper);font-size:2rem;letter-spacing:.2em;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.auth-header p{color:var(--text-secondary);font-size:.9rem;letter-spacing:.1em}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:32px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ink-light),transparent)}.auth-divider-icon{color:var(--gold);font-size:.85rem;opacity:.6}.auth-form{display:flex;flex-direction:column;gap:22px}.form-group{position:relative}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;font-family:var(--font-body);letter-spacing:.15em}.form-group input{width:100%;padding:14px 18px;border:1px solid var(--ink-light);border-radius:var(--radius-md);background:#0f0f1a80;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:all .4s var(--ease-out);letter-spacing:.05em}.form-group input:focus{border-color:var(--gold);background:#0f0f1ab3;box-shadow:0 0 0 3px #d4a3371a,0 0 20px #d4a3370d}.form-group input::placeholder{color:var(--text-muted);letter-spacing:.1em}.form-group:before,.form-group:after{content:"";position:absolute;width:8px;height:8px;bottom:0;border-color:#d4a33733;transition:border-color .4s;pointer-events:none}.form-group:before{left:0;border-left:1px solid;border-bottom:1px solid;border-color:inherit}.form-group:after{right:0;border-right:1px solid;border-bottom:1px solid;border-color:inherit}.form-group:focus-within:before,.form-group:focus-within:after{border-color:#d4a33780}.auth-error{color:var(--cinnabar-glow);font-size:.85rem;background:#c0392b1a;border:1px solid rgba(192,57,43,.2);padding:10px 14px;border-radius:var(--radius-md);text-align:center;letter-spacing:.05em;animation:fadeInUp .3s var(--ease-out)}.auth-btn{position:relative;background:linear-gradient(135deg,var(--cinnabar),#8b2020);color:var(--paper);padding:14px 24px;border:1px solid rgba(192,57,43,.4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1.1rem;font-weight:600;cursor:pointer;letter-spacing:.3em;transition:all .4s var(--ease-out);margin-top:8px;overflow:hidden}.auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .6s}.auth-btn:hover:not(:disabled):before{left:100%}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--cinnabar-glow),var(--cinnabar));box-shadow:0 0 30px #c0392b4d,0 8px 25px #0000004d;transform:translateY(-2px);border-color:var(--cinnabar-glow)}.auth-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 0 15px #c0392b33}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:12px;font-size:.9rem;color:var(--text-muted);letter-spacing:.05em}.auth-switch button{background:none;border:none;color:var(--gold);font-family:var(--font-body);font-weight:500;cursor:pointer;padding:0;margin-left:4px;letter-spacing:.1em;transition:all .3s;position:relative}.auth-switch button:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s var(--ease-out)}.auth-switch button:hover{color:var(--gold-light)}.auth-switch button:hover:after{width:100%}.auth-quote{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid rgba(58,58,82,.3)}.auth-quote p{font-family:var(--font-display);font-size:.95rem;color:var(--text-muted);letter-spacing:.2em;line-height:1.8}.auth-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.auth-particle{position:absolute;width:3px;height:3px;background:var(--gold);border-radius:50%;opacity:0;animation:particleFloat 6s ease-in-out infinite}.auth-particle:nth-child(1){top:20%;left:15%;animation-delay:0s;animation-duration:7s}.auth-particle:nth-child(2){top:60%;left:80%;animation-delay:1.5s;animation-duration:5s}.auth-particle:nth-child(3){top:40%;left:50%;animation-delay:3s;animation-duration:8s}.auth-particle:nth-child(4){top:80%;left:25%;animation-delay:2s;animation-duration:6s}.auth-particle:nth-child(5){top:10%;left:70%;animation-delay:4s;animation-duration:7.5s}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:.4;transform:translateY(-15px) scale(1)}70%{opacity:.2;transform:translateY(-30px) scale(.8)}}@media(max-width:480px){.auth-card{padding:36px 24px 32px;margin:0 8px}.auth-header h2{font-size:1.6rem}.auth-seal{width:48px;height:48px;font-size:1.3rem}}.admin-container{max-width:1000px;margin:0 auto;padding:var(--space-xl)}.admin-header{text-align:center;margin-bottom:var(--space-xl)}.admin-header h2 span{font-size:1rem;color:var(--text-muted);font-weight:400}.admin-table-wrap{overflow-x:auto;padding:var(--space-md)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:var(--space-md);border-bottom:1px solid rgba(58,58,82,.4)}.admin-table th{color:var(--text-muted);font-weight:500}.muted-row{background-color:#e639460d}.admin-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--jade);display:flex;align-items:center;justify-content:center;color:var(--paper);font-weight:700;font-size:1.2rem}.role-badge{padding:2px 8px;border-radius:12px;font-size:.8rem}.role-badge.admin{background-color:#ffb70333;color:#ffb703}.role-badge.user{background-color:#8ecae633;color:#8ecae6}.status-badge{padding:2px 8px;border-radius:12px;font-size:.8rem}.status-badge.active{background-color:#2d6a4f33;color:var(--jade-light)}.status-badge.muted{background-color:#e6394633;color:#ef233c}.btn-mute{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-body);font-weight:500;transition:all .2s}.btn-mute.mute{background-color:#e639461a;color:#ef233c;border:1px solid rgba(230,57,70,.4)}.btn-mute.mute:hover{background-color:#e63946;color:#fff}.btn-mute.unmute{background-color:#2d6a4f1a;color:var(--jade-light);border:1px solid rgba(45,106,79,.4)}.btn-mute.unmute:hover{background-color:var(--jade);color:#fff}:root{--ink-black: #0f0f1a;--ink-dark: #1a1a2e;--ink-mid: #2a2a3e;--ink-light: #3a3a52;--cinnabar: #c0392b;--cinnabar-glow: #e74c3c;--gold: #d4a337;--gold-light: #f0c75e;--jade: #2d6a4f;--jade-light: #40916c;--paper: #f5f0e8;--paper-dark: #e8ddd0;--paper-light: #faf6f0;--text-primary: #f5f0e8;--text-secondary: #b8b0a0;--text-muted: #7a7568;--text-dark: #2c2416;--font-display: "Ma Shan Zheng", cursive;--font-heading: "ZCOOL KuaiLe", cursive;--font-body: "Noto Serif SC", "Songti SC", serif;--font-mono: "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-soft: 0 2px 20px rgba(0,0,0,.3);--shadow-glow-red: 0 0 20px rgba(192,57,43,.3);--shadow-glow-gold: 0 0 20px rgba(212,163,55,.3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--ink-black);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.8;-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100vh}.ink-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 20% 50%,rgba(45,106,79,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(192,57,43,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(212,163,55,.05) 0%,transparent 50%),linear-gradient(180deg,var(--ink-black) 0%,var(--ink-dark) 100%)}.ink-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}.main-content{max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-lg);padding-top:80px;min-height:calc(100vh - 80px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--ink-light);border-radius:var(--radius-md);background:var(--ink-mid);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:all .3s var(--ease-out);text-decoration:none;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--ink-light);border-color:var(--text-muted);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--cinnabar),#a83228);border-color:var(--cinnabar);color:var(--paper);font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,var(--cinnabar-glow),var(--cinnabar));box-shadow:var(--shadow-glow-red);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),#b8892a);border-color:var(--gold);color:var(--ink-black);font-weight:600}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:var(--shadow-glow-gold);transform:translateY(-2px)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#f5f0e80d;border-color:#f5f0e81a}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.1rem;border-radius:var(--radius-lg)}.input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--ink-light);border-radius:var(--radius-md);background:#0f0f1a99;color:var(--text-primary);font-family:var(--font-body);font-size:1.1rem;outline:none;transition:all .3s var(--ease-out)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a33726}.input::placeholder{color:var(--text-muted)}.card{background:#1a1a2eb3;border:1px solid rgba(58,58,82,.5);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s var(--ease-out)}.card:hover{border-color:#f5f0e826;transform:translateY(-4px);box-shadow:var(--shadow-soft)}.tag{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#2d6a4f33;border:1px solid rgba(45,106,79,.3);border-radius:var(--radius-sm);font-size:.8rem;color:var(--jade-light)}.tag-red{background:#c0392b26;border-color:#c0392b4d;color:var(--cinnabar-glow)}.tag-gold{background:#d4a33726;border-color:#d4a3374d;color:var(--gold-light)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--ink-light),transparent);margin:var(--space-xl) 0}.poem-text{font-family:var(--font-display);font-size:2rem;letter-spacing:.15em;line-height:2;text-align:center;color:var(--paper)}.poem-text-lg{font-size:2.8rem}.poem-author{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);text-align:center;margin-top:var(--space-sm)}.seal{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--cinnabar);border-radius:var(--radius-sm);color:var(--cinnabar);font-family:var(--font-display);font-size:1.2rem;transform:rotate(-5deg);position:relative}.seal:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(192,57,43,.3);border-radius:inherit;transform:rotate(2deg)}.radar-container{width:250px;height:250px;margin:0 auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink-black)}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes brushStroke{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes inkSpread{0%{transform:scale(0);opacity:.6}to{transform:scale(1);opacity:0}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in{animation:fadeInUp .6s var(--ease-out) forwards}.animate-brush{animation:brushStroke 1.2s var(--ease-out) forwards}.animate-float{animation:floatSlow 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media(max-width:768px){:root{font-size:14px}.main-content{padding:var(--space-md);padding-top:70px}.poem-text{font-size:1.6rem}.poem-text-lg{font-size:2rem}}@media(max-width:480px){.main-content{padding:var(--space-sm);padding-top:60px}}