*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F5F6FA;--bg-dark: #1A1A2E;--bg-card: #FFF;--bg-card-dark: #252545;--accent: #FF6B35;--accent-light: #FF8C66;--text: #1A1A2E;--text-light: #888;--text-dark-bg: #DDD;--gold: #FFD700;--green: #4CAF50;--radius: 12px;--shadow: 0 2px 8px rgba(0,0,0,.06);--safe-bottom: env(safe-area-inset-bottom, 16px)}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-dark);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overflow:hidden}.screen{position:absolute;top:0;left:0;right:0;bottom:64px;overflow-y:auto;background:var(--bg);-webkit-overflow-scrolling:touch}.listening-screen{bottom:0;display:flex;flex-direction:column;overflow:hidden}.listening-screen .word-list-scroll{max-height:none}.topbar{display:flex;align-items:center;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid #EEE;position:sticky;top:0;z-index:10}.topbar-dark{display:flex;align-items:center;padding:10px 16px;background:var(--bg-card-dark);position:sticky;top:0;z-index:10}.back-btn,.back-btn-light{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 8px}.back-btn,.back-btn-light{color:var(--accent)}.topbar-title{margin-left:8px}.topbar-name{font-size:16px;font-weight:700;color:var(--text)}.topbar-sub{font-size:12px;color:var(--text-light);margin-top:2px}.topbar-name-light{font-size:16px;font-weight:700;color:#fff}.topbar-sub-dark{font-size:12px;color:#aaa;margin-top:2px}.header{padding:24px 20px 16px;background:var(--bg)}.header-title{font-size:28px;font-weight:800;color:var(--text)}.header-sub{font-size:14px;color:var(--text-light);margin-top:4px}.list{padding:0 16px 16px}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s}.card:active{transform:scale(.98)}.book-card{display:flex;align-items:center;margin-bottom:12px;border-left:4px solid var(--accent)}.book-badge{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;margin-right:14px;flex-shrink:0}.book-info{flex:1}.book-name{font-size:17px;font-weight:700;color:var(--text)}.book-level{font-size:13px;color:#666;margin-top:2px}.book-desc{font-size:12px;color:var(--text-light);margin-top:4px}.arrow{font-size:24px;color:#ccc;margin-left:8px}.unit-card{display:flex;align-items:center;margin-bottom:10px}.unit-info{flex:1}.unit-name{font-size:16px;font-weight:600;color:var(--text)}.unit-count{font-size:13px;color:var(--text-light);margin-top:4px}.play-icon{font-size:20px;color:var(--accent);margin-left:8px}.now-section{background:var(--bg-card-dark);padding:8px 14px 12px;border-radius:0 0 20px 20px}.repeat-badge{display:inline-block;background:#ff6b3526;color:var(--accent);font-size:11px;font-weight:600;padding:3px 12px;border-radius:10px;border:none;cursor:pointer}.rate-row{display:flex;gap:8px;justify-content:center;margin-top:6px}.rate-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;border:none;cursor:pointer;transition:opacity .15s}.rate-badge:active{opacity:.7}.rate-badge.jp{background:#ff8c6633;color:var(--accent-light)}.rate-badge.cn{background:#6495ed33;color:#7b9fe0}.now-card{background:#303055;border-radius:14px;padding:12px 14px;margin-top:8px;text-align:center}.now-word{font-size:22px;font-weight:800;color:#fff}.now-kana{font-size:13px;color:#aaa;margin-top:4px}.now-meaning-row{display:flex;align-items:center;justify-content:center;margin-top:6px;gap:6px}.now-meaning{font-size:14px;font-weight:600;color:var(--accent);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-pos{font-size:12px;color:#888;flex-shrink:0}.speak-label{font-size:12px;font-weight:600;margin-top:6px;color:var(--green)}.controls{display:flex;justify-content:center;align-items:center;margin-top:8px;gap:16px}.ctrl-btn{background:none;border:none;font-size:22px;color:#fff;cursor:pointer;padding:8px}.play-btn{width:44px;height:44px;border-radius:22px;background:var(--accent);border:none;font-size:20px;color:#fff;cursor:pointer;transition:background .2s}.play-btn.playing{background:var(--accent-light)}.word-list-scroll{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 380px)}.word-row{display:flex;align-items:center;background:var(--bg-card-dark);border-radius:10px;padding:14px;margin-bottom:6px;cursor:pointer;transition:all .2s;border:1.5px solid transparent}.word-row-current{background:#303055;border-color:#ff6b3580;box-shadow:0 0 12px #ff6b3559}.word-idx{width:32px;text-align:center;font-size:14px;color:#666}.text-hl{color:#fff!important}.text-hl-sub{color:#bbb!important}.word-body{flex:1;margin-left:6px}.word-row-inner{display:flex;align-items:center}.word-text{font-size:18px;font-weight:600;color:var(--text-dark-bg)}.word-mean{font-size:14px;color:#999;margin-top:3px;display:block}.now-tag{font-size:11px;font-weight:700;color:var(--accent);background:#ff6b3526;padding:2px 6px;border-radius:4px;margin-left:8px}.fav-star{font-size:16px;color:var(--gold);margin-left:6px}.top-section{background:var(--bg-dark);padding:20px 20px 16px}.title-light{font-size:24px;font-weight:800;color:#fff}.play-all-btn{display:flex;align-items:center;gap:8px;background:var(--accent);border:none;border-radius:10px;padding:14px;margin-top:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;width:100%}.tool-row{display:flex;gap:8px;margin-top:12px}.tool-btn{background:#ffffff26;border:none;border-radius:8px;padding:8px 14px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.folder-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid #EEE}.folder-tab{display:flex;align-items:center;gap:6px;background:#f0f0f5;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .15s}.folder-tab.active{background:var(--accent);color:#fff}.folder-dot{width:8px;height:8px;border-radius:4px}.folder-play-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;margin-left:2px;flex-shrink:0;transition:transform .15s}.folder-play-btn:hover{transform:scale(1.2)}.folder-tab.active .folder-play-btn{background:#fff;color:var(--accent)}.fav-list-scroll{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.fav-item{display:flex;align-items:center;margin-bottom:8px}.fav-word-info{flex:1}.fav-word{font-size:18px;font-weight:700;color:var(--text)}.fav-meaning{font-size:15px;color:var(--accent);margin-top:3px}.fav-source{font-size:12px;color:#aaa;margin-top:4px}.fav-actions{display:flex;gap:12px}.fav-act-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:8px}.section-title{font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:10px;margin-top:8px;padding:0 4px}.setting-card{margin-bottom:16px;cursor:default}.setting-card:active{transform:none}.setting-label{font-size:16px;font-weight:600;color:var(--text)}.setting-desc{font-size:13px;color:var(--text-light);margin-top:4px;margin-bottom:14px}.repeat-row{display:flex;gap:10px}.repeat-opt{padding:10px 20px;border-radius:10px;background:#f0f0f5;border:none;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .15s}.repeat-opt.active{background:var(--accent);color:#fff}.import-row{display:flex;align-items:center;gap:14px;cursor:pointer}.import-icon{font-size:32px}.import-title{font-size:16px;font-weight:600;color:var(--text)}.import-desc{font-size:13px;color:var(--text-light);margin-top:2px}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-card);box-shadow:0 -2px 8px #00000014;padding:8px 0 calc(8px + var(--safe-bottom));z-index:100}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:4px 16px;transition:color .15s}.tab-icon{font-size:22px}.tab-label{font-size:11px;font-weight:600;color:#999}.tab-active .tab-label{color:var(--accent)}.lock-screen{display:flex;justify-content:center;align-items:center;background:var(--bg-dark);bottom:0}.lock-card{text-align:center;padding:40px 32px;background:var(--bg-card-dark);border-radius:20px;width:300px}.lock-icon{font-size:48px;margin-bottom:12px}.lock-title{font-size:22px;font-weight:800;color:#fff}.lock-desc{font-size:14px;color:#aaa;margin-top:8px;margin-bottom:20px}.lock-input{width:100%;padding:14px;border-radius:10px;border:1px solid #555;background:#303055;color:#fff;font-size:16px;text-align:center;margin-bottom:12px;outline:none}.lock-input:focus{border-color:var(--accent)}.lock-error{font-size:13px;color:#e74c3c;margin-bottom:12px}.lock-msg{font-size:13px;color:#2ecc71;margin-bottom:12px}.lock-btn{width:100%;padding:14px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.lock-switch{margin-top:16px;background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:200}.modal-box{background:#fff;border-radius:16px;padding:24px;width:300px}.modal-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px}.modal-input{width:100%;padding:12px;border-radius:8px;border:1px solid #DDD;font-size:16px;margin-bottom:16px;outline:none}.modal-input:focus{border-color:var(--accent)}.modal-btns{display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background:#f0f0f5;border:none;border-radius:8px;padding:10px 20px;font-size:15px;color:#666;cursor:pointer}.btn-confirm{background:var(--accent);border:none;border-radius:8px;padding:10px 24px;font-size:15px;color:#fff;font-weight:600;cursor:pointer}.folder-option{display:flex;align-items:center;gap:8px;width:100%;padding:14px;border:none;border-bottom:1px solid #EEE;background:none;font-size:16px;color:var(--text);cursor:pointer;text-align:left}.btn{background:var(--accent);border:none;border-radius:8px;padding:10px 24px;font-size:15px;color:#fff;font-weight:600;cursor:pointer}.fav-toggle-btn{background:none;border:none;cursor:pointer;outline:none;flex-shrink:0;padding:6px 8px;font-size:20px;line-height:1;transition:color .15s,transform .15s}.fav-toggle-btn:active{transform:scale(1.25)}.fav-toggle-btn.inline-fav{color:#777}.fav-toggle-btn.inline-fav.favd{color:#ff5252}.fav-toggle-btn.player-fav{display:block;margin:8px auto 0;font-size:13px;color:#aaa;padding:4px 12px;border-radius:12px;border:1px solid #555}.fav-toggle-btn.player-fav.favd{color:#ff5252;border-color:#ff5252;background:#ff52521a}.app-has-mini .screen{bottom:120px}.app-has-mini.no-tab .screen{bottom:64px}.mini-player{position:fixed;bottom:64px;left:0;right:0;z-index:150;display:flex;align-items:center;gap:8px;background:var(--bg-card-dark);border-top:1px solid #444;padding:8px 14px;padding-bottom:calc(8px + var(--safe-bottom))}.no-tab .mini-player{bottom:0}.mini-info{flex:1;cursor:pointer;min-width:0}.mini-word{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-unit{font-size:12px;color:#aaa;margin-top:2px}.mini-fav-btn{background:none;border:none;font-size:20px;color:#888;cursor:pointer;flex-shrink:0;padding:4px 6px;transition:color .15s,transform .15s}.mini-fav-btn:active{transform:scale(1.25)}.mini-fav-btn.mini-favd{color:#ff5252}.mini-play-btn{background:var(--accent);border:none;border-radius:50%;width:34px;height:34px;font-size:14px;color:#fff;cursor:pointer;flex-shrink:0}.mini-close-btn{background:none;border:none;font-size:18px;color:#888;cursor:pointer;flex-shrink:0;padding:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}