*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;background:#f5f5f5;color:#1a1a1a;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;max-width:640px;margin:0 auto;width:100%;padding:12px 12px 70px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e5e5e5;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.tab{flex:1;text-align:center;text-decoration:none;color:#888;font-size:12px;padding:4px}.tab.active{color:#dc2626}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.7}.btn-red{background:#dc2626;color:#fff}.btn-blue{background:#2563eb;color:#fff}.btn-green{background:#16a34a;color:#fff}.btn-gray{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-block{width:100%}.progress{width:100%;height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#dc2626;transition:width .3s}ruby rt{font-size:.6em;color:#666}ruby{ruby-align:center}@keyframes subtitlePulse{0%{background:#fef2f2}50%{background:#fee2e2}to{background:#fef2f2}}.sub-active{animation:subtitlePulse 2s ease-in-out infinite;border-left:3px solid #dc2626!important;font-weight:700!important}