*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0a;--bg-card: #1a1a1a;--bg-surface: #222;--text-primary: #d4d4d4;--text-secondary: #888;--accent: #c7a44a;--accent-dark: #8b7a3a;--danger: #c0392b;--success: #27ae60;--hp-color: #e74c3c;--hunger-color: #e67e22;--thirst-color: #3498db;--sanity-color: #9b59b6;--energy-color: #f1c40f;--border-color: #333;--font-main: "PingFang SC", "Microsoft YaHei", sans-serif}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:480px;height:100vh;margin:0 auto;position:relative;overflow:hidden;background:var(--bg-dark)}.screen{display:none;width:100%;height:100%;position:absolute;top:0;left:0;flex-direction:column}.screen.active{display:flex}#menu-screen{justify-content:center;align-items:center;background:linear-gradient(180deg,#0d0d0d,#1a1208,#0d0d0d)}.menu-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(199,164,74,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(199,164,74,.05) 0%,transparent 50%);pointer-events:none}.menu-content{position:relative;z-index:1;text-align:center;padding:40px 30px}.game-title{font-size:36px;font-weight:700;color:var(--accent);letter-spacing:8px;margin-bottom:12px;text-shadow:0 0 30px rgba(199,164,74,.3)}.game-subtitle{font-size:14px;color:var(--text-secondary);letter-spacing:4px;margin-bottom:60px}.menu-buttons{display:flex;flex-direction:column;gap:16px;padding:0 20px}.menu-btn{padding:16px 24px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:16px;font-family:var(--font-main);border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:2px}.menu-btn:hover,.menu-btn:active{border-color:var(--accent);background:#c7a44a1a}.menu-btn.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.menu-btn.primary:hover,.menu-btn.primary:active{background:var(--accent-dark);border-color:var(--accent-dark)}.version-text{margin-top:60px;font-size:12px;color:var(--text-secondary)}.icp-text{margin-top:8px;font-size:11px;color:var(--text-secondary);opacity:.7}.screen-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.screen-header h2{font-size:16px;font-weight:600;margin:0 auto;color:var(--text-primary)}.back-btn{background:none;border:none;color:var(--accent);font-size:14px;font-family:var(--font-main);cursor:pointer;padding:4px 8px}.save-slots{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.save-slot{padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:border-color .2s}.save-slot:hover,.save-slot:active{border-color:var(--accent)}.save-slot.empty{opacity:.5;cursor:default}.save-slot.empty:hover{border-color:var(--border-color)}.save-slot-header{display:flex;justify-content:space-between;margin-bottom:8px}.save-slot-title{font-weight:600;color:var(--accent)}.save-slot-day{color:var(--text-secondary);font-size:12px}.save-slot-time{font-size:12px;color:var(--text-secondary)}.game-container{display:flex;flex-direction:column;height:100%}.status-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:10px 12px;flex-shrink:0}.status-row{display:flex;justify-content:space-between;margin-bottom:8px}.day-display{font-size:12px;color:var(--accent);font-weight:600}.level-display{font-size:14px;color:gold;font-weight:700}.location-display{font-size:12px;color:var(--text-secondary)}.exp-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.exp-label{font-size:10px;color:var(--text-secondary);width:40px}.exp-bar-container{flex:1;height:6px;background:#ffd70033;border-radius:3px;overflow:hidden}.exp-bar{height:100%;width:0%;background:linear-gradient(90deg,gold,#ffed4a);border-radius:3px;transition:width .3s ease}.exp-value{font-size:10px;color:gold;width:50px;text-align:right}.stats-row{display:flex;gap:6px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:4px;flex:1;min-width:60px}.stat-icon{font-size:12px;width:16px;text-align:center}.stat-bar-container{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden;min-width:20px}.stat-bar{height:100%;border-radius:3px;transition:width .5s ease}#hp-bar{background:var(--hp-color)}#hunger-bar{background:var(--hunger-color)}#thirst-bar{background:var(--thirst-color)}#sanity-bar{background:var(--sanity-color)}#energy-bar{background:var(--energy-color)}.danger-bar{background:var(--danger)}#radiation-bar{background:#e67e22}#disease-bar{background:#2ecc71}.stat-value{font-size:10px;color:var(--text-secondary);min-width:22px;text-align:right}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;gap:8px}.weather-display{font-size:11px;color:var(--text-secondary)}.story-area{flex:1;overflow-y:auto;padding:20px 16px;scroll-behavior:smooth}.story-area::-webkit-scrollbar{width:3px}.story-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.story-content{font-size:15px;line-height:1.8;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.story-content .chapter-title{display:block;font-size:18px;font-weight:700;color:var(--accent);margin-bottom:16px;text-align:center;letter-spacing:4px}.story-content .ending-text{display:block;color:var(--accent);font-weight:600;text-align:center;margin-top:20px;padding:16px;border-top:1px solid var(--border-color);font-size:16px}.choices-container{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.choice-btn{display:block;width:100%;padding:14px 16px;margin-bottom:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-family:var(--font-main);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;line-height:1.4}.choice-btn:last-child{margin-bottom:0}.choice-btn:hover,.choice-btn:active{border-color:var(--accent);background:#c7a44a1a;color:var(--accent)}.choice-btn:disabled{opacity:.5;cursor:not-allowed}.choice-btn:disabled:hover{border-color:var(--border-color);background:var(--bg-surface);color:var(--text-primary)}.action-bar{display:flex;border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.action-btn{flex:1;padding:12px;background:none;border:none;color:var(--text-secondary);font-size:13px;font-family:var(--font-main);cursor:pointer;transition:color .2s}.action-btn:hover,.action-btn:active{color:var(--accent)}.action-btn+.action-btn{border-left:1px solid var(--border-color)}.inventory-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.inventory-item{display:flex;align-items:center;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px}.inventory-item-icon{font-size:24px;margin-right:12px}.inventory-item-info{flex:1}.inventory-item-name{font-weight:600;font-size:14px}.inventory-item-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.inventory-item-effect{font-size:11px;color:#4ade80;margin-top:4px;font-style:italic}.inventory-item-count{font-size:12px;color:var(--accent);margin-left:8px}.inventory-item-use{padding:6px 12px;background:var(--accent);color:#000;border:none;border-radius:4px;font-size:12px;font-family:var(--font-main);cursor:pointer;margin-left:8px}.inventory-item-use:hover{background:var(--accent-dark)}#gameover-screen{justify-content:center;align-items:center;background:linear-gradient(180deg,#0a0000,#1a0a0a,#0a0000)}.gameover-content{text-align:center;padding:40px 30px}.gameover-title{font-size:32px;font-weight:700;color:var(--danger);letter-spacing:6px;margin-bottom:24px}.gameover-reason{font-size:15px;color:var(--text-secondary);margin-bottom:40px;line-height:1.8;padding:0 20px}#gameover-screen .menu-btn{margin-bottom:12px}#combat-screen{background:linear-gradient(180deg,#1a0808,#0d0d0d,#1a0a00)}.combat-container{display:flex;flex-direction:column;height:100%;position:relative}.combat-player-header{padding:12px 16px;background:#00000080;border-bottom:1px solid #1a3a1a;flex-shrink:0}.combat-player-name{display:block;font-size:16px;font-weight:600;color:var(--success);text-align:center;margin-bottom:8px;letter-spacing:1px;text-shadow:0 0 15px rgba(39,174,96,.3)}.combat-player-hp-row{display:flex;align-items:center;gap:8px}.combat-player-hp-bar-container{flex:1;height:10px;background:#0a2a0a;border-radius:5px;overflow:hidden;border:1px solid #1a3a1a}.combat-player-hp-bar{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:5px;transition:width .3s ease}.combat-header{padding:16px;background:#0009;border-bottom:1px solid #3a1a1a;flex-shrink:0}.combat-enemy-name{display:block;font-size:20px;font-weight:700;color:var(--danger);text-align:center;margin-bottom:10px;letter-spacing:2px;text-shadow:0 0 20px rgba(192,57,43,.3)}.combat-enemy-hp-row{display:flex;align-items:center;gap:8px}.combat-hp-label{font-size:12px;color:var(--danger);font-weight:600;width:24px}.combat-enemy-hp-bar-container{flex:1;height:10px;background:#2a0a0a;border-radius:5px;overflow:hidden;border:1px solid #3a1a1a}.combat-enemy-hp-bar{height:100%;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:5px;transition:width .5s ease}.combat-hp-text{font-size:12px;color:var(--danger);font-weight:600;width:60px;text-align:right}.combat-log{flex:1;overflow-y:auto;padding:16px;font-size:14px;line-height:1.8}.combat-log::-webkit-scrollbar{width:3px}.combat-log::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.combat-log-entry{padding:6px 10px;margin-bottom:4px;border-radius:4px;animation:fadeIn .3s ease}.combat-log-entry.system{color:var(--accent);font-weight:600;text-align:center}.combat-log-entry.player_attack{color:#e8d5a3;background:#c7a44a0d}.combat-log-entry.enemy_attack{color:#e74c3c;background:#e74c3c0d}.combat-log-entry.defend{color:#3498db;background:#3498db0d}.combat-log-entry.critical{color:#ff6b35;background:#ff6b351a;font-weight:600}.combat-log-entry.flee{color:var(--text-secondary);font-style:italic}.combat-log-entry.heal{color:#2ecc71;background:#2ecc710d}.combat-log-entry.item{color:var(--accent);background:#c7a44a0d}.combat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;border-top:1px solid #3a1a1a;background:#0009;flex-shrink:0}.combat-btn{padding:14px 12px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:14px;font-family:var(--font-main);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.combat-btn:active{transform:scale(.96)}.combat-btn.attack:hover,.combat-btn.attack:active{border-color:#e74c3c;background:#e74c3c26;color:#e74c3c}.combat-btn.defend:hover,.combat-btn.defend:active{border-color:#3498db;background:#3498db26;color:#3498db}.combat-btn.item:hover,.combat-btn.item:active{border-color:var(--accent);background:#c7a44a26;color:var(--accent)}.combat-btn.flee:hover,.combat-btn.flee:active{border-color:var(--text-secondary);background:#88888826;color:var(--text-secondary)}.combat-btn:disabled{opacity:.4;cursor:not-allowed}.combat-btn:disabled:hover{border-color:var(--border-color);background:var(--bg-surface);color:var(--text-primary)}.combat-item-menu{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);z-index:10;max-height:50%;display:flex;flex-direction:column}.combat-item-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--accent);flex-shrink:0}.combat-item-back-btn{background:none;border:none;color:var(--accent);font-size:14px;font-family:var(--font-main);cursor:pointer;padding:4px 8px}.combat-item-list{flex:1;overflow-y:auto;padding:8px 16px}.combat-item-entry{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:4px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:border-color .2s}.combat-item-entry:hover,.combat-item-entry:active{border-color:var(--accent)}.combat-item-entry-name{font-size:14px;color:var(--text-primary)}.combat-item-entry-count{font-size:12px;color:var(--accent)}.combat-result-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:20;animation:fadeIn .5s ease}.combat-result-box{text-align:center;padding:40px 30px}.combat-result-title{font-size:28px;font-weight:700;margin-bottom:16px;letter-spacing:4px}.combat-result-title.victory{color:var(--accent)}.combat-result-title.defeat{color:var(--danger)}.combat-result-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.combat-result-btn{padding:14px 40px;border:1px solid var(--accent);background:#c7a44a26;color:var(--accent);font-size:16px;font-family:var(--font-main);border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:2px}.combat-result-btn:hover,.combat-result-btn:active{background:var(--accent);color:#000}.combat-start-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:16px 48px;border:2px solid var(--accent);background:#c7a44a33;color:var(--accent);font-size:18px;font-family:var(--font-main);border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:4px;text-shadow:0 0 10px rgba(199,164,74,.5);animation:pulse 1.5s ease-in-out infinite}.combat-start-btn:hover,.combat-start-btn:active{background:var(--accent);color:#000}@keyframes pulse{0%,to{box-shadow:0 0 5px #c7a44a4d}50%{box-shadow:0 0 20px #c7a44a99}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-content>p{animation:fadeIn .5s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.typing-cursor:after{content:"|";animation:pulse 1s infinite;color:var(--accent)}@media (min-width: 480px){#app{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}}@media (max-height: 600px){.status-bar{padding:6px 10px}.status-row{margin-bottom:4px}.stat-item{min-width:50px}.story-area{padding:12px}.story-content{font-size:14px}.choices-container{padding:8px 12px}.choice-btn{padding:10px 12px;font-size:13px}}.typing-text{overflow:hidden}#achievement-screen{background:var(--bg-dark)}.achievement-stats{padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);font-size:14px;color:var(--accent);text-align:center}.achievement-list{flex:1;overflow-y:auto;padding:16px}.achievement-category-header{font-size:13px;font-weight:600;color:var(--text-secondary);padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--border-color);letter-spacing:2px}.achievement-item{display:flex;align-items:center;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;transition:all .3s ease}.achievement-item.unlocked{border-color:#ffd7004d;background:#ffd7000d}.achievement-item.locked{opacity:.5}.achievement-icon{font-size:28px;margin-right:12px;width:40px;text-align:center}.achievement-info{flex:1}.achievement-name{font-weight:600;font-size:14px;color:var(--text-primary)}.achievement-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.achievement-item.unlocked .achievement-name{color:gold}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}#leaderboard-screen{background:var(--bg-dark)}.leaderboard-list{flex:1;overflow-y:auto;padding:16px}.leaderboard-entry{display:flex;align-items:center;padding:14px 16px;margin-bottom:8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.leaderboard-entry:hover{border-color:var(--accent)}.leaderboard-entry.player-entry{border-color:var(--accent);background:#c7a44a1a}.leaderboard-rank{font-size:24px;width:40px;text-align:center}.leaderboard-info{flex:1;padding:0 12px}.leaderboard-name{font-weight:600;font-size:15px;color:var(--text-primary)}.leaderboard-details{display:flex;gap:12px;margin-top:4px;font-size:12px;color:var(--text-secondary)}.leaderboard-details span{padding:2px 6px;background:var(--bg-dark);border-radius:4px}.leaderboard-score{font-size:16px;font-weight:700;color:var(--accent)}#daily-reward-screen{background:var(--bg-dark)}.daily-reward-content{flex:1;overflow-y:auto;padding:16px}.streak-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#ff6b6b1a,#ffd7001a);border:1px solid rgba(255,107,107,.3);border-radius:12px;margin-bottom:20px}.streak-icon{font-size:28px}.streak-text{font-size:16px;font-weight:600;color:var(--text-primary)}.streak-count{color:#ff6b6b;font-size:20px}.reward-calendar{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.reward-day{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;position:relative}.reward-day.claimed{background:#27ae601a;border-color:#27ae604d}.reward-day.today{background:#c7a44a26;border-color:var(--accent);animation:pulse 1s ease-in-out infinite}.reward-day-num{font-size:12px;color:var(--text-secondary)}.reward-day-icon{font-size:16px}.reward-bonus{position:absolute;top:-4px;right:-4px;font-size:12px}.today-reward{padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;text-align:center;margin-bottom:20px}.today-reward-header{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:8px}.today-reward-content{font-size:14px;color:var(--text-primary);line-height:1.8}.today-reward-bonus{margin-top:8px;font-size:12px;color:#ff6b6b}.claim-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent),#d4a83a);border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #c7a44a66}.menu-btn.share{background:#3498db1a;border-color:#3498db4d;color:#3498db}.menu-btn.share:hover{background:#3498db33;border-color:#3498db}.menu-btn.daily{position:relative;overflow:hidden}.menu-btn.daily:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-50%}to{left:150%}}.achievement-notification{animation:slideIn .5s ease-out}