.iv-app{--iv-ink:#193b52;--iv-blue:#126b91;--iv-gold:#b58648;--iv-paper:#fbf8f1;--iv-line:#d9d0bf;color:var(--iv-ink);font-family:Arial,"Noto Sans TC",sans-serif;padding-bottom:5rem}
.iv-app *{box-sizing:border-box}
.iv-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:2rem 2.3rem;margin-top:1.2rem;border:1px solid #d5c8b1;border-radius:18px;background:linear-gradient(115deg,#faf5e9,#f0e8d8 58%,#e4dac6);box-shadow:0 16px 36px #4639221a, inset 0 1px #fff}
.iv-kicker{display:block;color:#9a6639;font-size:.75rem;font-weight:800;letter-spacing:.16em;margin-bottom:.45rem}
.iv-head h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2rem,4vw,3.4rem);margin:.1rem 0 .5rem;line-height:1.2}
.iv-head p{margin:0;max-width:48rem;line-height:1.8;color:#4b6270}
.iv-count{border-left:1px solid #cbb693;padding-left:1.4rem;white-space:nowrap;text-align:center}.iv-count strong{display:block;color:#9a6639;font:700 3rem Georgia,serif}.iv-count span{font-size:.85rem;font-weight:700}
.iv-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.3rem 0}.iv-tabs button{border:1px solid #a6bfd0;border-radius:10px;background:#f7fbfc;color:var(--iv-ink);padding:.82rem 1.2rem;font:700 1rem Arial,"Noto Sans TC",sans-serif;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.iv-tabs button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #143f581f}.iv-tabs button[aria-current=page]{color:white;background:var(--iv-blue);border-color:var(--iv-blue);box-shadow:0 6px 15px #126b9135}
.iv-panel{padding:1.6rem;border:1px solid var(--iv-line);border-radius:18px;background:var(--iv-paper);box-shadow:0 15px 35px #183c5112,0 2px 5px #183c510b}
.iv-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.iv-section-head h3{font-family:Georgia,"Noto Serif TC",serif;font-size:1.65rem;margin:0 0 .3rem}.iv-section-head p{margin:0;color:#526a76;line-height:1.7}
.iv-table-tools{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1rem 0 .65rem;color:#5c6f78;font-weight:700}.iv-table-tools label{display:grid;gap:.35rem;width:min(100%,25rem)}.iv-table-tools input{width:100%;border:1px solid #abc2ca;border-radius:8px;background:white;color:var(--iv-ink);padding:.75rem .85rem;font:inherit}.iv-table-tools input:focus,.iv-form-input:focus,.iv-blank:focus{outline:3px solid #89c6da;outline-offset:1px}
.iv-swipe-hint{display:none;color:#6a7580;font-size:.82rem;font-weight:700;margin:.25rem 0 .55rem}
.iv-table-scroll{overflow:auto;border:1px solid #c5d4d7;border-radius:10px;background:white;box-shadow:0 5px 14px #193b5210}.iv-table{width:100%;min-width:735px;border-collapse:separate;border-spacing:0;text-align:left}.iv-table th,.iv-table td{padding:.72rem .86rem;border-bottom:1px solid #dfebed;vertical-align:middle}.iv-table thead th{position:sticky;top:0;z-index:1;background:#174960;color:white;font-size:.83rem;letter-spacing:.04em}.iv-table tbody th{width:35%;color:#415b68;font-weight:700}.iv-table tbody td{font-family:Georgia,serif;font-size:1.05rem}.iv-table tbody tr:nth-child(even){background:#f4f8f7}.iv-table tbody tr:hover{background:#ecf5f6}.iv-table tbody tr:last-child>*{border-bottom:0}.iv-row-actions{display:inline-flex;align-items:center;gap:.3rem;margin-left:.55rem;white-space:nowrap;vertical-align:middle}.iv-form-input{width:min(100%,12rem);min-width:8rem;padding:.55rem .6rem;border:1px dashed #8caab5;border-radius:6px;background:#fff;color:var(--iv-ink);font:600 1rem Georgia,serif}.iv-row-result{font:700 .75rem Arial,sans-serif}.iv-row-result[data-correct=true],[data-question-result][data-correct=true]{color:#277052}.iv-row-result[data-correct=false],[data-question-result][data-correct=false]{color:#af493c}
.iv-play,.iv-check,.iv-soft,.iv-pagination button{border:1px solid #8badba;border-radius:7px;background:white;color:var(--iv-blue);font:700 .88rem Arial,"Noto Sans TC",sans-serif;padding:.54rem .75rem;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.iv-play:hover,.iv-check:hover,.iv-soft:hover,.iv-pagination button:hover:not(:disabled){transform:translateY(-2px);background:#e8f3f5;box-shadow:0 4px 10px #193b521b}.iv-play.is-playing{color:white;background:var(--iv-blue)}.iv-check{margin-left:.35rem}.iv-pagination button:disabled{opacity:.45;cursor:not-allowed}.iv-mode-options{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0}.iv-mode-options button{border:1px solid #cdbd9d;border-radius:999px;background:#fff9ee;color:#684a2e;padding:.65rem 1rem;font:700 .9rem Arial,"Noto Sans TC",sans-serif;cursor:pointer;transition:background .2s,transform .2s}.iv-mode-options button:hover{transform:translateY(-2px)}.iv-mode-options button[aria-pressed=true]{color:white;background:#945e39;border-color:#945e39}
.iv-example-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.iv-page-info{border-top:1px solid var(--iv-line);padding:.8rem 0;color:#667d87;font-weight:700}.iv-questions{display:grid;gap:1rem}.iv-question{border:1px solid #d2dedf;border-left:4px solid #4e9cb1;border-radius:10px;background:linear-gradient(145deg,#fff,#fbfdfc);padding:1.2rem 1.4rem;box-shadow:0 7px 17px #254c5510;transition:box-shadow .2s,transform .2s}.iv-question:hover{box-shadow:0 11px 22px #254c551c;transform:translateY(-1px)}.iv-question-top{display:flex;align-items:center;gap:.65rem}.iv-question-number{font:700 .85rem Georgia,serif;color:var(--iv-blue);letter-spacing:.1em}.iv-form-badge{font-size:.75rem;font-weight:700;color:#86562f;background:#f6e8d2;border-radius:4px;padding:.2rem .38rem}.iv-question-top .iv-play{margin-left:auto}.iv-english{font:1.18rem/2 Georgia,serif;color:#203b47;margin:1rem 0 .55rem}.iv-blank{display:inline-block;width:8.5rem;max-width:42vw;vertical-align:middle;border:0;border-bottom:2px solid #548aa2;border-radius:0;background:#f1f7f8;color:var(--iv-ink);padding:.18rem .35rem;text-align:center;font:700 1rem Georgia,serif}.iv-hint{color:#8b603d;font-weight:700;white-space:nowrap}.iv-chinese{color:#4d6470;line-height:1.65;margin:.4rem 0 .8rem}.iv-question-foot{display:flex;align-items:center;gap:.7rem}.iv-question-foot .iv-check{margin:0}.iv-pagination{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding-top:1.5rem}.iv-pagination span{font-weight:700;color:#526a76}.iv-status{min-height:1.3rem;color:#486275;font-weight:700}.iv-status[data-kind=error]{color:#af493c}
.iv-loading,.iv-error{text-align:center;padding:4rem 1rem;color:#45606e}.iv-loader{display:block;width:40px;height:40px;margin:0 auto 1rem;border:4px solid #d9e8ec;border-top-color:var(--iv-blue);border-radius:50%;animation:iv-spin .8s linear infinite}@keyframes iv-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:740px){.iv-head{padding:1.35rem;align-items:start}.iv-count{display:none}.iv-panel{padding:1rem}.iv-section-head{align-items:start;flex-direction:column}.iv-table-tools{align-items:start;flex-direction:column}.iv-swipe-hint{display:block}.iv-question{padding:1rem}.iv-english{font-size:1.07rem}.iv-blank{width:6.2rem}}
@media(prefers-reduced-motion:reduce){.iv-app *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.iv-app:has(.iv-submit-bar){padding-bottom:8.5rem}.iv-export{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;border:1px solid #987145;border-radius:8px;background:linear-gradient(#f8eed8,#eddbb9);color:#65492f;padding:.72rem 1rem;font-weight:800;box-shadow:0 3px 7px #5b412b1b;transition:transform .2s,box-shadow .2s}.iv-export:hover{transform:translateY(-2px);box-shadow:0 7px 15px #5b412b2b}.iv-sort{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.iv-sort button{border:1px solid #b1c9cf;border-radius:8px;background:white;color:#31566a;padding:.65rem 1rem;font-weight:800;cursor:pointer}.iv-sort button[aria-pressed=true]{background:#174960;color:white;border-color:#174960}.iv-source-note{font-size:.82rem;color:#60727a;line-height:1.6;margin:.5rem 0}.iv-source-note a{color:#126b91}.iv-cell-feedback{display:block;margin-top:.32rem;font:700 .75rem Arial,"Noto Sans TC",sans-serif}.iv-cell-feedback.is-correct{color:#277052}.iv-cell-feedback.is-wrong{color:#a33c2e}
.iv-submit-bar{position:fixed;z-index:1000;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(940px,calc(100vw - 24px));display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid #b9945c;border-radius:15px;background:linear-gradient(120deg,#fffaf0,#f4e7ce);box-shadow:0 15px 45px #193b5244, inset 0 1px #fff;font-family:Arial,"Noto Sans TC",sans-serif}.iv-submit-info{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.iv-submit-info strong{font-size:1rem}.iv-submit-info span{font-size:.85rem;color:#506675}.iv-submit-actions{display:flex;gap:.55rem}.iv-submit-actions button,.iv-challenge-submit,.iv-challenge-next{border:1px solid #126b91;border-radius:8px;background:#126b91;color:white;padding:.72rem 1rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.iv-submit-actions button:hover,.iv-challenge-submit:hover,.iv-challenge-next:hover{transform:translateY(-2px);box-shadow:0 6px 15px #126b9133}.iv-submit-actions .iv-redo{background:white;color:#126b91}.iv-submit-actions button:disabled{opacity:.43;cursor:not-allowed;transform:none;box-shadow:none}
.iv-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.2rem}.iv-scoreboard>div{display:grid;text-align:center;padding:1rem;border:1px solid #d7bf97;border-radius:12px;background:linear-gradient(#fffaf0,#f2e6cf);box-shadow:0 4px 10px #5b412b12}.iv-scoreboard strong{font:700 clamp(1.8rem,4vw,2.6rem) Georgia,serif;color:#8d5e32;font-variant-numeric:tabular-nums}.iv-scoreboard span{font-size:.83rem;font-weight:800;color:#496474}.iv-challenge-card{border:1px solid #d2dedf;border-radius:14px;background:#fff;padding:clamp(1rem,3vw,2rem);box-shadow:0 10px 25px #193b5215}.iv-challenge-word{text-align:center;padding:1.5rem;border-radius:12px;background:linear-gradient(130deg,#193b52,#28677b);color:white}.iv-challenge-word span{display:block;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#eed4a8}.iv-challenge-word strong{display:block;font:700 clamp(2rem,5vw,3rem) Georgia,serif;margin-top:.35rem}.iv-challenge-example{font:1.2rem/1.75 Georgia,serif;padding:1rem 0;margin:0;border-bottom:1px solid #d9e5e6}.iv-choices{border:0;padding:1.2rem 0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.iv-choices legend{font-weight:800;color:#254f61;padding:0 0 .4rem}.iv-choices button{text-align:left;display:flex;align-items:center;gap:.6rem;border:1px solid #bfd2d4;background:#f8fbfb;color:#244454;border-radius:8px;padding:.75rem;font:700 .95rem Arial,"Noto Sans TC",sans-serif;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.iv-choices button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #193b5218}.iv-choices button[aria-pressed=true]{background:#e8f4ed;border-color:#39916c;box-shadow:inset 0 0 0 2px #39916c}.iv-choices button span{display:grid;place-items:center;flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:#d7e8e9;color:#174960}.iv-form-challenge{border-top:1px solid #d9e5e6;padding-top:1rem}.iv-form-challenge>p{font-weight:800;margin:.2rem 0 .8rem}.iv-form-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.iv-form-given,.iv-challenge-input{display:grid;gap:.35rem;min-height:5.4rem;border:1px solid #c8dadd;border-radius:8px;padding:.7rem;background:#f8fbfb}.iv-form-given{background:#f5e7ca;border-color:#d2b98e}.iv-form-given small,.iv-challenge-input span{font-weight:800;color:#57707c}.iv-form-given strong{align-self:center;font:700 1.12rem Georgia,serif}.iv-challenge-input input{width:100%;border:0;border-bottom:2px solid #729cab;background:transparent;color:#193b52;padding:.35rem 0;font:700 1.07rem Georgia,serif;outline-offset:3px}.iv-challenge-input small.is-wrong,.iv-challenge-result.is-wrong{color:#a33c2e}.iv-challenge-input small.is-correct,.iv-challenge-result.is-correct{color:#26734f}.iv-challenge-result{margin:1.1rem 0 .7rem;font-weight:800;line-height:1.6}.iv-challenge-submit,.iv-challenge-next{margin-top:1.2rem;min-width:11rem}.iv-challenge-next{background:#8d5e32;border-color:#8d5e32}
@media(max-width:740px){.iv-submit-bar{align-items:stretch;flex-direction:column;gap:.55rem}.iv-submit-actions button{flex:1}.iv-app:has(.iv-submit-bar){padding-bottom:10rem}.iv-choices{grid-template-columns:1fr}.iv-form-trio{grid-template-columns:1fr}.iv-form-given,.iv-challenge-input{min-height:auto}.iv-export{white-space:normal}}
.iv-table{min-width:830px}.iv-table .iv-ordinal{width:2.9rem;min-width:2.9rem;max-width:2.9rem;text-align:center;padding-left:.3rem;padding-right:.3rem;color:#6f8290;font:700 .75rem Georgia,serif}.iv-table thead .iv-ordinal{color:#fff}.iv-table tbody th{width:32%}.iv-meaning-row{display:flex;align-items:center;gap:.48rem}.iv-meaning-text{min-width:0;line-height:1.45}.iv-table-play{display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;min-width:2rem;padding:0;font-size:.72rem;line-height:1;border-radius:6px}.iv-row-actions{margin-left:auto;gap:.25rem}.iv-example-toggle{border:1px solid #aac4c8;border-radius:6px;background:#f7fbfa;color:#336477;padding:.38rem .5rem;font:700 .75rem Arial,"Noto Sans TC",sans-serif;cursor:pointer;white-space:nowrap}.iv-example-toggle:hover{background:#e5f2f1}.iv-table .iv-example-row[hidden]{display:none}.iv-table .iv-example-row td{background:#f8f4eb;border-bottom:1px solid #e5ddcf;padding:.48rem 1rem}.iv-table-example{display:grid;grid-template-columns:2.5rem minmax(12rem,1fr) minmax(9rem,.9fr);align-items:center;gap:1rem;font:1rem/1.5 Georgia,"Noto Serif TC",serif}.iv-example-form{color:#a06e37;font:800 .75rem Arial,sans-serif}.iv-table-example [lang=zh-Hant]{color:#536c76;font-size:.86rem}.iv-table-example [lang=en]{font-size:1rem}
.iv-chunk-picker{display:grid;gap:.35rem;width:min(100%,31rem);color:#345867;font-weight:800;margin:.15rem 0 1rem}.iv-chunk-picker select{width:100%;border:1px solid #a7bfc5;border-radius:8px;background:white;color:#193b52;padding:.7rem .9rem;font:700 .95rem Arial,"Noto Sans TC",sans-serif}.iv-question.is-correct{border-color:#54a77a;border-left-color:#2d8b61;background:linear-gradient(145deg,#f8fffa,#effaf3);box-shadow:0 7px 20px #2d8b611f}.iv-question.is-correct .iv-blank{background:#e0f3e6;border-bottom-color:#2d8b61;color:#185639}.iv-question.is-wrong{border-color:#d88779;border-left-color:#bf4f3f;background:linear-gradient(145deg,#fffafa,#fff0ed);box-shadow:0 7px 20px #bf4f3f1a}.iv-question.is-wrong .iv-blank{background:#ffe7e3;border-bottom-color:#bf4f3f;color:#9c3128}
.iv-challenge-example{text-align:center;font-size:clamp(1.35rem,2.3vw,1.8rem);font-weight:600;line-height:1.65;padding:1.4rem .6rem}.iv-word-play{display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;padding:.43rem .8rem;border:1px solid #e9d8b9;border-radius:7px;background:#ffffff16;color:#fff;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.iv-word-play:hover,.iv-word-play.is-playing{background:#ffffff33;transform:translateY(-1px)}.iv-choices button[aria-pressed=true]{background:#e5f0f6;border-color:#287a9e;box-shadow:inset 0 0 0 2px #287a9e}.iv-choices button[data-outcome=correct]{background:#e2f4e9;border-color:#3d9c69;box-shadow:inset 0 0 0 2px #3d9c69}.iv-choices button[data-outcome=wrong]{background:#ffe7e3;border-color:#c75847;box-shadow:inset 0 0 0 2px #c75847}
.iv-reset-dialog{width:min(460px,calc(100vw - 32px));border:1px solid #caa970;border-radius:16px;padding:1.65rem;background:linear-gradient(#fffaf0,#f5ead8);color:#193b52;box-shadow:0 25px 70px #12293766;text-align:center}.iv-reset-dialog::backdrop{background:#102d3bb3;backdrop-filter:blur(3px)}.iv-reset-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;margin:0 auto .6rem;background:#f8e0bb;color:#9f5430;font:800 1.4rem Georgia,serif}.iv-reset-dialog h3{margin:.3rem 0;font:700 1.5rem Georgia,"Noto Serif TC",serif}.iv-reset-dialog p{line-height:1.7;color:#526a76}.iv-reset-actions{display:flex;gap:.6rem;justify-content:center;margin-top:1.25rem}.iv-reset-actions button{border:1px solid #a9bfc4;border-radius:8px;background:white;color:#234d61;padding:.7rem 1rem;font-weight:800;cursor:pointer}.iv-reset-actions [data-confirm-reset]{background:#a04435;border-color:#a04435;color:white}
@media(max-width:740px){.iv-table-example{grid-template-columns:2rem minmax(11rem,1fr);gap:.25rem .6rem}.iv-table-example [lang=zh-Hant]{grid-column:2}.iv-table .iv-example-row td{padding:.5rem}.iv-meaning-row{min-width:15rem}.iv-row-actions{flex-wrap:wrap;justify-content:flex-end}}