#app-root[data-v-dc968d71]{width:100%;height:100%;display:flex;flex-direction:column}:root{--bg: #FFFFFF;--bg-card: #F8F8F8;--bg-card-hover:#EFEFEF;--border: #E0E0E0;--red: #C22828;--red-dark: #8B1A1A;--red-light: #E53935;--text: #1A1A1A;--text-dim: #777777;--tian-color: #E53935;--di-color: #C5920A;--xuan-color: #6B238E;--huang-color: #1E3A8A;--wu-color: #888888;--gold: #C5920A;--gold-light: rgba(197,146,10,.12);--purple: #6B238E;--blue: #1E3A8A;--gray: #555555;--gray-mid: #888888;--gray-dark: #CCCCCC;--success: #2E7D32;--danger: #C22828;--warning: #C5920A;--bar-hp: linear-gradient(90deg, #8B1A1A, #C22828);--bar-qi: linear-gradient(90deg, #555555, #888888);--bar-stamina: linear-gradient(90deg, #1E3A8A, #3B82F6);--bar-exp: linear-gradient(90deg, #C5920A, #F5DEB3);--bar-mastery: linear-gradient(90deg, #6B238E, #9B59B6);--btn-bg: #C22828;--btn-text: #FFFFFF;--input-bg: #F8F8F8;--white: #FFFFFF;--text-white: #1A1A1A}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:"Noto Serif SC",serif,Songti SC,SimSun,serif;font-size:16px;line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;touch-action:pan-y}#app{width:100%;height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px}.text-red{color:var(--red)}.text-gold{color:var(--gold)}.text-purple{color:var(--purple)}.text-blue{color:var(--blue)}.text-gray{color:var(--gray)}.text-white{color:var(--text-white)}.text-tian{color:var(--tian-color);font-weight:700}.text-di{color:var(--di-color);font-weight:700}.text-xuan{color:var(--xuan-color);font-weight:700}.text-huang{color:var(--huang-color);font-weight:700}.text-wu{color:var(--wu-color)}.rank-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.05em}.rank-tian{background:#e539351f;color:var(--tian-color);border:1px solid var(--tian-color)}.rank-di{background:#c5920a1a;color:var(--di-color);border:1px solid var(--di-color)}.rank-xuan{background:#6b238e1a;color:var(--xuan-color);border:1px solid var(--xuan-color)}.rank-huang{background:#1e3a8a1a;color:var(--huang-color);border:1px solid var(--huang-color)}.rank-wu{background:#8888881a;color:var(--wu-color);border:1px solid var(--wu-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:1px solid var(--red);background:var(--red);color:var(--btn-text);font-family:inherit;font-size:15px;cursor:pointer;border-radius:2px;transition:all .2s;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover,.btn:focus{background:var(--red-light);border-color:var(--red-light);color:var(--btn-text);outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-red{background:var(--red);border-color:var(--red);color:var(--btn-text)}.btn-red:hover{background:var(--red-light);border-color:var(--red-light)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--gray-dark);border-color:var(--gray-dark);color:var(--text)}.btn-sm{padding:5px 12px;font-size:13px}.btn-lg{padding:12px 32px;font-size:17px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:16px}.input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:14px;padding:8px 12px;border-radius:2px;width:100%;outline:none;transition:border-color .2s}.input:focus{border-color:var(--red)}.input::placeholder{color:var(--gray-mid)}.divider{height:1px;background:var(--border);margin:12px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-red{0%,to{text-shadow:0 0 8px rgba(194,40,40,.3)}50%{text-shadow:0 0 20px rgba(194,40,40,.8)}}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.blink{animation:blink 1.5s ease-in-out infinite}.pulse-red{animation:pulse-red 2s ease-in-out infinite}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.bar-wrap{width:100%;height:6px;background:#222;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.bar-hp{background:var(--bar-hp)}.bar-qi{background:var(--bar-qi)}.bar-stamina{background:var(--bar-stamina)}.bar-exp{background:var(--bar-exp)}.bar-mastery{background:var(--bar-mastery)}.bar-track{width:80px;height:6px;background:#222;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}.bar-label{font-size:11px}.list-item{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.list-item:last-child{border-bottom:none}.list-item:hover,.list-item:active{background:var(--bg-card-hover)}.log-container{flex:1;overflow-y:auto;padding:12px;scroll-behavior:smooth}.log-line{animation:fadeInUp .3s ease forwards;padding:3px 0;font-size:14px;line-height:1.8;opacity:0}.log-line.combat{padding-left:8px;border-left:2px solid var(--red);margin:2px 0}.log-line.event{padding-left:8px;border-left:2px solid var(--gold);margin:2px 0}.log-line.system{color:var(--text-dim);font-style:italic;font-size:13px}@media(max-width:480px){html,body{font-size:15px}.btn-lg{padding:10px 24px;font-size:16px}}.no-select{-webkit-user-select:none;user-select:none}