*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--detroit-cyan: #f9a8d4;--detroit-cyan-light: #fbcfe8;--detroit-cyan-dark: #ec4899;--detroit-blue: #f472b6;--detroit-blue-light: #fce7f3;--detroit-blue-dark: #9d174d;--bg-primary: #0f0a12;--bg-secondary: #1a1520;--bg-card: rgba(26, 21, 32, .85);--bg-card-hover: rgba(40, 30, 50, .9);--bg-overlay: rgba(15, 10, 18, .95);--text-primary: #f5f0f7;--text-secondary: #c4b5d0;--text-muted: #8b7a99;--text-accent: var(--detroit-cyan);--border-color: rgba(249, 168, 212, .15);--border-glow: rgba(249, 168, 212, .4);--glow-cyan: 0 0 20px rgba(249, 168, 212, .3);--glow-cyan-strong: 0 0 40px rgba(249, 168, 212, .5);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: var(--detroit-cyan);--char-guqinghan: #a855f7;--char-xiatian: #f472b6;--char-linwei: #ef4444;--char-tangtang: #22d3ee;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--font-main: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace}[data-theme=light]{--bg-primary: #fdf2f8;--bg-secondary: #fce7f3;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(252, 231, 243, .95);--bg-overlay: rgba(253, 242, 248, .98);--text-primary: #1f1225;--text-secondary: #6b5570;--text-muted: #9d8ba3;--border-color: rgba(236, 72, 153, .2);--border-glow: rgba(236, 72, 153, .4);--glow-cyan: 0 0 20px rgba(236, 72, 153, .2);--glow-cyan-strong: 0 0 40px rgba(236, 72, 153, .3)}[data-theme=light] .detroit-bg{background:linear-gradient(rgba(236,72,153,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(236,72,153,.05) 1px,transparent 1px),radial-gradient(ellipse at 20% 20%,rgba(249,168,212,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(249,168,212,.08) 0%,transparent 70%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%}[data-theme=light] .detroit-bg:before{background:linear-gradient(180deg,transparent 0%,rgba(236,72,153,.03) 50%,transparent 100%)}[data-theme=light] .detroit-input{background:#fffc}[data-theme=light] .detroit-btn--primary{color:#fff}[data-theme=light] .dialogue-box{background:var(--bg-card)}[data-theme=light] .dialogue-box .scene-overlay{background:linear-gradient(to bottom,#fdf2f84d,#fdf2f899,#fdf2f8d9)}[data-theme=light] .dialogue-box .dialogue-header{background:#ffffffd9}[data-theme=light] .dialogue-box .input-area{background:#ffffffe6}[data-theme=light] .dialogue-box .message-input{background:#fce7f380}[data-theme=light] .dialogue-box .message-item.assistant{background:#ec489914}[data-theme=light] .dialogue-box .message-item.user{background:#ec48991f}[data-theme=light] .dialogue-box .typing-indicator{background:#ec489914}[data-theme=light]{--judgment-card-bg: rgba(255, 255, 255, .9);--judgment-header-bg: rgba(236, 72, 153, .08);--judgment-item-bg: rgba(252, 231, 243, .6)}[data-theme=light] .scene-selector .current-scene{background:var(--bg-card)}[data-theme=light] .scene-selector .scene-display{background:#ec48990f}[data-theme=light] .scene-selector .scene-thumbnail{border-color:#ec489933}[data-theme=light] .scene-selector .scene-thumbnail img{opacity:.9}[data-theme=light] .scene-selector .modal-content{background:var(--bg-card)}[data-theme=light] .scene-selector .scene-option{background:#fce7f380}[data-theme=light] .scene-selector .scene-option:hover{background:#ec48991a}[data-theme=light] .scene-selector .scene-option.active{background:#ec489926}[data-theme=light] .scene-overlay .current-scene{background:#ffffffe6!important}[data-theme=light] .scene-overlay .current-scene .scene-display{background:#ec489914}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}.detroit-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:linear-gradient(rgba(249,168,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,168,212,.03) 1px,transparent 1px),radial-gradient(ellipse at 20% 20%,rgba(249,168,212,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(249,168,212,.03) 0%,transparent 70%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%}.detroit-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(249,168,212,.02) 50%,transparent 100%);animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.detroit-btn{position:relative;padding:14px 32px;background:transparent;border:1px solid var(--detroit-cyan);color:var(--detroit-cyan);font-family:var(--font-main);font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all var(--transition-normal) ease}.detroit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,168,212,.2),transparent);transition:left var(--transition-slow) ease}.detroit-btn:hover{background:#f9a8d41a;box-shadow:var(--glow-cyan);text-shadow:0 0 10px var(--detroit-cyan)}.detroit-btn:hover:before{left:100%}.detroit-btn--primary{background:var(--detroit-cyan);color:var(--bg-primary)}.detroit-btn--primary:hover{background:var(--detroit-cyan-light);box-shadow:var(--glow-cyan-strong)}.detroit-btn--corner{clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}.detroit-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal) ease}.detroit-card:before,.detroit-card:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--detroit-cyan);opacity:.5;transition:opacity var(--transition-normal) ease}.detroit-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.detroit-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.detroit-card:hover{border-color:var(--border-glow);box-shadow:var(--glow-cyan)}.detroit-card:hover:before,.detroit-card:hover:after{opacity:1}.detroit-input{width:100%;padding:14px 18px;background:#0006;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-main);font-size:14px;transition:all var(--transition-normal) ease}.detroit-input:focus{outline:none;border-color:var(--detroit-cyan);box-shadow:var(--glow-cyan),inset 0 0 20px #f9a8d40d}.detroit-input::placeholder{color:var(--text-muted)}.detroit-choice-wheel{position:relative;width:300px;height:300px}.detroit-choice-item{position:absolute;display:flex;align-items:center;justify-content:center;padding:12px 24px;background:#f9a8d40d;border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition-normal) ease}.detroit-choice-item:hover{background:#f9a8d426;border-color:var(--detroit-cyan);color:var(--detroit-cyan);transform:scale(1.05)}.detroit-choice-item.active{background:#f9a8d433;border-color:var(--detroit-cyan);color:var(--detroit-cyan);box-shadow:var(--glow-cyan)}.detroit-progress{position:relative;height:4px;background:#f9a8d41a;overflow:hidden}.detroit-progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,var(--detroit-cyan-dark),var(--detroit-cyan));transition:width var(--transition-slow) ease}.detroit-progress:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:var(--detroit-cyan-light);box-shadow:0 0 10px var(--detroit-cyan);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.detroit-status{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.detroit-status__dot{width:8px;height:8px;border-radius:50%;background:var(--detroit-cyan);box-shadow:0 0 10px var(--detroit-cyan);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.detroit-status--success .detroit-status__dot{background:var(--success);box-shadow:0 0 10px var(--success)}.detroit-status--warning .detroit-status__dot{background:var(--warning);box-shadow:0 0 10px var(--warning)}.detroit-status--danger .detroit-status__dot{background:var(--danger);box-shadow:0 0 10px var(--danger)}.detroit-title{font-size:2.5rem;font-weight:300;letter-spacing:8px;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 30px rgba(249,168,212,.3)}.detroit-subtitle{font-size:.875rem;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:var(--detroit-cyan)}.detroit-label{font-size:.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.detroit-typewriter{overflow:hidden;border-right:2px solid var(--detroit-cyan);white-space:nowrap;animation:typing 3s steps(40) 1s forwards,blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--detroit-cyan)}}.detroit-dialogue{position:relative;padding:20px 24px;background:var(--bg-card);border-left:3px solid var(--detroit-cyan)}.detroit-dialogue:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--detroit-cyan),transparent)}.detroit-dialogue__speaker{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--detroit-cyan);margin-bottom:8px}.detroit-dialogue__text{font-size:15px;line-height:1.8;color:var(--text-primary)}.detroit-fade-in{animation:detroitFadeIn var(--transition-slow) ease forwards}@keyframes detroitFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detroit-slide-in{animation:detroitSlideIn var(--transition-slow) ease forwards}@keyframes detroitSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.detroit-glitch{animation:glitch .3s linear}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.detroit-hologram{animation:hologram 4s ease-in-out infinite}@keyframes hologram{0%,to{opacity:1}50%{opacity:.95}52%{opacity:.8}54%{opacity:.95}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f9a8d40d}::-webkit-scrollbar-thumb{background:#f9a8d44d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#f9a8d480}@media(max-width:1200px){:root{--transition-slow: .3s}}@media(max-width:768px){.detroit-title{font-size:1.75rem;letter-spacing:4px}.detroit-btn{padding:12px 24px;font-size:13px}}#app{position:relative;width:100%;min-height:100vh}.page-enter-active,.page-leave-active{transition:opacity .5s ease,transform .5s ease}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}