body{margin:0}html,body,#app{height:100%;margin:0}body{display:flex;flex-direction:column}*{margin:0;padding:0}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;height:100vh}nav{background:#333;color:#fff;padding:0 15px;display:flex;align-items:center;height:50px;position:fixed;top:0;left:0;right:0;z-index:1000;overflow-x:auto;white-space:nowrap}nav a{color:#fff;text-decoration:none;margin-right:20px;font-weight:700}nav a:hover{text-decoration:underline}.sidebar{width:15%;background:#f4f4f4;padding-top:20px;box-sizing:border-box;position:fixed;top:50px;bottom:0;left:0;overflow-y:auto;border-right:1px solid #ddd}.sidebar h3{padding-left:15px;font-weight:400;color:#666}.sidebar ul{list-style:none;padding-left:0}.sidebar ul ul{padding-left:20px;font-size:.9em;margin-top:5px;margin-bottom:5px}.sidebar .has-submenu.active .submenu{display:block}.menu-item{display:flex;justify-content:space-between;align-items:center}.toggle-icon{cursor:pointer;-webkit-user-select:none;user-select:none;color:#666;transition:transform .2s;font-size:20px}.toggle-icon:hover{color:#333}.sidebar ul li{padding:10px 15px}.sidebar ul li a{text-decoration:none;color:#333}.sidebar ul li a:hover{color:#007acc}main{margin-left:15%;padding:80px 40px 40px;overflow-y:auto;flex:1;background:#fff}h1,h2,h3,h4,h5,h6{scroll-margin-top:60px}h1{color:#007acc;font-size:36px;margin-bottom:20px}h2{color:#333;font-size:24px;margin-top:10px;margin-bottom:10px}h3{color:#666;font-size:18px;margin-bottom:20px;margin-top:20px}h4{color:#007acc;font-size:24px;margin-top:30px;margin-bottom:20px}h5{color:#007acc;font-size:20px;margin-top:10px;margin-bottom:10px}h6{color:#e76a35;font-size:18px;margin-top:10px;margin-bottom:10px}p{color:#333;font-size:16px;line-height:1.5;margin-top:10px;margin-bottom:10px}li{margin-top:10px;line-height:1.5}a{color:#007acc;text-decoration:none}.color-hunger{color:gold}.color-sanity{color:#ff69b4}.color-health{color:red}.level-system-table{border-collapse:collapse;width:100%}.level-system-table td,.level-system-table th{border:1px solid #ddd;padding:8px;text-align:center}.other-system-table{border-collapse:collapse;width:100%}.other-system-table td{border:1px solid #ddd;padding:8px;text-align:left}.other-system-table th{border:1px solid #ddd;padding:8px;text-align:center}.items-table{border-collapse:collapse;width:100%}.items-table td{border:1px solid #ddd;padding:8px;text-align:center;width:100px;height:100px;transition:transform .3s ease}.items-table th{border:1px solid #ddd;padding:8px;text-align:center;width:100px;height:100px}.items-table td:hover{transform:scale(1.1)}.color-important{color:#eb4c40;font-weight:700}.color-important2{color:#355de0}.character-showcase{display:flex;flex-direction:column;align-items:center;margin:30px 0;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.main-portrait{text-align:center;margin-bottom:25px}.character-image{width:200px;border-radius:5px;box-shadow:0 4px 8px #00000026;transition:transform .3s ease}.character-image:hover{transform:scale(1.03)}.character-title{margin-top:15px;font-size:1.5em;font-weight:700;color:#333}.variants{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:100%}.variant-item{text-align:center;transition:transform .3s ease}.variant-item:hover{transform:translateY(-5px)}.variant-image{width:100px;height:100px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.variant-image:hover{transform:scale(1.1)}.variant-label{margin-top:10px;font-size:.9em;color:#666}.main-container{display:flex;width:100%;margin-bottom:80px}.left-container{width:70%;padding:20px 0;margin-right:20px}.right-container{width:20%;padding:20px;border-radius:10px;background-color:#f5f5f5;text-align:center;align-self:flex-start}.avatar-container{display:flex;gap:20px;margin-bottom:20px}.avatar{cursor:pointer;transition:transform .2s;width:40px;height:40px}.avatar.active{border:2px solid #007acc;border-radius:5%}.description-container{padding:20px;margin:40px 20px;background-color:#f9f9f9;min-height:60px;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid #ddd}main{margin-left:0;padding:80px 15px;margin-top:50px}.character-list{flex-direction:column;gap:15px}.table-wrapper{overflow-x:auto}.table-wrapper table{min-width:600px}.items-table td,.items-table th{width:80px;height:80px;padding:5px}.main-container{flex-direction:column}.left-container{width:100%;margin-right:0}.right-container{width:100%;margin-right:0;padding-left:20px;padding-right:20px;box-sizing:border-box}h1{font-size:28px}h2{font-size:22px}}@media (max-width: 768px){.sidebar-toggle{display:block;position:fixed;top:60px;left:10px;background:#333;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;z-index:999}.sidebar{top:60px;transform:translate(-100%);transition:transform .3s ease;position:fixed;z-index:998}.sidebar.active{transform:translate(0)}.right-container{order:-1}}.mod-info[data-v-71cf27e2]{text-align:center;margin-bottom:20px}.credits[data-v-71cf27e2]{margin:15px 0}.notes[data-v-71cf27e2]{font-style:italic;color:#666}.character-list[data-v-71cf27e2]{display:flex;justify-content:center;gap:30px;margin-top:20px}.character[data-v-71cf27e2]{text-align:center}.character-name[data-v-71cf27e2]{margin-top:10px;font-weight:700;font-size:1.2em}hr[data-v-71cf27e2]{margin:20px 0;border:1px solid #eee}.character-link[data-v-71cf27e2]{text-decoration:none;color:inherit;display:flex;transition:transform .3s ease}.character-link[data-v-71cf27e2]:hover{transform:scale(1.1)}.notice-container[data-v-3918d303]{max-width:800px;margin:60px auto;padding:2rem 1rem;font-family:Helvetica Neue,Arial,sans-serif}.header[data-v-3918d303]{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea;position:relative}.back-button[data-v-3918d303]{position:absolute;left:0;top:0;display:flex;align-items:center;color:#3498db;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:4px;transition:all .3s ease}.back-button[data-v-3918d303]:hover{background-color:#f0f9ff}.arrow[data-v-3918d303]{margin-right:8px;font-size:1.2rem}.header h1[data-v-3918d303]{font-size:2.2rem;margin-bottom:.5rem;color:#333}.header p[data-v-3918d303]{color:#666;font-size:1rem}.notice-box[data-v-3918d303]{background:#fff3cd;border:1px solid #ffeeba;padding:20px;border-radius:8px;font-size:15px;line-height:1.6;color:#444}.notice-box a[data-v-3918d303]{color:#007acc;text-decoration:underline}@media (max-width: 768px){.header h1[data-v-3918d303]{font-size:1.8rem}.notice-box[data-v-3918d303]{font-size:1rem}}