*{box-sizing:border-box}body{margin:0;background:#12100e;color:#f2ead8;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}
#app{max-width:480px;margin:0 auto;min-height:100vh;padding:16px 16px 40px}
.top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #3a3226;padding-bottom:10px}
.logo{font-size:20px;font-weight:700;letter-spacing:2px}.tag{font-size:11px;color:#c9bfa6}
h1{font-size:26px;line-height:1.3}h2{font-size:22px}h3{font-size:18px}
.intro,.note{color:#c9bfa6;line-height:1.7;font-size:14px}
.screen{display:none}.screen.active{display:block}
.theme-card{border:1px solid #3a3226;border-radius:12px;padding:14px;margin:12px 0;background:#1d1913}
.theme-card.active{border-color:#d4a94e}.theme-card.disabled{opacity:.55}
.theme-title{font-weight:700}.theme-desc,.theme-meta{color:#c9bfa6;font-size:13px;margin-top:4px}
.btn{display:block;width:100%;padding:13px;border-radius:10px;border:0;font-size:16px;margin:10px 0;cursor:pointer}
.btn.primary{background:#d4a94e;color:#1a1408;font-weight:700}
.btn.ghost{background:#2a241c;color:#f2ead8;border:1px solid #3a3226}
.btn.danger{background:#5a2620;color:#fff}
label{display:block;margin:14px 0;font-size:14px}input,select{width:100%;padding:11px;margin-top:6px;border-radius:8px;border:1px solid #3a3226;background:#1d1913;color:#f2ead8;font-size:16px}
.card{border:1px solid #3a3226;border-radius:12px;padding:14px;background:#1d1913;line-height:1.7;font-size:14px}
.comic-top{display:flex;justify-content:space-between;font-size:13px;color:#c9bfa6;margin:8px 0}
.toggles label{display:inline;margin:0 0 0 10px}
.panel-img-wrap{border-radius:12px;overflow:hidden;background:#1d1913;min-height:320px;display:flex;align-items:center;justify-content:center}
.panel-img-wrap img{width:100%;display:block}
.panel-img-wrap img.playing{animation:kenburns 12s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1) translateY(0)}to{transform:scale(1.06) translateY(-6px)}}
.panel-fallback{display:none;padding:40px;text-align:center;color:#d4a94e;font-size:18px;line-height:1.6}
.panel-caption{font-size:17px;line-height:1.6;margin-top:14px}.panel-nar{color:#c9bfa6;line-height:1.7;margin-top:8px}
.panel-nav{display:flex;gap:10px}.panel-nav .btn{flex:1}
.choice-box{border:1px solid #d4a94e;border-radius:12px;padding:14px;margin:12px 0;background:#241d10}
.hidden{display:none!important}footer{margin-top:30px;font-size:11px;color:#8a7f68;line-height:1.6;text-align:center}