#app{min-height:100vh;background-color:var(--background-primary)}.container[data-v-269bd5a6]{width:100%;max-width:375px;margin:0 auto;background-color:#f5f5f5;height:100vh;display:flex;flex-direction:column;position:relative}.page-header[data-v-269bd5a6]{padding:8px 16px 2px;text-align:left;background-color:#f5f5f5;margin-bottom:0;flex-shrink:0}.scene-english-tag[data-v-269bd5a6]{display:inline-block;background:linear-gradient(135deg,#fff8f0,#ffe4e1);color:#ff8a65;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;margin-bottom:0}.icp-footer[data-v-269bd5a6]{text-align:center;padding:2px 0;flex-shrink:0}.icp-footer a[data-v-269bd5a6]{font-size:12px;color:#999;text-decoration:none;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;font-weight:400}.icp-footer a[data-v-269bd5a6]:hover{color:#666;text-decoration:underline}.main-content[data-v-269bd5a6]{flex:1;overflow-y:auto;background-color:#fff;border-radius:16px 16px 0 0;margin:0 8px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.top-section[data-v-269bd5a6]{background-color:#fff;padding:4px 16px 8px;margin-bottom:8px;text-align:left}.top-title[data-v-269bd5a6]{font-size:24px;font-weight:700;color:#333;margin-bottom:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.top-subtitle[data-v-269bd5a6]{font-size:16px;font-weight:500;color:#666;margin-bottom:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.top-desc[data-v-269bd5a6]{font-size:14px;font-weight:400;color:#999;line-height:1.5;margin-bottom:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.start-section[data-v-269bd5a6]{margin-bottom:16px;display:flex;justify-content:center}.start-btn[data-v-269bd5a6]{width:60%;height:44px;border-radius:22px;background:linear-gradient(135deg,#ff8a65,#ff7043);color:#fff;font-size:15px;font-weight:500;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.start-btn[data-v-269bd5a6]:hover{background:linear-gradient(135deg,#ff7043,#ff8a65);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.recommend-section[data-v-269bd5a6]{background-color:#fff;border:1px solid rgba(255,127,80,.3);border-radius:12px;padding:16px;margin-bottom:20px}.recommend-header[data-v-269bd5a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.recommend-title[data-v-269bd5a6]{font-size:14px;font-weight:600;color:coral;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#fff8f0,#ffe4e1);padding:4px 12px;border-radius:8px}.recommend-chapter-num[data-v-269bd5a6]{font-size:inherit;font-weight:700}.recommend-link-highlight[data-v-269bd5a6]{font-size:14px;color:#4a90e2;text-decoration:none;background:none;border:none;cursor:pointer;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;font-weight:600}.recommend-link-highlight[data-v-269bd5a6]:hover{color:#357abd}.recommend-content[data-v-269bd5a6]{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.recommend-icon[data-v-269bd5a6]{width:76.8px;height:76.8px;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px}.recommend-text-block[data-v-269bd5a6]{flex:1;display:flex;flex-direction:column}.recommend-title-en[data-v-269bd5a6]{font-size:18px;font-weight:700;color:#333;margin-bottom:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.recommend-title-zh[data-v-269bd5a6]{font-size:14px;font-weight:500;color:coral;margin-bottom:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.recommend-desc-inline[data-v-269bd5a6]{font-size:12px;color:#999;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.hot-scene-section[data-v-269bd5a6]{margin-bottom:12px}.hot-scene-header[data-v-269bd5a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hot-scene-title[data-v-269bd5a6]{font-size:18px;font-weight:600;color:#333;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.hot-scene-desc-right[data-v-269bd5a6]{font-size:12px;color:#999;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.scene-card-list[data-v-269bd5a6]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;row-gap:8px;column-gap:12px}.scene-card[data-v-269bd5a6]{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;min-width:0;position:relative}.scene-card[data-v-269bd5a6]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.scene-free-badge[data-v-269bd5a6]{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#90ee90,#7bc67a);color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;white-space:nowrap;z-index:1}.scene-img[data-v-269bd5a6]{width:100%;height:60px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background-color:#f5f5f5}.scene-image[data-v-269bd5a6]{width:100%;height:100%;object-fit:cover}.scene-no[data-v-269bd5a6]{font-size:10px;font-weight:600;color:coral;margin-bottom:1px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#fff8f0,#ffe4e1);padding:1px 4px;border-radius:3px}.scene-en[data-v-269bd5a6]{font-size:11px;font-weight:600;color:#333;margin-bottom:1px;font-family:"Source Han Sans Rounded","PingFang SC Rounded","Noto Sans SC",sans-serif';
white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;letter-spacing:-.3px}.scene-zh{font-size:10px;color:coral;font-weight:500;margin-bottom:0;font-family:"Source Han Sans Rounded","PingFang SC Rounded","Noto Sans SC",sans-serif';
}.scene-meta[data-v-269bd5a6]{display:flex;flex-direction:column;align-items:center;margin-bottom:2px;text-align:center}.scene-age[data-v-269bd5a6]{font-size:10px;color:#666;font-weight:500;margin-bottom:2px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#fff8f0,#ffe4e1);padding:2px 6px;border-radius:4px}.scene-desc[data-v-269bd5a6]{font-size:10px;color:#999;font-weight:400;line-height:1.2;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-progress[data-v-269bd5a6]{font-size:9px;color:#666;font-weight:500;margin-bottom:2px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.scene-accuracy[data-v-269bd5a6]{font-size:9px;color:#4caf50;font-weight:600;margin-bottom:2px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.scene-status[data-v-269bd5a6]{font-size:9px;padding:2px 6px;border-radius:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;font-weight:500}.scene-free[data-v-269bd5a6]{background-color:#90ee90;color:#fff}.scene-member[data-v-269bd5a6]{display:none}.scene-locked[data-v-269bd5a6]{background-color:#e0e0e0;color:#999}.parent-section[data-v-269bd5a6]{background-color:#fff;border:1px solid #e6e6fa;border-radius:12px;padding:16px;margin-bottom:20px}.parent-header[data-v-269bd5a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.parent-title[data-v-269bd5a6]{font-size:16px;font-weight:600;color:#333;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.parent-link[data-v-269bd5a6]{font-size:14px;color:coral;text-decoration:none;background:none;border:none;cursor:pointer;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;font-weight:600}.parent-desc[data-v-269bd5a6]{font-size:12px;color:#999;margin-bottom:0;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.parent-data[data-v-269bd5a6]{display:flex;justify-content:space-between;background-color:#f8f8f8;padding:12px;border-radius:8px}.data-item[data-v-269bd5a6]{text-align:center;flex:1}.data-value[data-v-269bd5a6]{font-size:16px;font-weight:600;color:coral;margin-bottom:4px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.data-label[data-v-269bd5a6]{font-size:12px;color:#666;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.all-scene-section[data-v-269bd5a6]{margin-bottom:4px}.all-scene-btn[data-v-269bd5a6]{width:100%;height:44px;border-radius:22px;background:linear-gradient(90deg,coral,#ffa07a);color:#fff;font-size:16px;font-weight:500;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;margin-bottom:0}.all-scene-btn[data-v-269bd5a6]:hover{background:linear-gradient(90deg,tomato,#ff8c69);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.developer-contact[data-v-269bd5a6]{text-align:center;font-size:12px;color:#999;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif;padding:0 16px 2px;margin-bottom:0}.bottom-nav[data-v-269bd5a6]{flex-shrink:0;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;align-items:center;padding:8px 0;position:relative;z-index:10}.nav-item[data-v-269bd5a6]{text-align:center;text-decoration:none;color:#999;display:flex;flex-direction:column;align-items:center;gap:2px}.nav-item.active[data-v-269bd5a6]{color:coral}.nav-item-icon[data-v-269bd5a6]{font-size:20px}.nav-item-text[data-v-269bd5a6]{font-size:12px;font-weight:500}.lock-modal-overlay[data-v-269bd5a6]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lock-modal-content[data-v-269bd5a6]{background:#fff;border-radius:16px;border:1px solid #FF9500;padding:8px 20px 12px;max-width:280px;width:100%;text-align:center;box-shadow:0 8px 24px #00000026;animation:lockModalFadeIn-269bd5a6 .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes lockModalFadeIn-269bd5a6{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lock-modal-icon[data-v-269bd5a6]{font-size:40px;margin-bottom:4px}.lock-modal-title[data-v-269bd5a6]{font-size:16px;font-weight:600;color:#333;margin-bottom:3px}.lock-modal-text[data-v-269bd5a6]{font-size:14px;color:#000;margin-bottom:10px;line-height:1.3;font-weight:500}.lock-modal-button[data-v-269bd5a6]{background:linear-gradient(135deg,#ff9500,#ff7b00);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;width:auto;min-width:100px}.lock-modal-button[data-v-269bd5a6]:hover{background:linear-gradient(135deg,#ff7b00,#e56b00);transform:translateY(-1px);box-shadow:0 4px 12px #ff95004d}.lock-modal-button[data-v-269bd5a6]:active{transform:translateY(0)}.container[data-v-d2ce81a6]{width:100%;max-width:375px;margin:0 auto;background-color:#f5f5f5;min-height:100vh;display:flex;flex-direction:column;position:relative}.scene-header[data-v-d2ce81a6]{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:375px;height:56px;padding:12px 16px;background-color:#f5f5f5;display:flex;align-items:center;flex-shrink:0;z-index:50}.directory-btn[data-v-d2ce81a6]{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff9500,#ff7a00);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #ff95004d;transition:all .3s ease}.directory-btn[data-v-d2ce81a6]:hover{box-shadow:0 4px 12px #ff950066;transform:translateY(-1px)}.directory-btn[data-v-d2ce81a6]:active{transform:translateY(0)}.directory-icon[data-v-d2ce81a6]{font-size:18px;font-weight:700}.directory-text[data-v-d2ce81a6]{font-size:15px}.main-content[data-v-d2ce81a6]{flex:1;overflow-y:auto;background-color:#f5f5f5;margin:0 8px;padding:68px 0 70px;position:relative;-webkit-overflow-scrolling:touch;max-height:100vh}.scene-list[data-v-d2ce81a6]{display:flex;flex-direction:column;gap:8px}.slogan-section[data-v-d2ce81a6]{background-color:#fff;border-radius:12px;padding:16px;margin:0 0 12px;box-shadow:0 2px 8px #0000000d;text-align:center}.slogan-title[data-v-d2ce81a6]{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.slogan-subtitle[data-v-d2ce81a6]{font-size:14px;font-weight:400;color:#666;margin-bottom:0;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.scene-list[data-v-d2ce81a6]{display:flex;flex-direction:column;gap:12px}.scene-card[data-v-d2ce81a6]{background-color:transparent;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;height:220px;width:100%;position:relative}.scene-card[data-v-d2ce81a6]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.scene-card[data-v-d2ce81a6]:active{transform:translateY(0)}.scene-card-image[data-v-d2ce81a6]{position:absolute;top:0;left:0;width:100%;height:50%;overflow:hidden}.scene-bg-image[data-v-d2ce81a6]{width:100%;height:100%;background-size:cover;background-position:center;position:relative}.scene-chapter-badge[data-v-d2ce81a6]{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ff9500,#ff7a00);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #0003;z-index:2}.scene-status-badge[data-v-d2ce81a6]{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #0003;z-index:2}.scene-status-badge.locked[data-v-d2ce81a6]{background:linear-gradient(135deg,#999,#757575)}.scene-overlay-text[data-v-d2ce81a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;width:90%}.scene-name-en[data-v-d2ce81a6]{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);margin-bottom:2px;letter-spacing:.5px}.scene-name-zh[data-v-d2ce81a6]{font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:2px}.scene-slogan[data-v-d2ce81a6]{font-size:12px;font-weight:500;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.5);letter-spacing:.3px}.scene-card-info[data-v-d2ce81a6]{position:absolute;top:50%;left:0;width:100%;height:50%;padding:0;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.scene-info-row[data-v-d2ce81a6]{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 4px}.scene-age-badge[data-v-d2ce81a6]{background:linear-gradient(135deg,#ff9500,#ff7a00);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #ff950033}.scene-learned-count[data-v-d2ce81a6]{font-size:12px;color:#999;font-weight:500}.scene-description[data-v-d2ce81a6]{font-size:13px;color:#666;line-height:1.3;padding:2px 14px;font-weight:500;flex:1}.scene-action-row[data-v-d2ce81a6]{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 8px}.scene-accuracy[data-v-d2ce81a6]{font-size:13px;color:#999;font-weight:600}.scene-enter-text[data-v-d2ce81a6]{font-size:15px;color:#ff9500;font-weight:600;cursor:pointer}.scene-enter-text[data-v-d2ce81a6]:hover{color:#ff7a00}.bottom-nav[data-v-d2ce81a6]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:375px;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;align-items:center;padding:8px 0;z-index:100;box-shadow:0 -2px 8px #0000000d}.nav-item[data-v-d2ce81a6]{text-align:center;text-decoration:none;color:#999;display:flex;flex-direction:column;align-items:center;gap:2px}.nav-item.active[data-v-d2ce81a6]{color:coral}.nav-item-icon[data-v-d2ce81a6]{font-size:20px}.nav-item-text[data-v-d2ce81a6]{font-size:12px;font-weight:500}.directory-overlay[data-v-d2ce81a6]{position:absolute;top:56px;left:8px;right:auto;width:359px;max-width:359px;bottom:56px;background-color:#00000080;z-index:1000;display:flex;animation:fadeIn-d2ce81a6 .3s ease}@keyframes fadeIn-d2ce81a6{0%{opacity:0}to{opacity:1}}.directory-sidebar[data-v-d2ce81a6]{width:50%;max-width:187px;height:100%;background-color:#fff;display:flex;flex-direction:column;animation:slideInLeft-d2ce81a6 .3s ease;box-shadow:2px 0 16px #0003;overflow:hidden}@keyframes slideInLeft-d2ce81a6{0%{transform:translate(-100%)}to{transform:translate(0)}}.directory-scene-list[data-v-d2ce81a6]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.directory-scene-item[data-v-d2ce81a6]{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .3s ease}.directory-scene-item[data-v-d2ce81a6]:hover{background-color:#fff8f0}.scene-number[data-v-d2ce81a6]{font-size:14px;font-weight:700;color:#ff9500;min-width:20px}.scene-item-info[data-v-d2ce81a6]{flex:1}.scene-item-en[data-v-d2ce81a6]{font-size:14px;font-weight:700;color:#333;margin-bottom:2px}.scene-item-zh[data-v-d2ce81a6]{font-size:12px;font-weight:500;color:#ff9500}.scene-item-badge[data-v-d2ce81a6]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:3px 6px;border-radius:8px;font-size:10px;font-weight:600;white-space:nowrap}.scene-item-badge.locked[data-v-d2ce81a6]{background:linear-gradient(135deg,#999,#757575)}.lock-modal-overlay[data-v-d2ce81a6]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lock-modal-content[data-v-d2ce81a6]{background:#fff;border-radius:16px;border:1px solid #FF9500;padding:8px 20px 12px;max-width:280px;width:100%;text-align:center;box-shadow:0 8px 24px #00000026;animation:lockModalFadeIn-d2ce81a6 .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes lockModalFadeIn-d2ce81a6{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lock-modal-icon[data-v-d2ce81a6]{font-size:40px;margin-bottom:4px}.lock-modal-title[data-v-d2ce81a6]{font-size:16px;font-weight:600;color:#333;margin-bottom:3px}.lock-modal-text[data-v-d2ce81a6]{font-size:14px;color:#000;margin-bottom:10px;line-height:1.3;font-weight:500}.lock-modal-button[data-v-d2ce81a6]{background:linear-gradient(135deg,#ff9500,#ff7b00);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;width:auto;min-width:100px}.lock-modal-button[data-v-d2ce81a6]:hover{background:linear-gradient(135deg,#ff7b00,#e56b00);transform:translateY(-1px);box-shadow:0 4px 12px #ff95004d}.lock-modal-button[data-v-d2ce81a6]:active{transform:translateY(0)}.container[data-v-0b0100cf]{width:100%;max-width:375px;margin:0 auto;background-color:#f8f5f0;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.header[data-v-0b0100cf]{display:flex;align-items:center;height:44px;padding:0 12px;background-color:#f5f5f5;position:sticky;top:0;z-index:100}.back-btn[data-v-0b0100cf]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:#424242;cursor:pointer}.header-title[data-v-0b0100cf]{flex:1;text-align:center;font-size:18px;font-weight:500;color:#424242}.main-content[data-v-0b0100cf]{flex:1;margin:0 8px;padding:16px 0 80px;overflow-y:auto;position:relative}.chapter-info[data-v-0b0100cf]{background-color:#fff;border-radius:12px;padding:12px 16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.chapter-left[data-v-0b0100cf]{flex:1}.chapter-right[data-v-0b0100cf]{display:flex;align-items:center}.chapter-header[data-v-0b0100cf]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;gap:12px}.chapter-num[data-v-0b0100cf]{background-color:#ffe8d1;color:#ff9500;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.chapter-number[data-v-0b0100cf]{font-size:10px;font-weight:600}.chapter-actions[data-v-0b0100cf]{display:flex;gap:8px;align-items:center}.chapter-action-btn[data-v-0b0100cf]{background-color:#ff9500;color:#fff;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;position:relative;z-index:1001}.menu-icon[data-v-0b0100cf]{font-size:14px}.word-progress-btn[data-v-0b0100cf]{background-color:#ffe8d1;color:#fff;padding:8px 12px;border-radius:16px;display:flex;flex-direction:column;align-items:center;min-width:56px}.progress-num[data-v-0b0100cf]{font-size:18px;font-weight:700;line-height:1.2;color:#ff9500}.progress-text[data-v-0b0100cf]{font-size:10px;font-weight:700;line-height:1.2;margin-top:2px;color:#ff9a5a}.scene-name-en[data-v-0b0100cf]{font-size:24px;font-weight:700;color:#5d4037;margin-bottom:2px;text-align:left}.scene-name-zh[data-v-0b0100cf]{font-size:14px;font-weight:400;color:#ff9500;margin-bottom:2px;text-align:left}.scene-description[data-v-0b0100cf]{font-size:14px;font-weight:700;color:#333;text-align:left}.scene-image-section[data-v-0b0100cf]{margin-bottom:12px}.scene-image-wrapper[data-v-0b0100cf]{position:relative;width:100%;height:240px;border-radius:12px;overflow:hidden;background-color:#f0f0f0;perspective:1000px}.scene-flip-container[data-v-0b0100cf]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.scene-flip-container.flipped[data-v-0b0100cf]{transform:rotateY(180deg)}.scene-flip-front[data-v-0b0100cf]{position:absolute;width:100%;height:100%;backface-visibility:hidden;transform:rotateY(0)}.scene-flip-back[data-v-0b0100cf]{position:absolute;width:100%;height:100%;backface-visibility:hidden;transform:rotateY(180deg)}.hotspot-view-inner[data-v-0b0100cf]{width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hotspot-float-hint[data-v-0b0100cf]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background-color:#ffffff4d;border-radius:20px;padding:8px 20px;font-size:12px;color:#fff;font-weight:500;z-index:10;pointer-events:none;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026}.scene-image[data-v-0b0100cf]{width:100%;height:100%;object-fit:cover}.word-tag[data-v-0b0100cf]{position:absolute;background-color:#ff9500;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 4px #0003}.word-tag[data-v-0b0100cf]:hover,.word-tag.active[data-v-0b0100cf]{transform:scale(1.1);box-shadow:0 4px 8px #ff950066}.scene-image-hint[data-v-0b0100cf]{text-align:center;font-size:12px;color:#999;margin-top:12px}.word-detail[data-v-0b0100cf]{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.word-info[data-v-0b0100cf]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.word-text[data-v-0b0100cf]{flex:1}.word-en[data-v-0b0100cf]{font-size:24px;font-weight:700;color:#000;margin-bottom:4px}.word-zh[data-v-0b0100cf]{font-size:14px;font-weight:400;color:#ff9500;margin-bottom:4px}.word-phonetic[data-v-0b0100cf]{font-size:14px;font-weight:400;color:#999;font-style:italic}.word-image[data-v-0b0100cf]{width:120px;height:80px;margin-left:20px;border-radius:4px;overflow:hidden;border:1px solid #EAEAEA}.word-image img[data-v-0b0100cf]{width:100%;height:100%;object-fit:contain;display:block}.word-buttons[data-v-0b0100cf]{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.btn-orange[data-v-0b0100cf]{height:40px;width:120px;background-color:#ff9500;color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-orange[data-v-0b0100cf]:hover{background-color:#ff7a00}.recording-section[data-v-0b0100cf]{background-color:#f5f5f5;border-radius:16px;padding:10px;margin-bottom:12px}.recording-hint[data-v-0b0100cf]{font-size:13px;color:#666;margin-bottom:8px;text-align:center}.btn-recording-small[data-v-0b0100cf]{width:auto;min-width:120px;height:36px;background-color:#fff;color:#666;border:1px solid #E0E0E0;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;transition:all .3s ease}.btn-recording-small[data-v-0b0100cf]:hover{background-color:#f0f0f0}.btn-icon[data-v-0b0100cf]{font-size:14px}.example-section[data-v-0b0100cf]{background-color:#f8f5f0;border-radius:8px;padding:10px}.example-header[data-v-0b0100cf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.example-label[data-v-0b0100cf]{font-size:14px;font-weight:500;color:#2196f3}.play-btn[data-v-0b0100cf]{width:32px;height:32px;border-radius:50%;background-color:#ff9500;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.play-btn[data-v-0b0100cf]:hover{background-color:#ff7a00}.example-en[data-v-0b0100cf]{font-size:16px;color:#000;text-align:center;margin-bottom:4px;line-height:1.3}.example-en[data-v-0b0100cf] .highlight{color:#ff9500;font-weight:700;background-color:#ffe8d1;padding:2px 4px;border-radius:4px}.example-zh[data-v-0b0100cf]{font-size:14px;color:#757575;text-align:center}.bottom-nav[data-v-0b0100cf]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:375px;padding:16px;background-color:#fff;box-shadow:0 -2px 8px #0000000d;display:flex;justify-content:center}.start-practice-btn[data-v-0b0100cf]{width:140px;padding:10px;background-color:#f60;color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-practice-btn[data-v-0b0100cf]:hover{background-color:#f50;transform:translateY(-1px)}.directory-overlay[data-v-0b0100cf]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;animation:fadeIn-0b0100cf .3s ease}@keyframes fadeIn-0b0100cf{0%{opacity:0}to{opacity:1}}.directory-sidebar[data-v-0b0100cf]{width:60%;max-width:225px;height:100%;background-color:#fff;display:flex;flex-direction:column;animation:slideInLeft-0b0100cf .3s ease;box-shadow:2px 0 16px #0003;overflow:hidden}@keyframes slideInLeft-0b0100cf{0%{transform:translate(-100%)}to{transform:translate(0)}}.directory-scene-list[data-v-0b0100cf]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.directory-scene-item[data-v-0b0100cf]{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .3s ease}.directory-scene-item[data-v-0b0100cf]:hover{background-color:#fff8f0}.scene-number[data-v-0b0100cf]{font-size:14px;font-weight:700;color:#ff9500;min-width:20px}.scene-item-info[data-v-0b0100cf]{flex:1}.scene-item-en[data-v-0b0100cf]{font-size:14px;font-weight:700;color:#333;margin-bottom:2px}.scene-item-zh[data-v-0b0100cf]{font-size:12px;font-weight:500;color:#ff9500}.scene-item-badge[data-v-0b0100cf]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:3px 6px;border-radius:8px;font-size:10px;font-weight:600;white-space:nowrap}.scene-item-badge.locked[data-v-0b0100cf]{background:linear-gradient(135deg,#999,#757575)}.pronunciation-popup[data-v-0b0100cf]{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 40px));width:250px;height:250px;background-color:#00000080;border-radius:12px;padding:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-0b0100cf .3s ease;border:1px solid #FF9500}.pronunciation-popup-content[data-v-0b0100cf]{background-color:#fff;border-radius:12px;padding:12px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.pronunciation-word-en[data-v-0b0100cf]{font-size:18px;font-weight:700;color:#000;margin-bottom:2px;text-align:center}.pronunciation-word-zh[data-v-0b0100cf]{font-size:14px;font-weight:400;color:#666;margin-bottom:4px;text-align:center}.pronunciation-image-wrapper[data-v-0b0100cf]{width:200px;height:200px;background-color:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.pronunciation-popup-image[data-v-0b0100cf]{width:200px;height:200px;object-fit:cover}.recording-status[data-v-0b0100cf]{display:flex;flex-direction:column;gap:8px}.recording-status-text[data-v-0b0100cf]{font-size:13px;color:#666;text-align:center}.recording-button-area[data-v-0b0100cf]{display:flex;align-items:center;justify-content:center;gap:8px}.btn-recording-small.disabled[data-v-0b0100cf]{background-color:#f5f5f5;color:#999;border:1px solid #FFE4E1;opacity:1;cursor:not-allowed}.recording-duration[data-v-0b0100cf]{font-size:12px;color:#ff9500;font-weight:700}.hotspot-view[data-v-0b0100cf]{position:relative;width:100%;height:100%}.hotspot-background[data-v-0b0100cf]{width:100%;height:100%;object-fit:cover;border-radius:12px}.hotspot-view-container[data-v-0b0100cf]{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hotspot-view-container.scene-1[data-v-0b0100cf]{background:linear-gradient(180deg,#ffd6a5,#ffb366,#ffa366)}.hotspot-view-container.scene-2[data-v-0b0100cf]{background:linear-gradient(180deg,#c8e6c9,#a5d6a7,#81c784)}.hotspot-view-container.scene-3[data-v-0b0100cf]{background:linear-gradient(180deg,#fff9c4,#fff59d,#fff176)}.hotspot-view-container.scene-4[data-v-0b0100cf]{background:linear-gradient(180deg,#c8e6c9,#81c784,#66bb6a)}.hotspot-view-container.scene-5[data-v-0b0100cf]{background:linear-gradient(180deg,#e1bee7,#ce93d8,#ba68c8)}.hotspot-view-container.scene-6[data-v-0b0100cf]{background:linear-gradient(180deg,#bbdefb,#90caf9,#64b5f6)}.hotspot-view-container.scene-7[data-v-0b0100cf]{background:linear-gradient(180deg,#b2ebf2,#80deea,#4dd0e1)}.hotspot-view-container.scene-8[data-v-0b0100cf]{background:linear-gradient(180deg,#ffccbc,#ffab91,#ff8a65)}.hotspot-view-container.scene-9[data-v-0b0100cf]{background:linear-gradient(180deg,#dcedc8,#c5e1a5,#aed581)}.hotspot-view-container.scene-10[data-v-0b0100cf]{background:linear-gradient(180deg,#b3e5fc,#81d4fa,#4fc3f7)}.hotspot-view-container.scene-11[data-v-0b0100cf]{background:linear-gradient(180deg,#f8bbd0,#f48fb1,#f06292)}.hotspot-view-container.scene-12[data-v-0b0100cf]{background:linear-gradient(180deg,#e1bee7,#ce93d8,#ab47bc)}.hotspot-background[data-v-0b0100cf]{display:none}.hotspot-area[data-v-0b0100cf]{position:absolute;cursor:pointer;transition:all .3s ease;width:80px;height:95px;display:flex;flex-direction:column;align-items:center}.hotspot-area[data-v-0b0100cf]:hover{transform:scale(1.05)}.hotspot-label[data-v-0b0100cf]{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:transparent;color:#ff9500;padding:2px 6px;border-radius:6px;font-size:14px;font-weight:700;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1000;pointer-events:none}.hotspot-box[data-v-0b0100cf]{width:80px;height:80px;border:2px dashed #FFA366;border-radius:8px;padding:6px;background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;margin-top:15px}.hotspot-inner[data-v-0b0100cf]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:6px;overflow:hidden}.hotspot-inner img[data-v-0b0100cf]{width:100%;height:100%;object-fit:cover}.hotspot-play-btn[data-v-0b0100cf]{position:absolute;bottom:10px;right:10px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:all .3s ease}.hotspot-play-btn[data-v-0b0100cf]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.play-icon[data-v-0b0100cf]{color:#ffa366;font-size:14px;font-weight:700}.hotspot-popup[data-v-0b0100cf]{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 40px));width:250px;height:250px;background-color:#00000080;border-radius:12px;padding:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-0b0100cf .3s ease;border:1px solid #FF9500}.hotspot-popup-content[data-v-0b0100cf]{background-color:#fff;border-radius:12px;padding:12px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.hotspot-word-en[data-v-0b0100cf]{font-size:18px;font-weight:700;color:#000;margin-bottom:2px;text-align:center}.hotspot-word-zh[data-v-0b0100cf]{font-size:14px;font-weight:400;color:#666;margin-bottom:4px;text-align:center}.hotspot-image-wrapper[data-v-0b0100cf]{width:200px;height:200px;background-color:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hotspot-popup-image[data-v-0b0100cf]{width:200px;height:200px;object-fit:cover}.container[data-v-6dbb2d15]{width:100%;max-width:375px;margin:0 auto;background-color:#f8f5f0;min-height:100vh;display:flex;flex-direction:column;position:relative}.header[data-v-6dbb2d15]{display:flex;align-items:center;height:44px;padding:0 12px;background-color:#f5f5f5;position:sticky;top:0;z-index:100}.back-btn[data-v-6dbb2d15]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:#424242;cursor:pointer}.header-title[data-v-6dbb2d15]{flex:1;text-align:center;font-size:18px;font-weight:500;color:#424242}.main-content[data-v-6dbb2d15]{flex:1;padding:16px 12px 80px;overflow-y:auto}.intro-section[data-v-6dbb2d15]{background:linear-gradient(180deg,#e0e0e0,#f5f5f5);border-radius:12px;padding:16px 20px;margin-bottom:16px}.intro-title[data-v-6dbb2d15]{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}.intro-desc[data-v-6dbb2d15]{font-size:13px;font-weight:400;color:#333;line-height:1.5}.word-list[data-v-6dbb2d15]{display:flex;flex-direction:column;gap:12px}.word-card[data-v-6dbb2d15]{background-color:#fff8e1;border-radius:12px;padding:12px 16px;display:flex;gap:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.word-card[data-v-6dbb2d15]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.word-image[data-v-6dbb2d15]{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:#f5f5f5}.word-image img[data-v-6dbb2d15]{width:100%;height:100%;object-fit:cover}.word-info[data-v-6dbb2d15]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.word-en[data-v-6dbb2d15]{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.word-zh-phonetic[data-v-6dbb2d15]{font-size:14px;color:#666;margin-bottom:4px}.word-zh[data-v-6dbb2d15]{font-weight:500;margin-right:8px}.word-phonetic[data-v-6dbb2d15]{color:#999;font-style:italic}.word-example[data-v-6dbb2d15]{font-size:13px;color:#666;line-height:1.4;margin-bottom:4px;font-style:italic}.word-time[data-v-6dbb2d15]{font-size:11px;color:#999}.bottom-nav[data-v-6dbb2d15]{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #E0E0E0;max-width:375px;margin:0 auto}.nav-item[data-v-6dbb2d15]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;flex:1;height:100%;transition:all .3s ease}.nav-item.active[data-v-6dbb2d15]{color:#ff9500}.nav-icon[data-v-6dbb2d15]{font-size:20px;margin-bottom:4px}.nav-text[data-v-6dbb2d15]{font-size:12px;font-weight:500}.container[data-v-61fda3dd]{width:100%;max-width:375px;margin:0 auto;background-color:#f8f5f0;min-height:100vh;display:flex;flex-direction:column;position:relative}.header[data-v-61fda3dd]{display:flex;align-items:center;height:44px;padding:0 12px;background-color:#f5f5f5;position:sticky;top:0;z-index:100}.back-btn[data-v-61fda3dd]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:#424242;cursor:pointer}.header-title[data-v-61fda3dd]{flex:1;text-align:center;font-size:18px;font-weight:500;color:#424242}.main-content[data-v-61fda3dd]{flex:1;padding:0 10px 80px;overflow-y:auto;width:100%}.practice-info[data-v-61fda3dd]{background-color:#fff;border-radius:12px;padding:12px 16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;width:100%}.info-left[data-v-61fda3dd]{flex:1}.scene-name[data-v-61fda3dd]{font-size:18px;font-weight:700;color:#5d4037;margin-bottom:4px}.progress-text[data-v-61fda3dd]{font-size:14px;color:#666}.info-right[data-v-61fda3dd]{display:flex;align-items:center;justify-content:center;min-width:80px}.score-display[data-v-61fda3dd]{font-size:18px;font-weight:700;color:#ff9500;text-align:center;white-space:nowrap}.question-section[data-v-61fda3dd]{background-color:#fff;border-radius:12px;padding:12px 16px;margin-bottom:12px;width:100%}.question-type[data-v-61fda3dd]{font-size:14px;font-weight:700;color:#333;margin-bottom:12px;text-align:center}.matching-hint[data-v-61fda3dd]{font-size:12px;font-weight:700;color:#999;text-align:center;margin-bottom:16px}.play-audio-btn[data-v-61fda3dd]{width:auto;max-width:200px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#ffe8d1;color:#ff9500;border:1px solid #FF9500;border-radius:16px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer}.play-icon[data-v-61fda3dd]{font-size:20px}.image-options[data-v-61fda3dd]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;width:100%}.image-option[data-v-61fda3dd]{width:100%;height:140px;border-radius:12px;overflow:hidden;border:1px solid #CCCCCC;cursor:pointer;transition:all .3s ease;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;padding:8px}.image-option[data-v-61fda3dd]:hover{border-color:#ff9500;transform:scale(1.02)}.image-option.selected[data-v-61fda3dd]{border-color:#ff9500;border-width:1px;box-shadow:0 0 0 2px #ffe8d1}.image-option.correct[data-v-61fda3dd]{border-color:#ccc;background-color:#e8f5e9}.image-option.wrong[data-v-61fda3dd]{border-color:#e57373!important;background-color:#ffebee!important}.image-option.disabled[data-v-61fda3dd]{opacity:.6;cursor:not-allowed;pointer-events:none}.image-option.with-orange-bg[data-v-61fda3dd]{background-color:#fff3e0}.image-option img[data-v-61fda3dd]{width:100%;height:100%;object-fit:cover;object-position:center}.question-content[data-v-61fda3dd]{display:flex;flex-direction:column;align-items:stretch}.question-image-container[data-v-61fda3dd]{width:100%;max-width:280px;height:200px;background-color:#ffe8d1;border:1px solid #FFB088;border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;padding:16px}.question-image[data-v-61fda3dd]{max-width:200px;max-height:200px;width:100%;height:100%;object-fit:cover;object-position:center}.word-options[data-v-61fda3dd]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-bottom:16px}.word-option[data-v-61fda3dd]{background-color:#fff3e0;border:1px solid #CCCCCC;border-radius:12px;padding:16px;text-align:center;font-size:16px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center}.word-option[data-v-61fda3dd]:hover{border-color:#ff9500;transform:scale(1.02)}.word-option.selected[data-v-61fda3dd]{border-color:#ff9500;border-width:1px;box-shadow:0 0 0 2px #ffe8d1}.word-option.correct[data-v-61fda3dd]{border-color:#81c784;background-color:#e8f5e9;color:#2e7d32}.word-option.wrong[data-v-61fda3dd]{border-color:#e57373;background-color:#ffebee;color:#d32f2f}.word-option.disabled[data-v-61fda3dd]{opacity:.6;cursor:not-allowed;pointer-events:none}.answer-feedback[data-v-61fda3dd]{margin-bottom:20px}.feedback-text[data-v-61fda3dd]{background-color:#ffe8d1;color:#ff9500;padding:10px 16px;border-radius:8px;text-align:center;font-size:15px;font-weight:600}.feedback-text.correct[data-v-61fda3dd]{background-color:#e8f5e9;color:#2e7d32;border:1px solid #81C784}.feedback-text.wrong[data-v-61fda3dd]{background-color:#ffebee;color:#d32f2f;border:1px solid #E57373}.bottom-buttons[data-v-61fda3dd]{display:flex;gap:12px;margin-top:16px}.nav-btn[data-v-61fda3dd]{flex:1;padding:10px 12px;height:40px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.prev-btn[data-v-61fda3dd]{background-color:#fff;color:#999;border:1px solid #FFB6C1}.prev-btn.disabled[data-v-61fda3dd]{opacity:.5;cursor:not-allowed}.next-btn[data-v-61fda3dd]{background-color:#ff9500;color:#fff}.report-btn[data-v-61fda3dd]{background-color:#ffe8d1;color:#ff9500;border:1px solid #FF9500}.report-btn.disabled[data-v-61fda3dd]{opacity:.5;cursor:not-allowed}.next-btn[data-v-61fda3dd]:hover{background-color:#ff7a00}.matching-lines[data-v-61fda3dd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.matching-area[data-v-61fda3dd]{position:relative;display:flex;justify-content:space-between;gap:10%;margin-bottom:16px;min-height:200px;padding:0 5px}.matching-left[data-v-61fda3dd],.matching-right[data-v-61fda3dd]{flex:1;display:flex;flex-direction:column;gap:10px}.column-label[data-v-61fda3dd]{text-align:center;font-size:12px;font-weight:500;color:#666;padding:4px 0}.matching-images[data-v-61fda3dd],.matching-words[data-v-61fda3dd]{display:flex;flex-direction:column;gap:10px}.matching-image[data-v-61fda3dd]{width:100%;height:80px;background-color:#fff;border:1px solid #E0E0E0;border-radius:8px;padding:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.matching-image img[data-v-61fda3dd]{width:80px;height:80px;object-fit:cover;object-position:center;border-radius:4px}.matching-word[data-v-61fda3dd]{width:100%;height:80px;background-color:#fff;border:1px solid #E0E0E0;border-radius:8px;padding:10px;text-align:center;font-size:15px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.matching-image.selected[data-v-61fda3dd]{border-color:#ff9500;border-width:2px;box-shadow:0 0 0 2px #ffe8d1}.matching-word.selected[data-v-61fda3dd]{border-color:#ff9500;border-width:2px;box-shadow:0 0 0 2px #ffe8d1;color:#ff9500;font-weight:700}.matching-image.matched[data-v-61fda3dd]{border-color:#4caf50;background-color:#e8f5e9}.matching-image.matched[data-v-61fda3dd]:after{content:"✓";position:absolute;top:8px;right:8px;background-color:#4caf50;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.matching-word.matched[data-v-61fda3dd]{border-color:#4caf50;background-color:#e8f5e9;color:#4caf50;font-weight:700}.matching-word.matched[data-v-61fda3dd]:before{content:"✓ ";margin-right:4px;font-weight:700}.matching-image.disabled[data-v-61fda3dd],.matching-word.disabled[data-v-61fda3dd]{opacity:.6;cursor:not-allowed;pointer-events:none}.pairing-feedback[data-v-61fda3dd]{margin-top:12px;margin-bottom:20px}.pairing-feedback-text[data-v-61fda3dd]{padding:10px 16px;border-radius:10px;text-align:center;font-size:15px;font-weight:600}.pairing-feedback-text.correct[data-v-61fda3dd]{background-color:#e8f5e9;color:#2e7d32}.pairing-feedback-text.wrong[data-v-61fda3dd]{background-color:#ffebee;color:#c62828}.container[data-v-fef15d36]{width:100%;max-width:375px;margin:0 auto;background-color:#f8f5f0;min-height:100vh;display:flex;flex-direction:column;position:relative}.header[data-v-fef15d36]{display:flex;align-items:center;height:44px;padding:0 12px;background-color:#f5f5f5;position:sticky;top:0;z-index:100}.back-btn[data-v-fef15d36]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:#424242;cursor:pointer}.header-title[data-v-fef15d36]{flex:1;text-align:center;font-size:18px;font-weight:500;color:#424242}.main-content[data-v-fef15d36]{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.completion-section[data-v-fef15d36]{background:linear-gradient(180deg,#ffe8d1,#ffd4a8);border-radius:16px;padding:16px 20px;text-align:center;box-shadow:0 2px 8px #ff950026}.scene-name[data-v-fef15d36]{font-size:18px;font-weight:700;color:#333;margin-bottom:6px}.completion-rate[data-v-fef15d36]{font-size:40px;font-weight:800;color:#d84315;margin-bottom:6px}.encouragement-text[data-v-fef15d36]{font-size:13px;font-weight:600;color:#333;opacity:.95}.stats-section[data-v-fef15d36]{display:flex;gap:16px}.stat-item[data-v-fef15d36]{flex:1;background-color:#fff;border-radius:12px;padding:12px 16px;text-align:center;box-shadow:0 2px 8px #0000000d}.stat-label[data-v-fef15d36]{font-size:12px;font-weight:500;color:#666;margin-bottom:6px}.stat-value[data-v-fef15d36]{font-size:28px;font-weight:700;color:#ff9500}.motivation-section[data-v-fef15d36]{background-color:#e8f5e9;border-radius:12px;padding:12px 16px;text-align:left}.motivation-title[data-v-fef15d36]{font-size:15px;font-weight:700;color:#2196f3;margin-bottom:6px}.motivation-text[data-v-fef15d36]{font-size:13px;font-weight:500;color:#666;line-height:1.4}.action-buttons[data-v-fef15d36]{display:flex;flex-direction:column;gap:12px;margin-top:8px;align-items:center}.action-btn[data-v-fef15d36]{width:50%;padding:12px 20px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.retry-btn[data-v-fef15d36]{background-color:#ff9500;color:#fff;border:1px solid #FF9500}.retry-btn[data-v-fef15d36]:hover{background-color:#ff7a00}.home-btn[data-v-fef15d36]{background-color:#fff;color:#ff9500;border:1px solid #FF9500}.home-btn[data-v-fef15d36]:hover{background-color:#fff3e0}.container[data-v-a73128ee]{width:100%;max-width:375px;margin:0 auto;background-color:#f8f5f0;height:100vh;display:flex;flex-direction:column}.header[data-v-a73128ee]{display:flex;align-items:center;height:44px;padding:0 12px;background-color:#f5f5f5;position:sticky;top:0;z-index:100}.back-btn[data-v-a73128ee]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:#424242;cursor:pointer}.header-title[data-v-a73128ee]{flex:1;text-align:center;font-size:18px;font-weight:500;color:#424242}.main-content[data-v-a73128ee]{flex:1;min-height:0;padding:12px 12px 90px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.intro-section[data-v-a73128ee]{background-color:#fff;border-radius:10px;padding:10px 14px;text-align:center}.intro-title[data-v-a73128ee]{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.intro-desc[data-v-a73128ee]{font-size:12px;color:#666;line-height:1.4}.stats-section[data-v-a73128ee]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-item[data-v-a73128ee]{background-color:#fff;border-radius:10px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.stat-number[data-v-a73128ee]{font-size:24px;font-weight:700;color:#ff9500;margin-bottom:2px}.stat-label[data-v-a73128ee]{font-size:11px;font-weight:500;color:#666}.reminder-section[data-v-a73128ee]{background-color:#ffe8d1;border-radius:10px;padding:10px 14px}.reminder-title[data-v-a73128ee]{font-size:12px;font-weight:600;color:#ff9500;margin-bottom:6px}.reminder-content[data-v-a73128ee]{font-size:13px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.4}.reminder-action-btn[data-v-a73128ee]{width:100%;padding:8px;background-color:#ff9500;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.reminder-time[data-v-a73128ee]{margin-top:6px;font-size:12px;color:#999}.reading-section[data-v-a73128ee]{display:flex;align-items:flex-start;gap:12px;background-color:#fff;border-radius:12px;padding:16px 12px}.reading-left[data-v-a73128ee]{flex:1;background-color:#fff8e1;border-radius:12px;padding:10px;display:flex;flex-direction:column}.reading-title[data-v-a73128ee]{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.reading-title-wrapper[data-v-a73128ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;min-height:20px}.recorded-words-list[data-v-a73128ee]{display:flex;flex-direction:column;gap:12px}.recorded-word-item[data-v-a73128ee]{display:flex;flex-direction:column;gap:6px;padding:8px;background-color:#fff;border-radius:8px}.recorded-word-info[data-v-a73128ee]{display:flex;flex-direction:column;gap:2px}.recorded-word-name[data-v-a73128ee]{font-size:14px;font-weight:600;color:#222}.recorded-word-name-sub[data-v-a73128ee]{font-size:13px;font-weight:500;color:#444}.recorded-word-time[data-v-a73128ee]{font-size:11px;font-weight:500;color:#555}.replay-btn[data-v-a73128ee]{background-color:#fff;border:1px solid #FFCC80;color:#ff9500;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease;width:100%;text-align:center}.replay-btn[data-v-a73128ee]:hover{background-color:#fff3e0}.replay-btn[data-v-a73128ee]:active{transform:scale(.95)}.reading-right[data-v-a73128ee]{flex:1;background-color:#fff8e1;border-radius:12px;padding:10px;display:flex;flex-direction:column}.reading-count[data-v-a73128ee]{background-color:#ff9500;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.incomplete-words-simple-list[data-v-a73128ee]{display:flex;flex-direction:column;gap:6px}.incomplete-word-simple-item[data-v-a73128ee]{padding:6px 8px;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;min-height:36px;display:flex;flex-direction:column;justify-content:center}.incomplete-word-simple-item[data-v-a73128ee]:hover{background-color:#fff3e0;transform:translate(2px)}.incomplete-word-name[data-v-a73128ee]{font-size:13px;font-weight:600;color:#222}.incomplete-word-name-sub[data-v-a73128ee]{font-size:12px;font-weight:500;color:#444}.bottom-nav[data-v-a73128ee]{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #E0E0E0;max-width:375px;margin:0 auto}.nav-item[data-v-a73128ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;flex:1;height:100%;transition:all .3s ease}.nav-item.active[data-v-a73128ee]{color:#ff9500}.nav-icon[data-v-a73128ee]{font-size:20px;margin-bottom:4px}.nav-text[data-v-a73128ee]{font-size:12px;font-weight:500}:root{--primary-color: #FF8A65;--primary-light: #FFB74D;--primary-dark: #FF7043;--primary-gradient: linear-gradient(135deg, #FF8A65 0%, #FF7043 100%);--primary-gradient-hover: linear-gradient(135deg, #FF7043 0%, #FF8A65 100%);--secondary-color: #FFD54F;--accent-color: #FF6B6B;--highlight-color: #90EE90;--background-primary: #FFFFFF;--background-secondary: #FFF8F0;--background-tertiary: #FFF0E0;--background-gray: #F5F5F5;--background-white: #FFFFFF;--card-gradient-start: #FFF0F5;--card-gradient-end: #FFE4E1;--card-gradient: linear-gradient(to bottom, #FFF0F5, #FFE4E1);--text-primary: #212121;--text-secondary: #757575;--text-tertiary: #999999;--text-white: #FFFFFF;--success-color: #90EE90;--warning-color: #FFA500;--error-color: #FF6B6B;--info-color: #4169E1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-primary);color:var(--text-primary);line-height:1.6}#app{width:100%;min-height:100vh;background-color:var(--background-primary)}.container{width:100%;max-width:430px;margin:0 auto;background-color:var(--background-white);min-height:100vh;position:relative}.top-nav{height:56px;padding:0 16px;background:var(--background-secondary);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px #0000000d}.top-nav-left{display:flex;align-items:center;gap:16px}.top-nav-title{font-size:18px;font-weight:700;color:var(--text-primary);font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.top-nav-right{display:flex;align-items:center;gap:16px}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:20px;color:var(--text-primary);border-radius:50%;transition:background-color .3s ease}.icon-btn:hover{background-color:#ff8a651a}.bottom-nav{height:50px;padding:0 16px;background:var(--background-white);border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-around;position:sticky;bottom:0;z-index:100;box-shadow:0 -1px 4px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#bdbdbd;transition:color .3s ease}.nav-item.active{color:var(--primary-color)}.nav-item-icon{font-size:20px}.nav-item-text{font-size:12px;font-family:Source Han Sans Rounded,PingFang SC Rounded,Noto Sans SC,sans-serif}.main-content{padding:16px 16px 66px;max-width:600px;margin:0 auto}.btn{padding:12px 24px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:24px;box-shadow:0 2px 8px #0000001a}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:0 2px 8px #0000001a}.btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-primary:active{background:var(--primary-dark);box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.btn-secondary{background:var(--accent-color);color:var(--text-white);box-shadow:0 1px 2px #0000000d}.btn-disabled{background:var(--background-gray);color:var(--text-white);opacity:.6;cursor:not-allowed}.btn-large{height:48px;font-size:18px}.btn-full{width:100%}.card{background:var(--background-white);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.card-subtitle{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:400}.tag-success{background:var(--success-color);color:var(--text-white)}.tag-locked{background:var(--background-gray);color:var(--text-white)}.tag-learning{background:var(--info-color);color:var(--text-white)}.scene-card{background:var(--card-gradient);border-radius:16px;padding:20px;margin-bottom:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:pointer}.scene-card:hover{box-shadow:0 6px 16px #0000001f;background-color:var(--background-tertiary);transform:translateY(-2px)}.scene-icon{font-size:48px;margin-bottom:12px}.scene-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.scene-name-en{font-size:16px;font-weight:700;color:var(--text-primary)}.scene-name-zh{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.scene-info{font-size:14px;color:var(--text-tertiary);margin-bottom:16px}.scene-progress{display:flex;align-items:center;gap:8px;margin-bottom:16px}.scene-progress-text{font-size:14px;color:var(--text-tertiary)}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.stats{display:flex;align-items:center;gap:8px}.stat-item{flex:1;text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-tertiary)}.divider{border:none;border-top:1px solid var(--background-gray);margin:24px 0}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}