*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#74ebd5,#acb6e5);min-height:100vh;color:#333;line-height:1.6}#app{max-width:800px;margin:0 auto;padding:30px 20px}#word-list-nav{margin-bottom:24px;display:flex;justify-content:center}.list-selector{position:relative;min-width:200px}.selector-btn{width:100%;padding:10px 16px;border:none;background:#fff;color:#333;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;align-items:center}.selector-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.selector-btn:after{content:"▼";font-size:.6rem;color:#74ebd5;transition:transform .3s ease}.list-selector.open .selector-btn:after{transform:rotate(180deg)}.selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:100;max-height:280px;overflow-y:auto}.list-selector.open .selector-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-item{padding:10px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5;font-size:.85rem;font-weight:500}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(135deg,#74ebd51a,#acb6e51a);padding-left:20px}.dropdown-item.active{background:linear-gradient(135deg,#74ebd5,#acb6e5);color:#fff}.word-list{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0000001f;overflow:hidden}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#74ebd526,#acb6e526);border-bottom:1px solid rgba(116,235,213,.2)}.progress-display{font-size:1.05rem;font-weight:700;color:#555;display:flex;align-items:center;gap:8px}.progress-display:before{content:"⭐";font-size:1.1rem}.progress-display.complete{color:#27ae60}.progress-display.complete:before{content:"🎉"}.toggle-meaning-btn{padding:10px 18px;border:none;background:#fff;color:#74ebd5;border-radius:25px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #74ebd54d}.toggle-meaning-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #74ebd566}.toggle-meaning-btn.active{background:linear-gradient(135deg,#74ebd5,#acb6e5);color:#fff}.words-table{width:100%}.table-header{display:grid;grid-template-columns:50px 2fr 3fr;padding:16px 24px;background:#f8f9fa;font-weight:600;color:#888;font-size:.9rem;border-bottom:2px solid #e9ecef}.word-row{display:grid;grid-template-columns:50px 2fr 3fr;padding:18px 24px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.word-row:hover{background:linear-gradient(135deg,#74ebd514,#acb6e514);transform:translate(4px)}.word-row:last-child{border-bottom:none}.word-row.marked{background:linear-gradient(135deg,#74ebd526,#acb6e526);animation:markPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes markPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.word-row.marked .col-word{opacity:.6;text-decoration:line-through;text-decoration-color:#5db8a8}.word-row.marked .col-index:before{content:"✓ ";color:#5db8a8;font-weight:700}.col-index{color:#bbb;font-size:.9rem;font-weight:500}.col-word{font-weight:700;color:#2c3e50;font-size:1.35rem;display:flex;align-items:center;gap:12px}.word-text{flex:1}.speak-btn{background:transparent;border:none;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;opacity:.6;flex-shrink:0;padding:4px;border-radius:6px;color:#74ebd5}.speak-btn svg{width:100%;height:100%;stroke:currentColor}.speak-btn:hover{opacity:1;background:#74ebd51a;transform:scale(1.05);color:#5db8a8}.speak-btn:active{transform:scale(.95);background:#74ebd533}.speak-btn.speaking{opacity:1;color:#5db8a8;animation:speakPulse .6s ease-in-out infinite}.speak-btn.speaking svg{animation:soundWave .6s ease-in-out infinite}@keyframes speakPulse{0%,to{background:#74ebd526}50%{background:#74ebd54d}}@keyframes soundWave{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.phonics-vowel{color:#ff6b6b}.phonics-vowel-combo{color:#ffa94d}.phonics-consonant{color:#868e96}.phonics-consonant-combo{color:#4dabf7}.phonics-r-controlled{color:#da77f2}.col-meaning{color:#555;font-size:1.15rem;transition:all .3s ease}.col-meaning.hidden-meaning{background:linear-gradient(135deg,#e8e8e8,#f5f5f5);color:transparent;border-radius:8px;cursor:pointer;position:relative}.col-meaning.hidden-meaning:after{content:"👆 点击查看";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#aaa;font-size:.9rem}.col-meaning.hidden-meaning.revealed{background:transparent;color:#555;animation:revealPop .3s ease}@keyframes revealPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.col-meaning.hidden-meaning.revealed:after{content:none}@media (max-width: 600px){body{background:linear-gradient(180deg,#74ebd5,#acb6e5);background-attachment:fixed}#app{padding:24px 12px;padding-top:calc(env(safe-area-inset-top,0px) + 24px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}#word-list-nav{margin-bottom:16px}.list-selector{min-width:100%}.selector-btn{padding:12px 16px;border-radius:10px;font-size:.9rem}.selector-dropdown{max-height:50vh;border-radius:10px}.dropdown-item{padding:12px 16px;font-size:.85rem}.word-list{border-radius:16px}.list-toolbar{padding:14px 16px;flex-wrap:wrap;gap:10px}.progress-display{font-size:.95rem}.toggle-meaning-btn{padding:8px 14px;font-size:.85rem}.table-header{display:none}.word-row{display:flex;flex-direction:column;padding:16px;gap:8px}.word-row:hover{transform:none}.col-index{display:none}.col-word{font-size:1.3rem;flex-direction:row;justify-content:space-between;gap:14px}.word-text{flex:1}.speak-btn{width:32px;height:32px;padding:6px}.col-meaning{font-size:1.05rem;color:#666;line-height:1.4}.col-meaning.hidden-meaning{padding:10px 12px;text-align:center;border-radius:10px}.col-meaning.hidden-meaning:after{font-size:.85rem}.word-row:active,.word-row.marked{background:linear-gradient(135deg,#74ebd533,#acb6e533)}.word-row.marked .col-word:before{content:"✓ ";color:#5db8a8}.word-row.marked .col-index:before{content:none}}@media (max-width: 380px){#app{padding:12px 8px}.selector-btn{padding:10px 14px;font-size:.85rem}.list-toolbar{padding:12px 14px}.word-row{padding:14px}.col-word{font-size:1.2rem}.col-meaning{font-size:1rem}}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-100px);background:#000000d9;color:#fff;padding:12px 24px;border-radius:25px;font-size:.9rem;font-weight:500;z-index:10000;box-shadow:0 6px 20px #0000004d;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.toast-success{background:linear-gradient(135deg,#27ae60,#2ecc71)}.toast.toast-error{background:linear-gradient(135deg,#e74c3c,#c0392b)}.toast.toast-warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.toast.toast-info{background:linear-gradient(135deg,#3498db,#2980b9)}