#app-root[data-v-dc968d71]{width:100%;height:100%;display:flex;flex-direction:column}:root{--red: #C22828;--red-dark: #8B1A1A;--red-light: #E53935;--white: #FFFFFF;--gray: #555555;--gray-dark: #CCCCCC;--gray-mid: #888888;--gold: #B8860B;--purple: #6B238E;--blue: #1E3A8A;--bg: #FFFFFF;--bg-card: #F5F5F5;--bg-card-hover: #EBEBEB;--border: #DDDDDD;--tian-color: #FF0000;--di-color: #B8860B;--xuan-color: #6B238E;--huang-color: #1E3A8A;--wu-color: #888888}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:#1a1a1a;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:#1a1a1a}.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:#f223;color:var(--tian-color);border:1px solid var(--tian-color)}.rank-di{background:#ffd70026;color:var(--di-color);border:1px solid var(--di-color)}.rank-xuan{background:#a020f026;color:var(--xuan-color);border:1px solid var(--xuan-color)}.rank-huang{background:#3b82f626;color:var(--huang-color);border:1px solid var(--huang-color)}.rank-wu{background:#88888826;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:#1a1a1a;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:#1a1a1a;outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-red{background:var(--red);border-color:var(--red);color:#1a1a1a}.btn-red:hover{background:var(--red-light);border-color:var(--red-light)}.btn-ghost{background:transparent;border-color:var(--border);color:#1a1a1a}.btn-ghost:hover{background:var(--gray-dark);border-color:var(--gray-dark);color:#1a1a1a}.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:#111;border:1px solid var(--border);color:#1a1a1a;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)}.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:linear-gradient(90deg,#8b1a1a,#c22828)}.bar-qi{background:linear-gradient(90deg,#666,#999)}.bar-stamina{background:linear-gradient(90deg,#1e3a8a,#3b82f6)}.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(--gray);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}