@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap";:root{--color-primary: #8b1a1a;--color-primary-light: #a52a2a;--color-gold: #c9a84c;--color-gold-light: #e8c96a;--color-gold-dark: #8b6914;--color-ink: #2c1810;--color-paper: #f5e6c8;--color-paper-dark: #e8d5a3;--color-bg-dark: #1a0f0a;--color-text: #3d2b1f;--color-text-light: #f5e6c8;--color-border: #8b6914;--color-shadow: rgba(26, 15, 10, .6);--font-title: "Noto Serif SC", "STSong", "SimSun", serif;--font-body: "Noto Serif SC", "STKaiti", "KaiTi", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background-color:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased}.cn-btn{position:relative;padding:14px 48px;font-size:1.1rem;color:var(--color-paper);background:linear-gradient(180deg,#8b1a1ad9,#640f0ff2);border:none;cursor:pointer;letter-spacing:.2em;font-family:var(--font-body);transition:all .3s ease;overflow:visible}.cn-btn:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid rgba(201,168,76,.6);pointer-events:none}.cn-btn:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-gold);pointer-events:none}.cn-btn:hover{background:linear-gradient(180deg,#a52a2ae6,#8b1a1a);box-shadow:0 0 20px #c9a84c4d,inset 0 0 20px #c9a84c1a;transform:translateY(-1px)}.cn-btn:active{transform:translateY(1px);box-shadow:none}.cn-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.cn-panel{position:relative;background:linear-gradient(135deg,#1a0f0af2,#2c1810eb);padding:2rem}.cn-panel:before,.cn-panel:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--color-gold);border-style:solid;pointer-events:none}.cn-panel:before{top:6px;left:6px;border-width:2px 0 0 2px}.cn-panel:after{top:6px;right:6px;border-width:2px 2px 0 0}.cn-panel-corners:before,.cn-panel-corners:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--color-gold);border-style:solid;pointer-events:none}.cn-panel-corners:before{bottom:6px;left:6px;border-width:0 0 2px 2px}.cn-panel-corners:after{bottom:6px;right:6px;border-width:0 2px 2px 0}.cn-frame{border:2px solid var(--color-gold);box-shadow:0 4px 24px #00000080,inset 0 0 30px #0000004d,0 0 0 1px #c9a84c33}.cn-dialog{position:relative;border:2px solid var(--color-gold);background:linear-gradient(180deg,#1a0f0af0,#28160eeb);box-shadow:0 4px 30px #0009,inset 0 1px #c9a84c33,inset 0 -1px #c9a84c1a}.cn-dialog:before{content:"〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓";position:absolute;top:-1px;left:50%;transform:translate(-50%);font-size:6px;color:var(--color-gold);opacity:.4;letter-spacing:-1px;overflow:hidden;width:90%;text-align:center}.cn-dialog:after{content:"〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);font-size:6px;color:var(--color-gold);opacity:.4;letter-spacing:-1px;overflow:hidden;width:90%;text-align:center}.cn-speaker-tag{position:absolute;top:-14px;left:24px;background:linear-gradient(180deg,brown,#6b1010);color:var(--color-paper);padding:3px 18px;font-size:.85rem;font-weight:700;letter-spacing:.15em;border:1.5px solid var(--color-gold);box-shadow:0 2px 8px #00000080;z-index:2;white-space:nowrap}.cn-speaker-tag:after{content:"";position:absolute;bottom:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #6b1010}.cn-choice-btn{position:relative;display:flex;align-items:center;gap:14px;padding:16px 24px;background:linear-gradient(180deg,#1e120cf5,#321c12f0);border:1.5px solid var(--color-gold-dark);color:var(--color-paper);font-size:1rem;cursor:pointer;text-align:left;transition:all .3s ease;font-family:var(--font-body);letter-spacing:.05em}.cn-choice-btn:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:linear-gradient(180deg,transparent,var(--color-gold),transparent);opacity:0;transition:opacity .3s}.cn-choice-btn:hover{background:linear-gradient(180deg,#321e12fa,#462616f5);border-color:var(--color-gold-light);box-shadow:0 0 15px #c9a84c26,inset 0 0 15px #c9a84c0d;transform:translate(4px)}.cn-choice-btn:hover:before{opacity:1}.cn-choice-btn:active{transform:translate(2px)}.cn-choice-btn.disabled{opacity:.45;cursor:not-allowed;border-color:#555}.cn-choice-btn.disabled:hover{transform:none;box-shadow:none;border-color:#555;background:linear-gradient(180deg,#1e120cf5,#321c12f0)}.cn-choice-btn.disabled:before{display:none}.cn-choice-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,var(--color-primary),#6b1010);border:1.5px solid var(--color-gold);font-size:.8rem;font-weight:700;flex-shrink:0;box-shadow:0 1px 4px #0006}.cn-input{padding:12px 24px;font-size:1.2rem;text-align:center;background:#f5e6c814;border:none;border-bottom:2px solid var(--color-gold);color:var(--color-paper);outline:none;font-family:var(--font-body);letter-spacing:.15em;transition:all .3s;width:220px}.cn-input:focus{background:#f5e6c81f;border-bottom-color:var(--color-gold-light);box-shadow:0 2px 8px #c9a84c33}.cn-input::placeholder{color:#c9a84c4d;letter-spacing:.2em}.cn-divider{display:flex;align-items:center;gap:12px;color:var(--color-gold);font-size:.8rem;opacity:.6;margin:1rem 0}.cn-divider:before,.cn-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.cn-progress-bar{height:6px;background:#ffffff14;overflow:hidden;border:1px solid rgba(201,168,76,.2)}.cn-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold-dark),var(--color-gold),var(--color-gold-light));transition:width .5s ease;box-shadow:0 0 6px #c9a84c66}.cn-status-panel{background:linear-gradient(135deg,#1a0f0af0,#24140ceb);border:1.5px solid var(--color-gold-dark);position:relative}.cn-status-panel:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #c9a84c33}50%{box-shadow:0 0 15px #c9a84c66}}@keyframes ink-spread{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float-indicator{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(5px);opacity:.6}}.cn-indicator{animation:float-indicator 1.5s ease-in-out infinite;color:var(--color-gold);font-size:.75rem}.cn-title-ornament{display:flex;align-items:center;justify-content:center;gap:16px}.cn-title-ornament:before{content:"◆━━━";color:var(--color-gold);font-size:.7rem;opacity:.5;letter-spacing:2px}.cn-title-ornament:after{content:"━━━◆";color:var(--color-gold);font-size:.7rem;opacity:.5;letter-spacing:2px}.home-menu-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:700px}.home-menu-card{position:relative;width:128px;padding:22px 14px 18px;background:linear-gradient(180deg,#1a0f0af0,#28160ee6);border:1.5px solid rgba(201,168,76,.45);cursor:pointer;text-align:center;transition:all .35s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.home-menu-card:before,.home-menu-card:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--color-gold);border-style:solid;pointer-events:none;transition:all .35s ease}.home-menu-card:before{top:4px;left:4px;border-width:1.5px 0 0 1.5px}.home-menu-card:after{top:4px;right:4px;border-width:1.5px 1.5px 0 0}.home-menu-card .corner-bl,.home-menu-card .corner-br{position:absolute;width:14px;height:14px;border-color:var(--color-gold);border-style:solid;pointer-events:none;transition:all .35s ease}.home-menu-card .corner-bl{bottom:4px;left:4px;border-width:0 0 1.5px 1.5px}.home-menu-card .corner-br{bottom:4px;right:4px;border-width:0 1.5px 1.5px 0}.home-menu-card .top-deco{position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.5;transition:all .35s ease}.home-menu-card .card-title-cn{color:#f5e6c8;font-size:.92rem;font-weight:700;letter-spacing:.2em;font-family:var(--font-title);transition:all .35s ease}.home-menu-card .card-desc-cn{color:#c9a84c8c;font-size:.6rem;letter-spacing:.08em;line-height:1.4;transition:all .35s ease}.home-menu-card:hover{background:linear-gradient(180deg,#28160ef5,#3c2012f0);border-color:var(--color-gold-light);box-shadow:0 0 20px #c9a84c26,0 0 40px #c9a84c0d,inset 0 0 20px #c9a84c08;transform:translateY(-3px)}.home-menu-card:hover:before,.home-menu-card:hover:after,.home-menu-card:hover .corner-bl,.home-menu-card:hover .corner-br{width:18px;height:18px;border-color:var(--color-gold-light)}.home-menu-card:hover .top-deco{left:10%;right:10%;opacity:.8}.home-menu-card:hover .card-title-cn{color:var(--color-gold-light);text-shadow:0 0 12px rgba(201,168,76,.3)}.home-menu-card:hover .card-desc-cn{color:#c9a84cbf}.home-menu-card:active{transform:translateY(0);box-shadow:0 0 10px #c9a84c1a}.home-menu-card.disabled{opacity:.4;cursor:not-allowed}.home-menu-card.disabled:hover{transform:none;box-shadow:none;background:linear-gradient(180deg,#1a0f0af0,#28160ee6);border-color:#c9a84c73}.home-menu-card.disabled:hover .card-title-cn{color:#f5e6c8;text-shadow:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a0f0a80}::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border-radius:3px}