body{background-color:#f5f5f5}:root{--color-primary:#2383e2;--color-primary-light:#e6f0f9;--color-primary-dark:#1a6cb3;--color-text:#333;--color-text-light:#666;--color-background:#fff;--color-border:#e0e0e0;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"Noto Sans CJK SC","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-mono:"SFMono-Regular",Menlo,"Monaco",Consolas,"Liberation Mono","Courier New",monospace;--font-family-serif:"Lyon-Text",Georgia,"Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Songti TC","Songti SC","SimSun","Nanum Myeongjo",NanumMyeongjo,Batang,serif;--font-family-chinese:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;--font-family-english:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-family-mixed:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"Noto Sans CJK SC","Noto Sans",sans-serif}*{box-sizing:border-box}.container{padding:0 16px}.text-primary{color:#2383e2;color:var(--color-primary)}.bg-primary{background-color:#2383e2;background-color:var(--color-primary)}.bg-primary-light{background-color:#e6f0f9;background-color:var(--color-primary-light)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.p-4{padding:16px}.m-4{margin:16px}.rounded{border-radius:4px}.shadow{box-shadow:0 1px 3px #0000001a}.transition{transition:all .2s}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.font-base{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Noto Sans CJK SC,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--font-family-base)}.font-mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-family-mono)}.font-serif{font-family:Lyon-Text,Georgia,Yu Mincho,YuMincho,Hiragino Mincho ProN,Hiragino Mincho Pro,Songti TC,Songti SC,SimSun,Nanum Myeongjo,NanumMyeongjo,Batang,serif;font-family:var(--font-family-serif)}.font-chinese{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,sans-serif;font-family:var(--font-family-chinese)}.font-english{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-family-english)}.font-mixed{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Noto Sans CJK SC,Noto Sans,sans-serif;font-family:var(--font-family-mixed)}.text-optimized{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility}.content-chinese{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,sans-serif;font-family:var(--font-family-chinese);font-weight:400;letter-spacing:.05em}.content-english{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-family-english);font-weight:400;letter-spacing:.02em}.content-mixed{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Noto Sans CJK SC,Noto Sans,sans-serif;font-family:var(--font-family-mixed);font-weight:400;letter-spacing:.03em}:root{--adm-radius-s:4px;--adm-radius-m:8px;--adm-radius-l:12px;--adm-font-size-1:9px;--adm-font-size-2:10px;--adm-font-size-3:11px;--adm-font-size-4:12px;--adm-font-size-5:13px;--adm-font-size-6:14px;--adm-font-size-7:15px;--adm-font-size-8:16px;--adm-font-size-9:17px;--adm-font-size-10:18px;--adm-color-primary:#1677ff;--adm-color-success:#00b578;--adm-color-warning:#ff8f1f;--adm-color-danger:#ff3141;--adm-color-yellow:#ff9f18;--adm-color-orange:#ff6430;--adm-color-wathet:#e7f1ff;--adm-color-text:#333;--adm-color-text-secondary:#666;--adm-color-weak:#999;--adm-color-light:#ccc;--adm-color-border:#eee;--adm-color-background:#fff;--adm-color-highlight:var(--adm-color-danger);--adm-color-white:#fff;--adm-color-box:#f5f5f5;--adm-color-text-light-solid:var(--adm-color-white);--adm-color-text-dark-solid:#000;--adm-color-fill-content:var(--adm-color-box);--adm-font-size-main:var(--adm-font-size-5);--adm-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--adm-border-color:var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary:#3086ff;--adm-color-success:#34b368;--adm-color-warning:#ffa930;--adm-color-danger:#ff4a58;--adm-color-yellow:#ffa930;--adm-color-orange:#e65a2b;--adm-color-wathet:#0d2543;--adm-color-text:#e6e6e6;--adm-color-text-secondary:#b3b3b3;--adm-color-weak:grey;--adm-color-light:#4d4d4d;--adm-color-border:#2b2b2b;--adm-color-box:#0a0a0a;--adm-color-background:#1a1a1a;--adm-color-background-body:var(--adm-color-background);--adm-border-color:var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:#333;color:var(--adm-color-text);font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,segoe ui,arial,roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-family:var(--adm-font-family);font-size:13px;font-size:var(--adm-font-size-main)}a,button{cursor:pointer}a{color:#1677ff;color:var(--adm-color-primary);transition:opacity .2s ease-in-out}a:active{opacity:.8}.adm-plain-anchor{color:inherit;transition:none}.adm-plain-anchor:active{opacity:1}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size:1;height:calc(var(--size)/2*2px);left:-100vw;pointer-events:none;position:fixed;top:-100vh;width:0}.adm-button,div.adm-px-tester{-webkit-user-select:none;user-select:none}.adm-button{--color:var(--adm-color-text-light-solid);--text-color:var(--adm-button-text-color,var(--adm-color-text));--background-color:var(--adm-button-background-color,var(--adm-color-background));--border-radius:var(--adm-button-border-radius,4px);--border-width:var(--adm-button-border-width,1px);--border-style:var(--adm-button-border-style,solid);--border-color:var(--adm-button-border-color,var(--adm-color-border));background-color:var(--background-color);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--adm-font-size-9);height:auto;line-height:1.4;margin:0;padding:7px 12px;position:relative;text-align:center;transition:opacity .15s ease}.adm-button:focus{outline:none}.adm-button:before{background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);box-sizing:initial;content:" ";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translate(calc(var(--border-width)*-1),calc(var(--border-width)*-1));width:100%}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color:#0000;--border-color:var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color:#0000;--border-width:0px}.adm-button:not(.adm-button-default){--text-color:var(--adm-color-text-light-solid);--background-color:var(--color);--border-color:var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color:var(--color);--background-color:#0000}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color:var(--color);--background-color:#0000;--border-width:0px}.adm-button-primary{--color:var(--adm-color-primary)}.adm-button-success{--color:var(--adm-color-success)}.adm-button-danger{--color:var(--adm-color-danger)}.adm-button-warning{--color:var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{font-size:var(--adm-font-size-main);padding-bottom:3px;padding-top:3px}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{font-size:var(--adm-font-size-7);padding-bottom:3px;padding-top:3px}.adm-button.adm-button-large{font-size:var(--adm-font-size-10);padding-bottom:11px;padding-top:11px}.adm-button.adm-button-shape-rounded{--border-radius:1000px}.adm-button.adm-button-shape-rectangular{--border-radius:0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{align-items:center;display:flex;height:1.4em;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-progress-bar{--track-width:var(--adm-progress-bar-track-width,8px);--track-color:var(--adm-progress-bar-track-color,var(--adm-color-border));--fill-color:var(--adm-progress-bar-fill-color,var(--adm-color-primary));--text-width:var(--adm-progress-bar-text-width,40px);align-items:center;display:flex}.adm-progress-bar-trail{background:var(--track-color);flex:auto;height:var(--track-width);overflow:hidden}.adm-progress-bar-fill{background:var(--fill-color);height:var(--track-width);transition:width .3s}.adm-progress-bar-text{color:var(--adm-color-weak);flex:none;padding-left:8px;width:calc(var(--text-width) + 8px)}.adm-progress-bar-rounded .adm-progress-bar-fill,.adm-progress-bar-rounded .adm-progress-bar-trail{border-radius:var(--track-width)}.adm-toast-mask .adm-toast-wrap{height:100%;left:0;position:fixed;text-align:center;top:0;width:100%}.adm-toast-mask .adm-toast-main{background-color:#000000b3;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-size:var(--adm-font-size-7);line-height:1.5;max-height:70%;max-width:204px;overflow:auto;pointer-events:all;position:relative;text-align:left;text-align:initial;top:50%;transform:translateY(-50%);width:auto;word-break:break-all}.adm-toast-mask .adm-toast-main-text{min-width:0;padding:12px}.adm-toast-mask .adm-toast-main-icon{min-width:150px;padding:35px 12px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{font-size:36px;line-height:1;margin-bottom:8px;text-align:center}.adm-toast-loading{--size:48px;margin:0 auto 8px}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-mask{--z-index:var(--adm-mask-z-index,1000);display:block;position:fixed;z-index:var(--z-index)}.adm-mask,.adm-mask-aria-button{height:100%;left:0;top:0;width:100%}.adm-mask-aria-button{pointer-events:none;position:absolute;z-index:0}.adm-mask-content{z-index:1}.adm-spin-loading{--color:var(--adm-color-weak);--size:32px;height:var(--size);width:var(--size)}.adm-spin-loading-svg{animation:adm-spin-loading-rotate .8s linear infinite;height:100%;width:100%}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-screen-container{background-color:#faf9f6;min-height:100vh}.main-screen-container .card-carousel{align-items:center;background-color:#faf9f6;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;touch-action:pan-y}.main-screen-container .card{background:#fff;border:1px solid #f0ebe3;border-radius:8px;box-shadow:0 1px 2px #00000008;cursor:pointer;height:80%;max-height:450px;max-width:300px;overflow:hidden;position:absolute;transition:all .3s ease;width:70%}.main-screen-container .card.active{z-index:5}.main-screen-container .card-content{background-color:initial;display:flex;flex-direction:column;height:100%}.main-screen-container .card-title{color:#141619;font-size:16px;font-weight:500;padding:16px;text-align:center}.main-screen-container .card-image{flex:1 1;object-fit:cover}.main-screen-container .card-description{color:#6b7280;font-size:14px;line-height:1.4;padding:16px;text-align:center}@media (max-width:768px){.main-screen-container .card{height:70%;width:80%}}@media (max-width:480px){.main-screen-container .card{height:60%;width:85%}}.main-screen-container .story-card,.main-screen-container .story-swiper-container{align-items:center;justify-content:center}.main-screen-container .story-card{box-sizing:border-box;display:flex;height:100%;padding:16px}.main-screen-container .custom-indicator{background-color:#0000000a;border-radius:6px;bottom:16px;color:#2c2d2e;font-size:12px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}:root:root .adm-nav-bar{z-index:100}.mobile-notice{align-items:center;background:linear-gradient(135deg,#a8a2f6,#8a84d6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.notice-content{border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:90%;padding:30px;text-align:center}.notice-content h2{color:#2d3648;font-size:24px;margin-bottom:16px}.notice-content p{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:24px}.continue-button{background:#a8a2f61a;border-radius:8px;color:#8a84d6;cursor:pointer;display:inline-block;font-size:16px;padding:12px 24px;transition:all .3s ease}.continue-button:hover{background:#a8a2f633}.achievement-module{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #00000014;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:24px}.achievement-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.achievement-item{align-items:center;display:flex;gap:12px}.achievement-icon.sound{color:#1677ff}.achievement-icon.gift{color:#ffc53d}.achievement-text{color:#2d3648;font-size:16px;font-weight:500}.achievement-progress{width:100px}.learning-tips-container{margin-bottom:20px}.learning-tips-collapse{-webkit-overflow-scrolling:touch;max-height:300px;overflow-y:auto}.learning-tip-title{color:#1e3a8a;font-weight:700}.popup-wrapper{display:flex;flex-direction:column;height:100%}.popup-header{align-items:center;display:flex;flex:none;justify-content:space-between;padding:16px 16px 0}.popup-title{color:#1e3a8a;font-size:18px;margin:0}.popup-close-icon{color:#1e3a8a;font-size:24px}.popup-body{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:scroll}.popup-content{color:#4b5563;font-size:14px;padding:16px;white-space:pre-line}.popup-body::-webkit-scrollbar{width:4px}.popup-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.popup-body{scrollbar-color:#0003 #0000;scrollbar-width:thin}.podcast-section{background:#faf9f6;padding:20px 0}.podcast-section .podcast-title{color:#141619;font-size:16px;font-weight:600;margin:0 20px 16px}.podcast-section .story-list-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #f0ebe3;border-radius:8px;box-shadow:0 1px 2px #00000008;margin:0 20px}.podcast-section .story-list-item{padding:0!important}.podcast-section .story-list-item .ant-list-item{border:none;padding:0}.podcast-section .story-item-content{align-items:center;display:flex;gap:16px;padding:16px}.podcast-section .story-image{border-radius:6px;height:40px;object-fit:cover;width:40px}.podcast-section .story-info{flex:1 1;min-width:0}.podcast-section .story-title{color:#141619;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:4px}.podcast-section .story-description{color:#6b7280;font-size:13px;line-height:1.4}.podcast-section .story-list-item:active{background-color:#f0ebe380}.podcast-section .story-list-item:not(:last-child){border-bottom:1px solid #e5e7eb}.podcast-section .story-list-item:last-child{border-bottom:none}.podcast-section .story-list-item:hover{background-color:#ffffffe6;transition:all .2s ease}.podcast-section .ant-image{flex-shrink:0;height:40px!important;width:40px!important}.learning-plan-module{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:20px 0}.module-header{margin-bottom:16px;padding:0 20px}.module-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:8px}.module-subtitle{color:#6b7280;font-size:14px;margin-top:4px}.loading-container{padding:40px 0}.loading-spinner{color:#6b7280;font-size:14px}.learning-plan-list{padding:0 20px}.note-plan-card{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;transition:all .3s ease}.note-plan-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.note-card-title{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px}.note-card-title span{flex:1 1}.block-plan-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.block-plan-item:last-child{border-bottom:none}.block-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.block-content{color:#374151;flex:1 1;font-size:14px;font-weight:500;word-break:break-word}.block-description{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:16px}.block-language{background:#f3f4f6;border-radius:4px;font-size:11px;padding:2px 8px}.block-time{align-items:center;display:flex;gap:4px}@media (max-width:768px){.learning-plan-module{margin-bottom:16px;padding:16px 0}.learning-plan-list,.module-header{padding:0 16px}.note-plan-card{margin-bottom:12px}.block-description,.block-title{align-items:flex-start;flex-direction:column;gap:8px}.module-title{font-size:18px}}.ant-empty{padding:40px 20px}.ant-empty-description{color:#6b7280}.ant-empty p{color:#9ca3af;font-size:14px;margin:8px 0}.storyseries-container{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.storyseries-header{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--theme-bg-surface,#fffc);border-bottom:1px solid #00000014;border-bottom:1px solid var(--theme-border-light,#00000014);display:flex;padding:24px}.storyseries-image{border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--theme-shadow-light,0 4px 12px #00000014);flex-shrink:0;height:100px!important;margin-right:20px;width:100px!important}.storyseries-info{flex-grow:1}.storyseries-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:24px;font-weight:500;line-height:1.3;margin:0 0 12px}.storyseries-description{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:16px;line-height:1.5;margin:0 0 12px}.storyseries-subtitle{color:#777;color:var(--theme-text-muted,#777);font-size:14px;margin:0}.storyseries-list{margin-top:24px}.storyseries-list-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--theme-bg-surface,#fffc);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:12px;box-sizing:border-box;margin-bottom:12px;overflow:hidden;transition:all .3s ease;width:100%}.storyseries-list-item:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--theme-shadow-light,0 4px 12px #00000014);transform:translateY(-1px)}.episode-info{box-sizing:border-box;width:100%}.episode-header{justify-content:space-between;margin-bottom:8px}.episode-header,.episode-title{align-items:center;display:flex}.episode-date{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.episode-description{word-wrap:break-word;color:#4b5563;color:var(--theme-text-secondary,#4b5563);-webkit-hyphens:auto;hyphens:auto;line-height:1.5;max-height:3em;overflow-wrap:break-word;word-break:break-word}.episode-duration{background-color:#2d36481a;background-color:var(--theme-border-light,#2d36481a);border-radius:12px;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}:root:root .adm-list-item-content{border-top:none;display:flex;flex-wrap:nowrap;width:100%}:root:root .adm-list-item-content-main{flex:1 1;min-width:0;word-break:break-word}:root:root .adm-list-item-content-prefix{flex-shrink:0;margin-right:16px}.episode-description p{word-wrap:break-word;margin:0;padding:0;white-space:normal}.episode-description a{word-wrap:break-word;color:#06c;color:var(--theme-accent,#06c);text-decoration:none;white-space:normal}.episode-description a:hover{text-decoration:underline}.add-to-plan-icon{border-radius:50%;color:#2d3648;color:var(--theme-text-primary,#2d3648);cursor:pointer;font-size:24px;opacity:.8;padding:4px;transition:all .3s ease}.add-to-plan-icon:hover{background-color:#2d36481a;background-color:var(--theme-border-light,#2d36481a);opacity:1}:root:root .adm-list-item-content-extra{align-items:center;display:flex;flex-shrink:0;margin-left:12px}.episode-lexile-info{gap:8px}.storyseries-list-item.vip-content{background-color:#fafafa;background-color:var(--theme-bg-secondary,#fafafa)}.dictation-learning-plan-module{background:#f6f4f0;padding:24px;width:100%}.module-header{margin-bottom:24px}.module-title{letter-spacing:.2px}.learning-plan-list{display:flex;flex-direction:column;gap:12px}.learning-plan-list .ant-list-item{border:none;margin:0;padding:0;width:100%}.plan-content{align-items:flex-start;background:#fff;border:1px solid #0000000a;border-radius:8px;display:flex;padding:16px;position:relative;transition:all .2s ease;width:100%}.plan-content:hover{box-shadow:0 2px 4px #0000000a;transform:translateY(-2px)}.plan-image{border:1px solid #0000000a;border-radius:6px;flex-shrink:0;height:72px!important;object-fit:cover!important;width:72px!important}.plan-info{flex:1 1;margin-left:16px;min-width:0;padding-right:40px}.plan-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3648;display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin:4px 0 8px;overflow:hidden;text-overflow:ellipsis}.plan-publish-time{color:#6b7280;font-size:13px}.plan-lexile-info{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.plan-lexile-info .ant-tag{border:none;font-size:12px;margin:0;padding:2px 8px}.plan-details{align-items:center;color:#4a4e57;display:flex;font-size:13px;gap:16px;margin-top:8px}.delete-icon{border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.delete-icon:hover{background:#ef44440d;color:#ef4444}.loading-container{color:#6b7280;gap:8px;padding:24px}.refresh-icon{align-items:center;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:34px;justify-content:center;padding:8px;transition:all .2s ease}.refresh-icon:hover{background:#0000000a;color:#2d3648;transform:rotate(30deg)}.plan-item{border-radius:8px;cursor:pointer;margin:4px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-item:hover{background-color:#a8a2f614}.plan-item.selected{background-color:#a8a2f61f;border-left:3px solid #8a84d6}.plan-item.selected:before{background:linear-gradient(180deg,#a8a2f6,#8a84d6);border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.plan-item.selected:hover{background-color:#a8a2f629}.plan-item.selected .plan-content{padding-left:9px}.plan-item.selected .delete-icon{right:9px}.dictation-podcast-module{background:#f6f4f0cc;background:var(--theme-bg-primary,#f6f4f0cc);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:12px;margin:16px;padding:20px}.module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.module-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:18px;font-weight:500;margin:0}.podcast-content{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px;transition:all .3s ease;width:100%}.podcast-image{border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:var(--theme-shadow-light,0 2px 8px #00000014);flex-shrink:0;height:60px!important;object-fit:cover!important;width:60px!important}.podcast-info{flex:1 1;min-width:0}.podcast-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:16px;font-weight:500;margin-bottom:8px}.podcast-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--theme-text-secondary,#4b5563);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.podcast-list .ant-list-item{border-radius:8px;cursor:pointer;margin:8px 0;transition:all .3s ease}.podcast-list .ant-list-item:hover{background-color:#f6f4f0e6;background-color:var(--theme-bg-primary,#f6f4f0e6);box-shadow:0 2px 8px #0000000d;box-shadow:var(--theme-shadow-light,0 2px 8px #0000000d);transform:translateY(-1px)}.podcast-item{border-radius:8px;cursor:pointer;margin:4px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.podcast-item:hover{background-color:#a8a2f614;background-color:var(--theme-accent,#a8a2f614)}.podcast-item.selected{background-color:#a8a2f61f;background-color:var(--theme-accent,#a8a2f61f);border-left:3px solid #8a84d6;border-left:3px solid var(--theme-accent,#8a84d6)}.podcast-item.selected:before{background:linear-gradient(180deg,#a8a2f6,#8a84d6);background:linear-gradient(180deg,var(--theme-accent,#a8a2f6) 0,var(--theme-accent,#8a84d6) 100%);border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.podcast-item.selected:hover{background-color:#a8a2f629;background-color:var(--theme-accent,#a8a2f629)}.podcast-item.selected .podcast-content{padding-left:9px}.dictation-podcast-grid{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);height:100vh;overflow-y:auto;padding:24px}.dictation-podcast-grid::-webkit-scrollbar{height:8px;width:8px}.dictation-podcast-grid::-webkit-scrollbar-track{background:#0000}.dictation-podcast-grid::-webkit-scrollbar-thumb{background:#00000014;background:var(--theme-border-light,#00000014);background-clip:padding-box;border:2px solid #f6f4f0;border:2px solid var(--theme-bg-primary,#f6f4f0);border-radius:4px}.dictation-podcast-grid::-webkit-scrollbar-thumb:hover{background:#0000001f;background:var(--theme-border-medium,#0000001f)}.story-info{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:12px;margin-bottom:32px;padding:24px}.story-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:24px;font-weight:500;margin-bottom:16px}.story-description{color:#666;color:var(--theme-text-muted,#666);font-size:16px;line-height:1.6;margin-bottom:15px}.story-duration{color:#888;color:var(--theme-text-muted,#888);font-size:14px}.episode-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.episode-card{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.episode-card:hover{box-shadow:0 2px 4px #0000000a;box-shadow:var(--theme-shadow-light,0 2px 4px #0000000a);transform:translateY(-2px)}.episode-image-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.episode-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.episode-info{display:flex;flex:1 1;flex-direction:column;padding:16px}.episode-title-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.episode-title{color:#333;color:var(--theme-text-primary,#333);flex:1 1;font-size:18px;font-weight:700}.vip-lock-icon{color:#ff4d4f;color:var(--theme-error,#ff4d4f);flex-shrink:0;font-size:20px}.episode-date,.episode-duration{color:#888;color:var(--theme-text-muted,#888);font-size:14px;margin-bottom:8px}.episode-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--theme-text-muted,#666);display:-webkit-box;font-size:14px;line-height:1.3;margin-bottom:8px;max-height:2.6em;overflow:hidden;text-overflow:ellipsis}.add-to-plan-icon,.added-to-plan-icon{color:#1890ff;color:var(--theme-accent,#1890ff);cursor:pointer;font-size:24px}.episode-lexile-info{display:flex;flex-wrap:wrap;margin:8px 0}.episode-card .episode-image-container .vip-lock{align-items:center;background-color:#000000b3;border-radius:50%;bottom:12px;box-shadow:0 2px 4px #0003;box-shadow:var(--theme-shadow-light,0 2px 4px #0003);display:flex;height:32px;justify-content:center;pointer-events:none;position:absolute;right:12px;width:32px;z-index:10}.vip-lock .anticon{color:#fff;font-size:20px}.vip-card{cursor:default}.draggable-video-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden;position:fixed;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1000}.draggable-video-player.fullscreen{border-radius:0;height:100vh!important;left:0!important;position:fixed;top:0!important;width:100vw!important;z-index:9999}.draggable-video-player.dragging{box-shadow:0 12px 48px #0009;cursor:grabbing;transform:scale(1.02)}.draggable-video-player .video-drag-handle{align-items:center;background:#fff3;border-radius:4px;cursor:grab;display:flex;height:24px;justify-content:center;left:4px;opacity:.7;position:absolute;top:4px;transition:all .2s ease;width:24px;z-index:10}.draggable-video-player .video-drag-handle:hover{background:#ffffff4d;opacity:1}.draggable-video-player .video-drag-handle:active{background:#fff6;cursor:grabbing}.draggable-video-player .video-drag-handle .anticon{color:#fff;font-size:12px}.video-element{background:#000;display:block;object-fit:contain}.draggable-video-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:12px;position:absolute;right:0;transform:translateY(0);transition:all .3s ease}.draggable-video-player:not(:hover):not(.fullscreen) .draggable-video-controls{opacity:0;transform:translateY(100%)}.draggable-video-player.fullscreen .draggable-video-controls,.draggable-video-player.playing .draggable-video-controls,.draggable-video-player:hover .draggable-video-controls{opacity:1;transform:translateY(0)}.draggable-video-player .progress-bar{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.draggable-video-player .progress-bar:hover{height:6px;margin-bottom:7px}.draggable-video-player .progress-fill{background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:2px;height:100%;position:relative;transition:width .1s ease}.draggable-video-player .progress-fill:after{background:#40a9ff;border-radius:50%;content:"";height:8px;opacity:0;position:absolute;right:-2px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:8px}.draggable-video-player .progress-bar:hover .progress-fill:after{opacity:1}.draggable-video-player .control-buttons{align-items:center;display:flex;gap:12px}.draggable-video-player .control-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:24px;min-width:24px;padding:4px;transition:all .2s ease}.draggable-video-player .control-btn:hover{background:#fff3;color:#40a9ff}.draggable-video-player .play-pause-btn{font-size:20px}.draggable-video-player .time-display{color:#fff;font-family:Courier New,monospace;font-size:12px;margin-left:auto;white-space:nowrap}.draggable-video-player .volume-control{align-items:center;display:flex;position:relative}.draggable-video-player .volume-slider{background:#ffffff4d;border-radius:2px;bottom:100%;cursor:pointer;height:4px;left:50%;margin-bottom:8px;opacity:0;outline:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;width:60px}.draggable-video-player .volume-control:hover .volume-slider{opacity:1}.draggable-video-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#40a9ff;border-radius:50%;cursor:pointer;height:12px;width:12px}.draggable-video-player .volume-slider::-moz-range-thumb{background:#40a9ff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.draggable-video-player .video-title{background:#000c;border-top:1px solid #ffffff1a;color:#fff;font-size:12px;font-weight:500;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.draggable-video-player:not(.fullscreen){max-width:40vw!important;width:250px!important}.draggable-video-player .video-element{max-height:140px!important}.draggable-video-player .control-buttons{gap:8px}.draggable-video-player .control-btn{font-size:14px;min-height:20px;min-width:20px}.draggable-video-player .time-display{font-size:10px}.draggable-video-player .video-title{font-size:11px;padding:6px 8px}}@media screen and (max-width:480px){.draggable-video-player:not(.fullscreen){max-width:35vw!important;width:200px!important}.draggable-video-player .video-element{max-height:120px!important}.draggable-video-player .control-buttons{gap:6px}.draggable-video-player .time-display{font-size:9px}.draggable-video-player .video-title{font-size:10px;padding:4px 6px}}[data-theme=dark] .draggable-video-player{background:#000000fa;border-color:#ffffff26}[data-theme=dark] .draggable-video-player .video-drag-handle{background:#ffffff40}[data-theme=dark] .draggable-video-player .progress-bar{background:#fff3}.draggable-video-player{animation:fadeIn .3s ease}.draggable-video-player *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}.sentence-explanation-drawer{font-family:var(--theme-font-family);z-index:1000}.sentence-explanation-drawer .ant-drawer-header{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);color:#333;color:var(--theme-text-primary,#333);padding:16px 24px}.explanation-drawer-header{align-items:center;color:#333;color:var(--theme-text-primary,#333);display:flex;font-size:16px;font-weight:600;gap:8px}.explanation-icon{color:#1890ff;color:var(--theme-accent,#1890ff);font-size:18px}.explanation-content{background:var(--theme-bg-primary);display:flex;flex-direction:column;gap:20px;height:100%;padding:0}.sentence-section{background:var(--theme-bg-surface);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);border:1px solid var(--theme-border-light);border-radius:8px;box-shadow:var(--theme-shadow-light);padding:16px}.sentence-section h4{color:#666;color:var(--theme-text-secondary,#666);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.sentence-text{background:var(--theme-bg-primary);background:var(--theme-bg-light,var(--theme-bg-primary));border:1px solid var(--theme-border-light);border-radius:6px;color:#333;color:var(--theme-text-primary,#333);font-size:16px;line-height:1.6;margin-bottom:12px;padding:12px 16px}.focus-words{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.focus-label{color:#666;color:var(--theme-text-secondary,#666)}.focus-label,.focus-word{font-size:12px;font-weight:500}.focus-word{background:var(--theme-accent-light);border:1px solid var(--theme-accent-alpha,var(--theme-accent));border-radius:4px;color:var(--theme-accent);display:inline-block;padding:4px 8px}.explanation-section{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:8px;box-shadow:var(--theme-shadow-light);display:flex;flex:1 1;flex-direction:column;min-height:0}.explanation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 16px 0}.explanation-header h4{color:#666;color:var(--theme-text-secondary,#666);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.explanation-actions{display:flex;gap:8px}.clear-btn,.retry-btn,.test-btn{background:var(--theme-bg-surface);border:1px solid var(--theme-border-medium);border-radius:4px;color:var(--theme-text-secondary);font-size:12px;height:28px}.clear-btn{border-color:var(--theme-error);color:var(--theme-error)}.retry-btn{border-color:var(--theme-accent);color:var(--theme-accent)}.test-btn{border-color:#faad14;border-color:var(--theme-warning,#faad14);color:#faad14;color:var(--theme-warning,#faad14)}.explanation-text{background:var(--theme-bg-primary);background:var(--theme-bg-light,var(--theme-bg-primary));border-radius:0 0 8px 8px;flex:1 1;overflow-y:auto;padding:16px}.loading-container{color:var(--theme-text-muted);padding:20px}.loading-text{color:var(--theme-text-muted);font-size:14px;margin-left:8px}.status-container{align-items:center;color:var(--theme-accent);display:flex;justify-content:center;padding:20px}.status-text{color:var(--theme-accent);font-size:14px;margin-left:8px}.error-container{align-items:center;color:var(--theme-error);display:flex;flex-direction:column;padding:20px}.error-text{color:var(--theme-error);font-size:14px;margin-bottom:12px;text-align:center}.retry-error-btn{background:var(--theme-error);border-color:var(--theme-error);color:#fff}.explanation-result{color:var(--theme-text-primary);line-height:1.6}.explanation-result h1,.explanation-result h2,.explanation-result h3,.explanation-result h4,.explanation-result h5,.explanation-result h6{color:var(--theme-text-primary);font-weight:600;margin:16px 0 8px}.explanation-result h1{border-bottom:2px solid var(--theme-border-light);font-size:20px;padding-bottom:8px}.explanation-result h2{border-bottom:1px solid var(--theme-border-light);font-size:18px;padding-bottom:6px}.explanation-result h3{font-size:16px}.explanation-result h4{font-size:15px}.explanation-result h5,.explanation-result h6{font-size:14px}.explanation-result p{color:var(--theme-text-primary);line-height:1.6;margin:8px 0}.explanation-result ol,.explanation-result ul{color:var(--theme-text-primary);margin:8px 0;padding-left:20px}.explanation-result li{line-height:1.5;margin:4px 0}.explanation-result blockquote{background:var(--theme-accent-light);border-left:4px solid var(--theme-accent);border-radius:0 4px 4px 0;color:var(--theme-text-primary);margin:12px 0;padding:8px 16px}.explanation-result code{border-radius:3px;color:var(--theme-accent);padding:2px 6px}.explanation-result code,.explanation-result pre{background:var(--theme-bg-secondary);background:var(--theme-bg-light,var(--theme-bg-secondary));border:1px solid var(--theme-border-light);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.explanation-result pre{border-radius:6px;line-height:1.4;margin:12px 0;overflow-x:auto;padding:12px}.explanation-result pre code{background:none;border:none;color:inherit;padding:0}.explanation-result table{border:1px solid var(--theme-border-light);border-collapse:collapse;border-radius:6px;margin:12px 0;overflow:hidden;width:100%}.explanation-result td,.explanation-result th{border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);padding:8px 12px;text-align:left}.explanation-result th{background:var(--theme-bg-secondary);background:var(--theme-bg-light,var(--theme-bg-secondary));color:var(--theme-text-primary);font-weight:600}.explanation-result tr:last-child td{border-bottom:none}.explanation-result strong{color:var(--theme-text-primary);font-weight:600}.explanation-result em{color:var(--theme-text-secondary);font-style:italic}.explanation-result a{border-bottom:1px solid #0000;color:var(--theme-accent);text-decoration:none;transition:border-color .2s ease}.explanation-result a:hover{border-bottom-color:var(--theme-accent)}.explanation-result hr{background:var(--theme-border-light);border:none;height:1px;margin:16px 0}[data-theme=dark] .explanation-result,[data-theme=dark] .explanation-result h1,[data-theme=dark] .explanation-result h2,[data-theme=dark] .explanation-result h3,[data-theme=dark] .explanation-result h4,[data-theme=dark] .explanation-result h5,[data-theme=dark] .explanation-result h6,[data-theme=dark] .explanation-result ol,[data-theme=dark] .explanation-result p,[data-theme=dark] .explanation-result td,[data-theme=dark] .explanation-result th,[data-theme=dark] .explanation-result ul{color:var(--theme-text-secondary)}[data-theme=dark] .explanation-result blockquote{background:var(--theme-accent-light);color:var(--theme-text-secondary)}[data-theme=dark] .explanation-result code{background:var(--theme-bg-light);color:var(--theme-accent)}[data-theme=dark] .explanation-result pre{background:var(--theme-bg-light)}[data-theme=dark] .explanation-result pre code{color:#e6e6e6}[data-theme=dark] .explanation-result .hljs{background:var(--theme-bg-light)!important;color:#e6e6e6!important}[data-theme=dark] .explanation-result .hljs-keyword{color:#c792ea!important}[data-theme=dark] .explanation-result .hljs-string{color:#c3e88d!important}[data-theme=dark] .explanation-result .hljs-number{color:#f78c6c!important}[data-theme=dark] .explanation-result .hljs-comment{color:#546e7a!important}[data-theme=forest] .explanation-result blockquote{background:var(--theme-accent-light);border-left-color:var(--theme-accent)}[data-theme=forest] .explanation-result code{color:var(--theme-accent)}[data-theme=claude] .explanation-result blockquote,[data-theme=claude] .explanation-result code,[data-theme=claude] .explanation-result pre{background:#f8f6f2}.empty-state{color:var(--theme-text-muted);font-size:14px;padding:40px 20px}.explanation-text::-webkit-scrollbar{width:6px}.explanation-text::-webkit-scrollbar-track{background:var(--theme-bg-primary);background:var(--theme-bg-light,var(--theme-bg-primary));border-radius:3px}.explanation-text::-webkit-scrollbar-thumb{background:var(--theme-border-medium);border-radius:3px}.explanation-text::-webkit-scrollbar-thumb:hover{background:var(--theme-text-muted)}@media (max-width:768px){.sentence-explanation-drawer{width:100%!important}.explanation-drawer-header{font-size:14px}.sentence-text{font-size:14px;padding:10px 12px}.explanation-line,.explanation-text{font-size:14px}}[data-theme=claude] .sentence-explanation-drawer .ant-drawer-header{background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light)}[data-theme=claude] .sentence-text{background:#f8f6f2;border-color:var(--theme-border-light)}[data-theme=claude] .explanation-text{background:#f8f6f2}[data-theme=claude] .focus-word{background:var(--theme-accent-light);border-color:var(--theme-accent);color:var(--theme-accent)}[data-theme=dark] .sentence-explanation-drawer .ant-drawer-header{background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light)}[data-theme=dark] .sentence-text{border-color:var(--theme-border-light)}[data-theme=dark] .explanation-text,[data-theme=dark] .sentence-text{background:var(--theme-bg-light);color:var(--theme-text-secondary)}[data-theme=dark] .focus-word{background:var(--theme-accent-light);border-color:var(--theme-accent);color:var(--theme-accent)}[data-theme=dark] .explanation-line{color:var(--theme-text-secondary)}[data-theme=dark] .explanation-text::-webkit-scrollbar-track{background:var(--theme-bg-light)}[data-theme=dark] .explanation-text::-webkit-scrollbar-thumb{background:var(--theme-border-medium)}[data-theme=forest] .sentence-explanation-drawer .ant-drawer-header{background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light)}[data-theme=forest] .sentence-text{background:var(--theme-bg-light);border-color:var(--theme-border-light)}[data-theme=forest] .explanation-text{background:var(--theme-bg-light)}[data-theme=forest] .focus-word{background:var(--theme-accent-light);border-color:var(--theme-accent);color:var(--theme-accent)}[data-theme=forest] .explanation-icon,[data-theme=forest] .status-container,[data-theme=forest] .status-text{color:var(--theme-accent)}.sentence-explanation-drawer .ant-drawer-body{background:var(--theme-bg-primary);padding:0}.sentence-explanation-drawer .ant-drawer-close{color:var(--theme-text-primary)}.sentence-explanation-drawer .ant-drawer-close:hover{color:var(--theme-accent)}.sentence-explanation-drawer .ant-btn{border-radius:4px;font-size:12px;height:28px;transition:all .2s ease}.sentence-explanation-drawer .ant-btn:hover{box-shadow:var(--theme-shadow-light);transform:translateY(-1px)}.sentence-explanation-drawer .ant-spin{color:var(--theme-accent)}.sentence-explanation-drawer .ant-spin .ant-spin-dot-item{background-color:var(--theme-accent)}.dictation-content-module{--dictation-english-font:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Avenir Next","Helvetica Neue","Segoe UI",system-ui,sans-serif;--dictation-chinese-font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",system-ui,sans-serif;--dictation-mixed-font:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Avenir Next","Helvetica Neue","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--theme-shadow-light,0 2px 8px #0000000a);flex-direction:column;margin:0 auto;min-height:100%;padding:20px 20px 80px;position:relative}.dictation-content-module,.dictation-content-module__content{box-sizing:border-box;display:flex;overflow-x:hidden;width:100%}.dictation-content-module__content{flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:20px}.dictation-content-module__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:var(--dictation-mixed-font);font-size:24px;font-weight:500;letter-spacing:.3px;margin-bottom:24px;text-align:center;text-rendering:optimizeLegibility}.dictation-content-module__subtitle-container{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;margin:12px 0;max-width:100%;overflow-x:hidden;padding:16px;width:100%}.dictation-content-module__input-container{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;overflow-x:hidden;padding:20px;position:relative;width:100%;z-index:1}.dictation-content-module__word-container{align-items:center;display:inline-flex;margin:4px;min-height:48px;padding:0 6px;position:relative}.dictation-content-module__word-input{ime-mode:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1,"liga","clig";background:#0000;border:none;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:var(--dictation-mixed-font);font-size:42px;font-size:var(--dictation-font-size,42px);font-variant-ligatures:common-ligatures;font-weight:500;letter-spacing:.5px;outline:none;padding:4px 0;position:relative;text-align:center;text-rendering:optimizeLegibility;transition:all .2s ease;width:100%;z-index:1}.dictation-content-module__word-container:after{background-color:#e6e3df;background-color:var(--theme-border-light,#e6e3df);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transition:all .3s ease;z-index:0}.dictation-content-module__word-measure{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1,"liga","clig";font-family:var(--dictation-mixed-font);font-size:42px;font-size:var(--dictation-font-size-measure,42px);font-variant-ligatures:common-ligatures;font-weight:500;letter-spacing:.5px;padding:4px 6px;pointer-events:none;position:absolute;text-rendering:optimizeLegibility;visibility:hidden;white-space:pre}.dictation-content-module__word-container:focus-within:after{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff);height:2px}.dictation-content-module__word-container:has(.correct):after{background-color:#10b981;background-color:var(--theme-success,#10b981);height:2px}.dictation-content-module__word-container:has(.incorrect):after{height:2px}.dictation-content-module__word-input.correct,.dictation-content-module__word-input.incorrect,.dictation-content-module__word-input:focus{background-color:initial}.dictation-content-module__chinese-translation{color:#2d3648;color:var(--theme-text-secondary,#2d3648);font-family:var(--dictation-chinese-font);font-size:24px;margin-bottom:4px}.dictation-content-module__chinese-translation,.dictation-content-module__original-subtitle{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;background:#0000;border-radius:8px;box-sizing:border-box;font-weight:400;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:8px 24px;text-align:center;text-rendering:optimizeLegibility;width:100%}.dictation-content-module__original-subtitle{font-feature-settings:"liga" 1,"kern" 1;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:var(--dictation-mixed-font);font-size:32px;letter-spacing:.3px;margin-bottom:8px}.dictation-content-module__navigation-buttons{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-top:1px solid #0000000a;border-top:1px solid var(--theme-border-light,#0000000a);bottom:0;display:flex;gap:8px;justify-content:center;left:0;padding:16px;position:absolute;right:0;width:100%}.dictation-content-module__navigation-buttons .ant-btn{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:inline-flex;font-size:14px;gap:8px;height:36px;min-width:100px;padding:0 12px;transition:all .3s ease}.dictation-content-module__navigation-buttons .ant-btn:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-color:#00000014;border-color:var(--theme-border-medium,#00000014);transform:translateY(-1px)}.dictation-content-module__navigation-buttons .ant-btn .anticon{font-size:16px;margin-right:4px;vertical-align:-.125em}.dictation-content-module__navigation-buttons .ant-btn:has(.anticon-star-fill){color:#ffb800;color:var(--theme-warning,#ffb800)}.dictation-content-module__progress{position:absolute;right:20px;top:20px;z-index:1000}.dictation-content-module__progress .ant-progress-text{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important;font-size:12px}.dictation-content-module__progress .ant-progress-circle-path{stroke:#10b981;stroke:var(--theme-success,#10b981)}.dictation-content-module__progress .ant-progress-circle-trail{stroke:#e6e3df;stroke:var(--theme-border-light,#e6e3df)}@media screen and (max-width:768px){.dictation-content-module{padding:16px}.dictation-content-module__title{font-size:20px;margin-bottom:16px}.dictation-content-module__chinese-translation,.dictation-content-module__original-subtitle{font-size:20px;padding:8px 16px}.dictation-content-module__navigation-buttons{gap:6px;padding:12px}.dictation-content-module__navigation-buttons .ant-btn{font-size:13px;height:32px;min-width:80px;padding:0 8px}.dictation-content-module__progress{right:16px;top:16px}.dictation-content-module__progress .ant-progress{height:50px!important;width:50px!important}.dictation-content-module__progress .ant-progress-text{font-size:11px}.dictation-content-module__word-input{font-size:36.12px;font-size:calc(var(--dictation-font-size, 42px)*.86);padding:4px 6px}.dictation-content-module__input-container{gap:8px;padding:16px}}@media screen and (max-width:480px){.dictation-content-module{padding:12px}.dictation-content-module__navigation-buttons{flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}.dictation-content-module__navigation-buttons .ant-btn{flex:1 1;margin:2px;min-width:calc(50% - 4px)}.dictation-content-module__word-input{font-size:28.14px;font-size:calc(var(--dictation-font-size, 42px)*.67);padding:4px 6px}.dictation-content-module__input-container{gap:6px;padding:12px}.dictation-content-module__progress{right:12px;top:12px}.dictation-content-module__shortcut-hint{display:none}.dictation-content-module__word-details-container{margin-bottom:16px;min-height:50vh;padding:20px 16px}.dictation-content-module__words-grid{gap:6px 8px;margin-bottom:20px}.dictation-content-module__word-item{min-width:auto;padding:12px 6px 6px}.dictation-content-module__word-text{font-size:24px;margin-bottom:8px}.dictation-content-module__word-phonetic{font-size:14px;margin-bottom:6px}.dictation-content-module__word-meaning{font-size:13px}.dictation-content-module__subtitle-secondary{gap:8px;padding:16px 0}.dictation-content-module__chinese-translation-secondary{font-size:14px}.dictation-content-module__original-subtitle-secondary{font-size:12px}}.sentence-list{left:20px;position:absolute;top:20px;z-index:1001}.toggle-list-btn{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e3df;border:1px solid var(--theme-border-light,#e6e3df);border-radius:8px;color:#2d3648;color:var(--theme-text-primary,#2d3648);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.toggle-list-btn:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-color:#d1ccc5;border-color:var(--theme-border-medium,#d1ccc5)}.sentence-list-content{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e3df;border:1px solid var(--theme-border-light,#e6e3df);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--theme-shadow-medium,0 4px 12px #00000014);left:0;max-height:calc(100vh - 200px);overflow-y:auto;padding:8px 0;position:absolute;top:44px;width:320px}.sentence-item{border-left:3px solid #0000;color:#2d3648;color:var(--theme-text-primary,#2d3648);cursor:pointer;display:flex;font-size:14px;gap:8px;line-height:1.6;padding:12px 16px;transition:all .2s ease}.sentence-item:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0)}.sentence-item.active{background:#f0f7ff;background:var(--theme-bg-secondary,#f0f7ff);border-left-color:#6b4eff;border-left-color:var(--theme-accent,#6b4eff)}.sentence-list-content::-webkit-scrollbar{width:6px}.sentence-list-content::-webkit-scrollbar-thumb{background:#e6e3df;background:var(--theme-border-light,#e6e3df);border-radius:3px}.sentence-list-content::-webkit-scrollbar-track{background:#0000}@media screen and (max-width:768px){.sentence-list{left:16px;top:16px}.sentence-list-content{max-height:60vh;width:280px}.toggle-list-btn{height:32px;width:32px}}@media screen and (max-width:480px){.sentence-list{left:12px;top:12px}.sentence-list-content{width:260px}}.dictation-content-module__shortcut-hint{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e3df;border:1px solid var(--theme-border-light,#e6e3df);border-radius:4px;color:#666;color:var(--theme-text-muted,#666);font-size:12px;margin-left:4px;opacity:.5;padding:1px 4px}.sentence-list-overlay{background-color:initial;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sentence-list{position:relative;z-index:1000}.dictation-content-module__punctuation{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:inline-block;font-family:var(--dictation-mixed-font);font-size:42px;font-size:var(--dictation-punctuation-size,42px);font-weight:500;line-height:1.5;padding:4px 2px;text-rendering:optimizeLegibility;vertical-align:bottom}@media screen and (max-width:768px){.dictation-content-module__punctuation{font-size:36.12px;font-size:calc(var(--dictation-punctuation-size, 42px)*.86)}}@media screen and (max-width:480px){.dictation-content-module__punctuation{font-size:28.14px;font-size:calc(var(--dictation-punctuation-size, 42px)*.67)}}.dictation-content-module__word-details-container{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px;min-height:60vh;padding:32px 20px}.dictation-content-module__words-grid{align-items:flex-end;background:#0000;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 12px;justify-content:center;line-height:1.2;margin-bottom:32px;padding:0;width:100%}.dictation-content-module__word-item{align-items:center;background:#0000;border:none;border-radius:12px;display:flex;flex-direction:column;margin:0;min-width:auto;overflow:hidden;padding:16px 8px 8px;position:relative;transition:all .3s ease}.dictation-content-module__word-item:hover{transform:translateY(-4px) scale(1.02)}.dictation-content-module__word-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3436;color:var(--word-accent-color,#2d3436);font-family:var(--dictation-english-font);font-size:32px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-align:center;text-rendering:optimizeLegibility;text-shadow:0 2px 4px #0000001a}.dictation-content-module__word-phonetic{font-family:var(--dictation-english-font);font-size:18px;font-style:italic;margin-bottom:8px;opacity:.8}.dictation-content-module__word-meaning,.dictation-content-module__word-phonetic{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#636e72;color:var(--word-accent-color,#636e72);font-weight:500;text-align:center;text-rendering:optimizeLegibility}.dictation-content-module__word-meaning{font-family:var(--dictation-chinese-font);font-size:16px;line-height:1.5;opacity:.9}.dictation-content-module__subtitle-secondary{align-items:center;background:#0000;display:flex;flex-direction:column;gap:12px;opacity:.6;padding:20px 0;transition:opacity .2s ease}.dictation-content-module__subtitle-secondary:hover{opacity:.9}.dictation-content-module__chinese-translation-secondary{color:#6c757d;color:var(--theme-text-secondary,#6c757d);font-family:var(--dictation-chinese-font);font-size:16px;font-weight:500;line-height:1.5;margin:0;order:1;text-align:center}.dictation-content-module__original-subtitle-secondary{color:#999;color:var(--theme-text-muted,#999);font-family:var(--dictation-english-font);font-size:14px;font-style:italic;font-weight:400;line-height:1.4;margin:0;order:2;text-align:center}.dictation-content-module__word-item:nth-child(8n+1){--word-accent-color:#e74c3c;--word-bg-color:#fdf2f2;--word-bg-light:#fff;--word-border-color:#fadbd8}.dictation-content-module__word-item:nth-child(8n+2){--word-accent-color:#3498db;--word-bg-color:#f2f9fd;--word-bg-light:#fff;--word-border-color:#d6eaf8}.dictation-content-module__word-item:nth-child(8n+3){--word-accent-color:#2ecc71;--word-bg-color:#f2fdf6;--word-bg-light:#fff;--word-border-color:#d5f4e6}.dictation-content-module__word-item:nth-child(8n+4){--word-accent-color:#f39c12;--word-bg-color:#fef9f2;--word-bg-light:#fff;--word-border-color:#fae5d3}.dictation-content-module__word-item:nth-child(8n+5){--word-accent-color:#9b59b6;--word-bg-color:#f8f4fd;--word-bg-light:#fff;--word-border-color:#e8daef}.dictation-content-module__word-item:nth-child(8n+6){--word-accent-color:#1abc9c;--word-bg-color:#f2fdfc;--word-bg-light:#fff;--word-border-color:#d0ece7}.dictation-content-module__word-item:nth-child(8n+7){--word-accent-color:#e67e22;--word-bg-color:#fdf6f2;--word-bg-light:#fff;--word-border-color:#f0b27a}.dictation-content-module__word-item:nth-child(8n+8){--word-accent-color:#34495e;--word-bg-color:#f4f6f7;--word-bg-light:#fff;--word-border-color:#d5dbdb}.dictation-content-module__word-subtitle{align-items:flex-end;display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:center}.dictation-content-module__word-with-phonetic{align-items:center;display:inline-flex;flex-direction:column;margin:0}.dictation-content-module__phonetic{color:#666;color:var(--theme-text-secondary,#666);font-family:var(--dictation-english-font);font-size:25px;font-style:italic;font-weight:400;margin-bottom:2px;min-height:16px;text-align:center}.dictation-content-module__phonetic,.dictation-content-module__word{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;text-rendering:optimizeLegibility;white-space:nowrap}.dictation-content-module__word{color:inherit;display:inline;font-family:var(--dictation-mixed-font);font-size:inherit;font-weight:500;letter-spacing:.3px}[data-theme=claude] .dictation-content-module__progress .ant-progress-text{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}[data-theme=dark] .dictation-content-module__progress .ant-progress-text{color:#c92edd!important;color:var(--theme-text-primary,#c92edd)!important}[data-theme=forest] .dictation-content-module__progress .ant-progress-text{color:#2e7d32!important;color:var(--theme-text-primary,#2e7d32)!important}[data-theme=claude]{--theme-bg:#fff;--theme-bg-primary:#f6f4f0;--theme-bg-secondary:#fff;--theme-bg-light:#f5f5f5;--theme-bg-surface:#fff;--theme-bg-hover:#f0f0f0;--theme-text:#2d3648;--theme-text-primary:#2d3648;--theme-text-secondary:#4b5563;--theme-text-muted:#6b727a;--theme-text-light:#bfbfbf;--theme-text-placeholder:#9ca3af;--theme-border:#f0f0f0;--theme-border-light:#e5e7eb;--theme-border-medium:#d1d5db;--theme-shadow-light:0 1px 3px #2d36481a;--theme-shadow-medium:0 4px 12px #2d364826;--theme-primary:#5218ff;--theme-primary-bg-hover:#1890ff0a;--theme-primary-bg-active:#1890ff14;--theme-word-highlight:hwb(274 7% 20%/0.824);--theme-accent:#2d3648;--theme-accent-light:#eef2ff;--theme-accent-alpha:#2d364833;--theme-success:#10b981;--theme-success-light:#10b9811a;--theme-warning:#f59e0b;--theme-error:#ef4444;--theme-error-light:#ef44441a;--theme-shadow-heavy:0 8px 24px #00000026;--theme-font-family:var(--font-family-base);--theme-font-family-mono:var(--font-family-mono);--theme-font-family-serif:var(--font-family-serif);--theme-font-family-chinese:var(--font-family-chinese);--theme-font-family-english:var(--font-family-english);--theme-font-family-mixed:var(--font-family-mixed);--vocabulary-word-bg:linear-gradient(135deg,#ffeaa7,#fab1a0);--vocabulary-word-border:#e17055;--vocabulary-word-shadow:#e170554d;--vocabulary-word-pulse-shadow:#e1705599;--vocabulary-word-text:#2d3436;--vocabulary-word-icon:"📖";--vocabulary-word-icon-color:#e17055;--vocabulary-word-hover-bg:linear-gradient(135deg,#fdcb6e,#e84393);--vocabulary-word-hover-border:#e84393;--vocabulary-word-hover-shadow:#e8439366;--vocabulary-word-hover-text:#2d3436;--summary-card-overlay-bg:#00000080;--summary-card-bg:#fdfcf9;--summary-card-title-color:#1f2937;--summary-card-close-color:#6b7280;--summary-card-close-hover-color:#1f2937;--summary-card-content-color:#374151;--summary-card-border-color:#00000014;--summary-card-btn-primary-bg:#d97706;--summary-card-btn-primary-hover-bg:#b45309;--summary-card-btn-default-bg:#f3f4f6;--summary-card-btn-default-color:#1f2937;--summary-card-btn-default-hover-bg:#e5e7eb;--summary-card-btn-default-hover-color:#111827;--summary-card-achievement-bg:#fffbeb;--summary-card-achievement-title-color:#1f2937;--summary-card-stat-value-color:#d97706;--summary-card-stat-label-color:#6b7280}[data-theme=dark]{--theme-bg:#0f0f23;--theme-bg-primary:#0f0f23;--theme-bg-secondary:#1a1a2e;--theme-bg-light:#16213e;--theme-bg-surface:#16213e;--theme-bg-hover:#253055;--theme-text:#e94560;--theme-text-primary:#c92edd;--theme-text-secondary:#f5f5f5;--theme-text-muted:#b0b0b0;--theme-text-light:#666;--theme-text-placeholder:#888;--theme-border:#e9456033;--theme-border-light:#e9456033;--theme-border-medium:#e9456066;--theme-shadow-light:0 2px 8px #e945601a;--theme-shadow-medium:0 4px 12px #e9456033;--theme-primary:#40a9ff;--theme-primary-bg-hover:#40a9ff0f;--theme-primary-bg-active:#40a9ff1a;--theme-word-highlight:rgba(242,13,36,.913);--theme-accent:#c92edd;--theme-accent-light:#e945601a;--theme-accent-alpha:#e945604d;--theme-success:#27ae60;--theme-success-light:#27ae6033;--theme-warning:#f39c12;--theme-error:#e74c3c;--theme-error-light:#e74c3c33;--theme-shadow-heavy:0 8px 24px #00000080;--theme-font-family:var(--font-family-base);--theme-font-family-mono:var(--font-family-mono);--theme-font-family-serif:var(--font-family-serif);--theme-font-family-chinese:var(--font-family-chinese);--theme-font-family-english:var(--font-family-english);--theme-font-family-mixed:var(--font-family-mixed);--vocabulary-word-bg:linear-gradient(135deg,#2d3a2d,#3d2a26);--vocabulary-word-border:#52c41a;--vocabulary-word-shadow:#52c41a66;--vocabulary-word-pulse-shadow:#52c41ab3;--vocabulary-word-text:#f0f0f0;--vocabulary-word-icon:"📚";--vocabulary-word-icon-color:#52c41a;--vocabulary-word-hover-bg:linear-gradient(135deg,#3d4e3d,#4d3a36);--vocabulary-word-hover-border:#73d13d;--vocabulary-word-hover-shadow:#73d13d80;--vocabulary-word-hover-text:#fff;--summary-card-overlay-bg:#000000b3;--summary-card-bg:#1f2937;--summary-card-title-color:#f9fafb;--summary-card-close-color:#9ca3af;--summary-card-close-hover-color:#f9fafb;--summary-card-content-color:#d1d5db;--summary-card-border-color:#ffffff1a;--summary-card-btn-primary-bg:#3b82f6;--summary-card-btn-primary-hover-bg:#2563eb;--summary-card-btn-default-bg:#374151;--summary-card-btn-default-color:#f9fafb;--summary-card-btn-default-hover-bg:#4b5563;--summary-card-btn-default-hover-color:#fff;--summary-card-achievement-bg:#374151;--summary-card-achievement-title-color:#f9fafb;--summary-card-stat-value-color:#60a5fa;--summary-card-stat-label-color:#9ca3af}[data-theme=forest]{--theme-bg:#fff;--theme-bg-primary:#f1f8e9;--theme-bg-secondary:#fff;--theme-bg-light:#f5f5f5;--theme-bg-surface:#fff;--theme-bg-hover:#e8f5e8;--theme-text:#2e7d32;--theme-text-primary:#2e7d32;--theme-text-secondary:#388e3c;--theme-text-muted:#66bb6a;--theme-text-light:#bfbfbf;--theme-text-placeholder:#81c784;--theme-border:#2e7d321a;--theme-border-light:#2e7d321a;--theme-border-medium:#2e7d3233;--theme-shadow-light:0 2px 8px #2e7d320d;--theme-shadow-medium:0 4px 12px #2e7d321a;--theme-primary:#4299e1;--theme-primary-bg-hover:#4299e10f;--theme-primary-bg-active:#4299e11a;--theme-accent:#748b75;--theme-accent-light:#e8f5e8;--theme-accent-alpha:#748b7533;--theme-success:#7ede12;--theme-success-light:#7ede1226;--theme-warning:#ff9800;--theme-error:#f44336;--theme-error-light:#f443361a;--theme-shadow-heavy:0 8px 24px #228b2226;--theme-font-family:var(--font-family-base);--theme-font-family-mono:var(--font-family-mono);--theme-font-family-serif:var(--font-family-serif);--theme-font-family-chinese:var(--font-family-chinese);--theme-font-family-english:var(--font-family-english);--theme-font-family-mixed:var(--font-family-mixed);--vocabulary-word-bg:linear-gradient(135deg,#d4f1d4,#b3e0b3);--vocabulary-word-border:#388e3c;--vocabulary-word-shadow:#388e3c4d;--vocabulary-word-pulse-shadow:#388e3c80;--vocabulary-word-text:#1b5e20;--vocabulary-word-icon:"🌿";--vocabulary-word-icon-color:#388e3c;--vocabulary-word-hover-bg:linear-gradient(135deg,#a5d6a5,#81c784);--vocabulary-word-hover-border:#2e7d32;--vocabulary-word-hover-shadow:#2e7d3266;--vocabulary-word-hover-text:#0d5f23;--summary-card-overlay-bg:#16653466;--summary-card-bg:#f0fdf4;--summary-card-title-color:#14532d;--summary-card-close-color:#65a30d;--summary-card-close-hover-color:#14532d;--summary-card-content-color:#166534;--summary-card-border-color:#22c55e33;--summary-card-btn-primary-bg:#16a34a;--summary-card-btn-primary-hover-bg:#15803d;--summary-card-btn-default-bg:#dcfce7;--summary-card-btn-default-color:#14532d;--summary-card-btn-default-hover-bg:#bbf7d0;--summary-card-btn-default-hover-color:#052e16;--summary-card-achievement-bg:#ecfdf5;--summary-card-achievement-title-color:#14532d;--summary-card-stat-value-color:#16a34a;--summary-card-stat-label-color:#65a30d}[data-theme=white]{--theme-bg:#fff;--theme-bg-primary:#fff;--theme-bg-secondary:#fafafa;--theme-bg-light:#f8f9fa;--theme-bg-surface:#fff;--theme-bg-hover:#f5f5f5;--theme-text:#212529;--theme-text-primary:#212529;--theme-text-secondary:#495057;--theme-text-muted:#6c757d;--theme-text-light:#adb5bd;--theme-text-placeholder:#ced4da;--theme-border:#00000014;--theme-border-light:#0000000d;--theme-border-medium:#0000001f;--theme-shadow-light:0 2px 4px #0000000d;--theme-shadow-medium:0 4px 12px #00000014;--theme-primary:#0d6efd;--theme-primary-bg-hover:#0d6efd0a;--theme-primary-bg-active:#0d6efd14;--theme-word-highlight:#0d6efd33;--theme-accent:#6f42c1;--theme-accent-light:#6f42c11a;--theme-accent-alpha:#6f42c133;--theme-success:#198754;--theme-success-light:#1987541a;--theme-warning:#fd7e14;--theme-error:#dc3545;--theme-error-light:#dc35451a;--theme-shadow-heavy:0 8px 24px #0000001f;--theme-font-family:var(--font-family-base);--theme-font-family-mono:var(--font-family-mono);--theme-font-family-serif:var(--font-family-serif);--theme-font-family-chinese:var(--font-family-chinese);--theme-font-family-english:var(--font-family-english);--theme-font-family-mixed:var(--font-family-mixed);--vocabulary-word-bg:linear-gradient(135deg,#e3f2fd,#bbdefb);--vocabulary-word-border:#2196f3;--vocabulary-word-shadow:#2196f34d;--vocabulary-word-pulse-shadow:#2196f380;--vocabulary-word-text:#0d47a1;--vocabulary-word-icon:"📘";--vocabulary-word-icon-color:#2196f3;--vocabulary-word-hover-bg:linear-gradient(135deg,#90caf9,#64b5f6);--vocabulary-word-hover-border:#1976d2;--vocabulary-word-hover-shadow:#1976d266;--vocabulary-word-hover-text:#0d47a1;--summary-card-overlay-bg:#0000004d;--summary-card-bg:#fff;--summary-card-title-color:#212529;--summary-card-close-color:#6c757d;--summary-card-close-hover-color:#212529;--summary-card-content-color:#495057;--summary-card-border-color:#00000014;--summary-card-btn-primary-bg:#0d6efd;--summary-card-btn-primary-hover-bg:#0b5ed7;--summary-card-btn-default-bg:#f8f9fa;--summary-card-btn-default-color:#212529;--summary-card-btn-default-hover-bg:#e9ecef;--summary-card-btn-default-hover-color:#000;--summary-card-achievement-bg:#f8f9fa;--summary-card-achievement-title-color:#212529;--summary-card-stat-value-color:#0d6efd;--summary-card-stat-label-color:#6c757d}:root{--theme-bg-primary:#f6f4f0cc;--theme-bg-secondary:#f8f6f2;--theme-bg-surface:#fff;--theme-text-primary:#2d3648;--theme-text-secondary:#4b5563;--theme-text-muted:#6b727a;--theme-text-disabled:#c1c7cd;--theme-border-light:#0000000a;--theme-border-medium:#00000014;--theme-accent:#6b4eff;--theme-accent-light:#6b4eff1a;--theme-success:#10b981;--theme-success-light:#10b9811a;--theme-warning:#f59e0b;--theme-error:#ef4444;--theme-error-light:#ef44441a;--theme-shadow-light:0 1px 2px #00000005;--theme-shadow-medium:0 4px 8px #0000001a;--theme-shadow-heavy:0 8px 24px #00000026;--theme-font-family:var(--font-family-base);--theme-font-family-mono:var(--font-family-mono);--theme-font-family-serif:var(--font-family-serif);--theme-font-family-chinese:var(--font-family-chinese);--theme-font-family-english:var(--font-family-english);--theme-font-family-mixed:var(--font-family-mixed);--summary-card-overlay-bg:#0006;--summary-card-bg:#f6f4f0;--summary-card-title-color:#2d3748;--summary-card-close-color:#718096;--summary-card-close-hover-color:#2d3748;--summary-card-content-color:#4a5568;--summary-card-border-color:#0000000f;--summary-card-btn-primary-bg:#2b6cb0;--summary-card-btn-primary-hover-bg:#2c5282;--summary-card-btn-default-bg:#edf2f7;--summary-card-btn-default-color:#2d3748;--summary-card-btn-default-hover-bg:#e2e8f0;--summary-card-btn-default-hover-color:#1a202c;--summary-card-achievement-bg:#fff;--summary-card-achievement-title-color:#2d3748;--summary-card-stat-value-color:#2b6cb0;--summary-card-stat-label-color:#718096;--theme-text-success:#10b981;--theme-bg-success:#d1fae5;--theme-text-danger:#ef4444;--theme-bg-danger:#fee2e2}.summary-card-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--summary-card-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.summary-card{background-color:var(--summary-card-bg)!important;border:none!important;border-radius:16px!important;box-shadow:0 8px 24px #0000001f!important;max-width:480px;width:95%}.ant-card-head{background:#0000!important;border-bottom:1px solid var(--summary-card-border-color)!important;padding:20px!important}.summary-card-title{color:var(--summary-card-title-color)!important;font-size:20px!important;font-weight:600!important;line-height:1.4}.summary-card-close{color:var(--summary-card-close-color);font-size:18px;transition:color .2s}.summary-card-close:hover{color:var(--summary-card-close-hover-color)}.ant-card-body{padding:24px!important}.summary-card-content{color:var(--summary-card-content-color);font-size:16px;line-height:1.6;margin:16px 0 32px;text-align:center}.summary-card-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.summary-card-buttons .ant-btn{border:none;border-radius:8px;font-size:15px;height:40px;padding:0 24px;transition:all .2s}.summary-card-buttons .ant-btn-primary{background:var(--summary-card-btn-primary-bg);color:#fff}.summary-card-buttons .ant-btn-primary:hover{background:var(--summary-card-btn-primary-hover-bg)}.summary-card-buttons .ant-btn-default{background:var(--summary-card-btn-default-bg);color:var(--summary-card-btn-default-color)}.summary-card-buttons .ant-btn-default:hover{background:var(--summary-card-btn-default-hover-bg);color:var(--summary-card-btn-default-hover-color)}.achievement-section{background:var(--summary-card-achievement-bg);margin:16px 0;padding:16px;text-align:center}.achievement-title{color:var(--summary-card-achievement-title-color);font-size:18px;font-weight:600;margin-bottom:12px}.achievement-stats{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.stat-value{color:var(--summary-card-stat-value-color);font-size:24px}.stat-label{color:var(--summary-card-stat-label-color);margin-top:4px}@media screen and (max-width:480px){.summary-card{margin:16px;width:92%}.summary-card-buttons{flex-direction:column}.summary-card-buttons .ant-btn{width:100%}}.celebration-animation{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1001}.share-card{background-position:50%;background-size:cover;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:1920px;justify-content:space-between;padding:60px;position:relative;width:1080px}.share-card:before{background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.share-card>*{position:relative;z-index:1}.share-card-header h1{font-size:84px;margin-bottom:30px}.share-card-header h2{font-size:72px;margin-bottom:30px}.share-card-header p{font-size:42px;margin-bottom:60px}.share-card-content .quote{font-size:60px;font-style:italic;margin-bottom:30px}.share-card-content .translation{font-size:54px;margin-bottom:60px}.share-card-content .progress{font-size:54px;font-weight:700}.share-card-footer{align-items:center;display:flex;height:300px;justify-content:center}.share-card-footer .website-url{font-size:64px;font-weight:700}.share-card-footer #qr-code-placeholder{background:#fff;border-radius:10px;height:200px;padding:10px;width:200px}.tiptap-youtube-player{position:relative;width:100%}.tiptap-youtube-player.draggable{background:#000;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none}.tiptap-youtube-player.draggable:hover{box-shadow:0 6px 25px #0006}.tiptap-youtube-player .drag-handle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;color:#fff;cursor:grab;font-size:12px;padding:4px 6px;position:absolute;right:8px;top:8px;transition:all .2s ease;z-index:1001}.tiptap-youtube-player .drag-handle:hover{background:#000000e6;transform:scale(1.1)}.tiptap-youtube-player .drag-handle:active{cursor:grabbing;transform:scale(.95)}.tiptap-youtube-player .youtube-editor-content{background:#0000;border:none;outline:none;width:100%}.tiptap-youtube-player .youtube-editor-content .ProseMirror{background:#0000;border:none;margin:0;min-height:0;min-height:auto;outline:none;padding:0}.tiptap-youtube-player .youtube-editor-content .ProseMirror:focus{box-shadow:none;outline:none}.tiptap-youtube-player .youtube-editor-content .ProseMirror iframe{border:none;border-radius:8px;display:block;outline:none;pointer-events:auto;width:100%}.tiptap-youtube-player.draggable .youtube-editor-content .ProseMirror iframe{border-radius:8px}@media (max-width:768px){.tiptap-youtube-player .youtube-editor-content .ProseMirror iframe{border-radius:4px}.tiptap-youtube-player.draggable{width:280px!important}.tiptap-youtube-player .drag-handle{font-size:10px;padding:2px 4px;right:4px;top:4px}}.summary-component{background:#f6f4f0;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.summary-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.summary-header h2{color:#2d3648;font-size:18px;font-weight:500;margin:0}.summary-content{color:#4a4e57;flex:1 1;font-size:15px;letter-spacing:.2px;line-height:1.7;min-height:0;overflow-y:auto;padding-right:16px;white-space:pre-wrap}.summary-content p{background:#fff;border:1px solid #0000000a;border-radius:6px;box-shadow:0 1px 2px #00000005;margin-bottom:16px;padding:16px}.summary-content::-webkit-scrollbar{height:8px;width:8px}.summary-content::-webkit-scrollbar-track{background:#00000005}.summary-content::-webkit-scrollbar-thumb{background:#00000014;background-clip:padding-box;border:2px solid #f6f4f0;border-radius:4px}.summary-content::-webkit-scrollbar-thumb:hover{background:#0000001f;background-clip:padding-box;border:2px solid #f6f4f0}.summary-content::selection{background:#2d364814}@media (max-width:768px){.summary-component{padding:20px 24px}.summary-header h2{font-size:16px}.summary-content{font-size:14px;line-height:1.6}}.subtitle-area{word-wrap:break-word;color:var(--text-color);font-family:Arial,sans-serif;font-size:18px;font-size:var(--intensive-listening-subtitle-font-size,18px);font-weight:400;line-height:1.6;text-align:center;text-shadow:0 0 0 #0000;transition:text-shadow .3s ease,color .3s ease;width:100%}.subtitle-word{border-radius:3px;display:inline-block;margin:0 8px 0 2px;padding:2px 4px;position:relative;transition:all .3s ease;transition:color .2s ease;white-space:nowrap;word-break:keep-all}.subtitle-word.pixelated{color:#0000;filter:blur(5px);text-shadow:0 0 5px #00000080}.subtitle-word.visible{color:#1677ff;color:var(--theme-accent,#1677ff);filter:none;text-shadow:none}.subtitle-word.current-word{color:#1677ff;color:var(--primary-color,#1677ff);font-weight:400}.subtitle-word.future-word{color:var(--text-color)}.subtitle-word.clickable{transition:all .2s ease}.subtitle-word.clickable:hover{background-color:#e6f7ff;background-color:var(--theme-accent-light,#e6f7ff);border-radius:4px;box-shadow:0 2px 4px #1677ff33;margin:-2px -4px;padding:2px 4px;transform:scale(1.05)}.subtitle-word.clickable:active{background-color:#1677ff;background-color:var(--theme-accent,#1677ff);color:#fff;transform:scale(.95)}.subtitle-word.vocabulary-word{animation:vocabularyPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffeaa7,#fab1a0);background:var(--vocabulary-word-bg,linear-gradient(135deg,#ffeaa7 0,#fab1a0 100%));border:2px solid #e17055;border:2px solid var(--vocabulary-word-border,#e17055);border-radius:6px;box-shadow:0 2px 8px #e170554d;box-shadow:0 2px 8px var(--vocabulary-word-shadow,#e170554d);color:#2d3436;color:var(--vocabulary-word-text,#2d3436);font-weight:600;margin:0 2px;padding:3px 6px;position:relative}.subtitle-word.vocabulary-word:before{animation:vocabularyFloat 2s ease-in-out infinite;color:inherit;color:var(--vocabulary-word-icon-color,inherit);font-size:12px;left:50%;opacity:.8;position:absolute;top:-18px;transform:translateX(-50%)}.subtitle-word.vocabulary-word:hover{background:linear-gradient(135deg,#fdcb6e,#e84393);background:var(--vocabulary-word-hover-bg,linear-gradient(135deg,#fdcb6e 0,#e84393 100%));border-color:#e84393;border-color:var(--vocabulary-word-hover-border,#e84393);box-shadow:0 4px 16px #e8439366;box-shadow:0 4px 16px var(--vocabulary-word-hover-shadow,#e8439366);color:inherit;color:var(--vocabulary-word-hover-text,inherit);transform:scale(1.1);z-index:10}@keyframes vocabularyPulse{0%,to{box-shadow:0 2px 8px #e170554d;box-shadow:0 2px 8px var(--vocabulary-word-shadow,#e170554d)}50%{box-shadow:0 4px 16px #e1705599;box-shadow:0 4px 16px var(--vocabulary-word-pulse-shadow,#e1705599)}}@keyframes vocabularyFloat{0%,to{opacity:.8;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-2px)}}[data-theme=dark] .subtitle-word.current-word{color:#40a9ff;color:var(--theme-word-highlight,#40a9ff)}[data-theme=dark] .subtitle-word.past-word{color:#8c8c8c;color:var(--theme-text-tertiary,#8c8c8c)}[data-theme=dark] .subtitle-word.future-word{color:#f0f0f0;color:var(--theme-text-primary,#f0f0f0)}[data-theme=dark] .subtitle-word.clickable:hover{background-color:#003a8c;background-color:var(--theme-accent-dark,#003a8c);box-shadow:0 2px 4px #40a9ff4d}[data-theme=dark] .subtitle-word.clickable:active{background-color:#40a9ff;background-color:var(--theme-accent,#40a9ff);color:#141414;color:var(--theme-bg-primary,#141414)}.subtitle-word.interactive{cursor:pointer}.subtitle-word.interactive:hover{color:#1677ff;color:var(--primary-color,#1677ff)}.word-hover-menu{animation:fadeInUp .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff;background:var(--card-background,var(--background-color,#fff));border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 12px #00000026;box-shadow:var(--box-shadow,0 4px 12px #00000026);display:flex;gap:6px;padding:6px;top:-58px;white-space:nowrap;z-index:1000}.word-hover-menu,.word-hover-menu:before{left:50%;position:absolute;transform:translateX(-50%)}.word-hover-menu:before{background:#0000;content:"";height:8px;top:100%;width:100%;z-index:999}.menu-button{align-items:center;background:#fafafa;background:var(--button-background,var(--card-background,#fafafa));border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;border-radius:var(--border-radius-small,6px);color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.menu-button:hover{background:#f0f7ff;background:var(--button-hover-background,var(--primary-color-light,#f0f7ff));border-color:#1677ff;border-color:var(--primary-color,#1677ff);box-shadow:0 4px 12px #1677ff26;box-shadow:var(--button-hover-shadow,0 4px 12px #1677ff26);color:#1677ff;color:var(--primary-color,#1677ff);transform:translateY(-1px)}.menu-button:active{box-shadow:0 2px 4px #1677ff1a;box-shadow:var(--button-active-shadow,0 2px 4px #1677ff1a);transform:translateY(0)}.explain-button:hover{background:#f6ffed;background:var(--success-color-light,#f6ffed);border-color:#52c41a;border-color:var(--success-color,#52c41a);box-shadow:0 4px 12px #52c41a26;box-shadow:var(--success-shadow,0 4px 12px #52c41a26);color:#52c41a;color:var(--success-color,#52c41a)}.collect-button:hover{background:#fffbe6;background:var(--warning-color-light,#fffbe6);border-color:#faad14;border-color:var(--warning-color,#faad14);box-shadow:0 4px 12px #faad1426;box-shadow:var(--warning-shadow,0 4px 12px #faad1426);color:#faad14;color:var(--warning-color,#faad14)}[data-theme=dark] .word-hover-menu{background:#1f1f1f;background:var(--card-background-dark,var(--background-color-dark,#1f1f1f));box-shadow:0 4px 16px #0006;box-shadow:var(--box-shadow-dark,0 4px 16px #0006)}[data-theme=dark] .menu-button,[data-theme=dark] .word-hover-menu{border-color:#404040;border-color:var(--border-color-dark,#404040)}[data-theme=dark] .menu-button{background:#2a2a2a;background:var(--button-background-dark,#2a2a2a);color:#e8e8e8;color:var(--text-color-dark,#e8e8e8)}[data-theme=dark] .menu-button:hover{background:#333;background:var(--button-hover-background-dark,#333);box-shadow:0 4px 12px #1677ff40;box-shadow:var(--button-hover-shadow-dark,0 4px 12px #1677ff40)}[data-theme=dark] .explain-button:hover{background:#162312;background:var(--success-color-dark,#162312);border-color:#52c41a;border-color:var(--success-color,#52c41a);box-shadow:0 4px 12px #52c41a40;box-shadow:var(--success-shadow-dark,0 4px 12px #52c41a40);color:#52c41a;color:var(--success-color,#52c41a)}[data-theme=dark] .collect-button:hover{background:#2d1b00;background:var(--warning-color-dark,#2d1b00);border-color:#faad14;border-color:var(--warning-color,#faad14);box-shadow:0 4px 12px #faad1440;box-shadow:var(--warning-shadow-dark,0 4px 12px #faad1440);color:#faad14;color:var(--warning-color,#faad14)}[data-theme=dark] .subtitle-word.interactive:hover{color:#40a9ff;color:var(--primary-color-light,#40a9ff)}.bottom-button-bar{align-items:center;background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc);border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--theme-shadow-light,0 2px 4px #0000000d);display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin:8px;padding:16px}.bottom-button{border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);cursor:pointer;flex:0 1 auto;justify-content:center;min-width:80px}.bottom-button:hover{background-color:#f9fafb;background-color:var(--theme-bg-secondary,#f9fafb);transform:translateY(-1px)}.button-text{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500;margin-top:4px;white-space:nowrap}.shortcut-hint,.sub-text{display:none}.bottom-button.disabled{border-color:#0000000d;border-color:var(--theme-border-muted,#0000000d)}.bottom-button.disabled,.bottom-button.disabled:hover{background-color:#f3f4f6;background-color:var(--theme-bg-muted,#f3f4f6)}.bottom-button.disabled:hover{transform:none}.bottom-button.disabled .button-text,.bottom-button.disabled svg{color:#6b7280;color:var(--theme-text-muted,#6b7280)}.bottom-button.disabled svg{opacity:.5}.progress-indicator{color:#6b7280;color:var(--theme-text-muted,#6b7280);font-size:12px;margin:0 16px}@media screen and (max-width:768px){.bottom-button-bar{gap:6px;margin:4px;padding:8px}.bottom-button{min-width:55px;padding:6px 8px}.button-text{font-size:11px}.bottom-button svg{height:16px;width:16px}}@media screen and (max-width:320px){.bottom-button-bar{flex-wrap:wrap;gap:3px;justify-content:center}.bottom-button{min-width:45px;padding:4px 6px}.button-text{font-size:9px}}.bottom-button.active{background-color:#e6f7ff;background-color:var(--theme-accent-light,#e6f7ff);border-color:#1890ff;border-color:var(--theme-accent,#1890ff)}.bottom-button.active .button-text{font-weight:600}.bottom-button.active .button-text,.bottom-button.active svg{color:#1890ff;color:var(--theme-accent,#1890ff)}.intensive-listening-component{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);display:flex;flex:1 1;flex-direction:column;padding:32px}.subtitle-container{align-items:center;background-color:#fff;background-color:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:12px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0;padding:40px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.subtitle-text{color:var(--theme-text-primary,#2d3648);font-size:24px;font-size:var(--intensive-listening-font-size,24px);font-weight:500;line-height:1.6;pointer-events:none;text-align:center}.control-buttons{display:flex;gap:16px;justify-content:center;margin-top:24px}.control-button{border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);color:#2d3648;color:var(--theme-text-primary,#2d3648);gap:12px;padding:12px 24px}.control-button,.control-button:hover{background-color:#fff;background-color:var(--theme-bg-surface,#fff)}.control-button:hover{border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.shortcut-hint{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:14px;margin-left:8px}.adm-progress-bar{--fill-color:var(--theme-text-primary,#2d3648)!important}.shortcuts-guide1{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:12px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);padding:16px;position:fixed;right:24px;top:70%;transform:translateY(-50%)}.shortcut-item{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:14px;margin-bottom:12px}.shortcut-item:last-child{margin-bottom:0}.shortcut-key{border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:4px;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-weight:500;margin-right:8px;padding:4px 8px}.control-button .shortcut-hint{display:none}@media screen and (max-width:768px){.intensive-listening-component{padding:16px}.subtitle-container{margin:12px 0;padding:20px}.control-buttons{gap:8px}.control-button{font-size:14px;padding:8px 16px}.shortcuts-guide{display:none}}.favorite-button{align-items:center;background-color:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;top:10px;transition:all .3s ease;z-index:2}.favorite-button:hover{background-color:#0000000d;background-color:var(--theme-border-light,#0000000d)}.favorite-icon{color:#666;color:var(--theme-text-muted,#666);font-size:24px}.favorite-icon.active{color:gold}.translation-area{background:none;border:none;box-shadow:none;color:#333;color:var(--theme-text-primary,#333);font-size:18px;height:40px;margin:0 auto 20px;max-width:800px;opacity:1;padding:10px;position:relative;text-align:center;transition:opacity .2s ease;visibility:visible;width:100%;z-index:5}.translation-area.hidden{opacity:0;visibility:hidden}.translation-area p{line-height:1.5;margin:0}.translation-button{align-items:center;background-color:#f0f0f0;background-color:var(--theme-bg-primary,#f0f0f0);border-radius:50%;bottom:10px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--theme-shadow-light,0 2px 4px #0000001a);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;width:32px;z-index:10}.translation-button:hover{background-color:#e0e0e0;background-color:var(--theme-border-medium,#e0e0e0)}.translation-icon{color:#333;color:var(--theme-text-primary,#333);font-size:14px;font-weight:700}.shortcuts-guide .shortcut-item:last-child .shortcut-key{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-color:#0000000a;border-color:var(--theme-border-light,#0000000a)}.card-content{display:flex;flex-direction:column;width:100%}.voice-wave-animation{align-items:center;display:flex;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.voice-wave-animation svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.floating-video-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:25vw;overflow:hidden;position:fixed;right:20px;top:20px;width:300px;z-index:1000}.floating-video-player video{background:#000;display:block;height:auto;max-height:200px;object-fit:contain;width:100%}.floating-video-player .video-title{background:#000c;border-top:1px solid #ffffff1a;color:#fff;font-size:12px;font-weight:500;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.floating-video-player{max-width:40vw;right:10px;top:10px;width:200px}.floating-video-player video{max-height:120px}.floating-video-player .video-title{font-size:11px;padding:6px 8px}}@media screen and (max-width:480px){.floating-video-player{max-width:35vw;width:150px}.floating-video-player video{max-height:100px}.floating-video-player .video-title{font-size:10px;padding:4px 6px}}.ear-training-component{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);color:#2d3648;color:var(--theme-text-primary,#2d3648);flex-direction:column;height:100%}.content-container,.ear-training-component{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.content-container{background:#0000;border-radius:0;box-shadow:none;flex:1 1;flex-direction:column;margin:24px 0;max-width:720px;min-height:320px;padding:40px 20px 20px}.english-subtitle{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:28px;font-weight:500;line-height:1.4;margin-bottom:20px;min-height:80px;padding:0 24px}.chinese-translation,.english-subtitle{align-items:center;background:#0000;border-radius:12px;display:flex;justify-content:center;position:relative;text-align:center;text-shadow:0 1px 2px #fffc;width:100%;z-index:2}.chinese-translation{border-top:1px solid #00000014;border-top:1px solid var(--theme-border-light,#00000014);color:#6b7280;color:var(--theme-text-secondary,#6b7280);font-size:20px;line-height:1.5;margin-top:8px;min-height:60px;padding:20px 24px 0}.controls{bottom:100px;margin:0;position:absolute;right:40px;transform:none;z-index:100}.control-button{background:#2d3648;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:16px;font-weight:500;padding:12px 32px;transition:all .2s ease}.control-button:hover{background:#404b63;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.control-button.paused{background:#9ca3af}.progress-info{display:none}.progress-number{align-items:center;background:#ffffffe6;border-radius:16px;color:#4b5563;display:flex;font-size:16px;font-weight:500;gap:4px;margin:0;padding:4px 12px;white-space:nowrap}.progress-bar{background:#0000000d;border-radius:3px;box-shadow:inset 0 1px 2px #0000001a;height:6px;overflow:hidden;width:400px}.progress-bar:after{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#3b82f6);background-size:200% 100%;border-radius:3px;box-shadow:0 0 10px #3b82f680;content:"";height:100%;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.4,0,.2,1);width:0;width:var(--progress,0)}.play-step{color:#2d364826;font-size:120px;font-weight:700;left:40px;position:absolute;top:20px;z-index:3}.play-step:before{display:none}@keyframes numberPop{0%{opacity:0;transform:scale(.8)}50%{opacity:.3;transform:scale(1.2)}to{opacity:.15;transform:scale(1)}}.ear-training-shortcuts-guide{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #0000000a;border-radius:20px;bottom:40px;box-shadow:0 2px 4px #0000000a;display:flex;flex-direction:column;gap:8px;padding:12px;position:absolute;right:40px;transform:none;z-index:1000}.ear-training-shortcut-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;white-space:nowrap}.ear-training-shortcut-key{background:#0000000a;border-radius:4px;color:#4b5563;font-family:system-ui,-apple-system,sans-serif;font-weight:400;min-width:50px;padding:2px 6px;text-align:center}@media (max-width:768px){.controls{bottom:max(100px,15vh);right:20px}.progress-info{bottom:max(90px,12vh);padding:0 60px}.ear-training-shortcuts-guide{display:none}.play-step{font-size:80px;left:40px;top:40px}.audio-spectrum-container{height:min(240px,60vw);width:min(240px,60vw)}.subtitles-container{padding:15px;width:90%}}.visual-feedback{animation:progress 2s linear;background:linear-gradient(90deg,#4caf50,#81c784);bottom:0;height:4px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.subtitles-container{animation:fadeIn .3s ease-out;left:50%;margin-top:0;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:4}@media (max-width:480px){.content-container{padding:16px 12px}.subtitles-container{padding:10px;width:95%}.english-subtitle{font-size:24px;min-height:60px}.chinese-translation{font-size:18px;min-height:50px}.controls{bottom:max(80px,12vh);right:15px}.progress-info{bottom:max(70px,10vh);padding:0 50px}.control-button{font-size:14px;padding:8px 20px}.audio-spectrum-container{height:min(200px,50vw);right:20px;top:20px;width:min(200px,50vw)}}@media (max-height:600px){.subtitles-container{transform:translate(-50%,-40%)}.audio-spectrum-container{height:min(180px,45vw);right:15px;top:15px;width:min(180px,45vw)}.controls{bottom:max(60px,10vh)}.progress-info{bottom:max(50px,8vh)}}.audio-spectrum-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;box-shadow:0 2px 4px #00000005,inset 0 0 0 1px #fff6}.chinese-translation,.english-subtitle{filter:drop-shadow(0 0 1px rgba(255,255,255,.8))}.progress-circle{align-items:center;background:#fffc;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px;z-index:3}.progress-text{color:#2d3648;font-size:13px}@media screen and (max-width:768px){.progress-circle{height:36px;right:15px;top:15px;width:36px}.progress-text{font-size:12px}.play-step{font-size:80px;left:20px}}.audio-spectrum-container{background:#0000;border-radius:50%;box-shadow:none;height:min(280px,70vw);left:50%;margin:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:min(280px,70vw);z-index:1}.audio-spectrum-container:hover{transform:scale(1.02)}.audio-spectrum{display:block;height:100%;width:100%}@media (max-width:768px){.audio-spectrum-container{height:min(240px,60vw);width:min(240px,60vw)}}@media (max-width:480px){.audio-spectrum-container{height:min(200px,50vw);width:min(200px,50vw)}}@media (max-height:600px){.audio-spectrum-container{height:min(180px,45vw);width:min(180px,45vw)}}.learning-mode-button-bar{display:flex;gap:12px;justify-content:center;padding:12px 16px;position:relative}.mode-button{border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.mode-button.selected{background-color:#2d3648;background-color:var(--theme-text-primary,#2d3648);box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);color:#fff;color:var(--theme-bg-surface,#fff)}.mode-button:not(.selected){border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);color:#4a4e57;color:var(--theme-text-secondary,#4a4e57)}.mode-button:not(.selected),.mode-button:not(.selected):hover{background-color:#fff;background-color:var(--theme-bg-surface,#fff)}.mode-button:not(.selected):hover{border-color:#00000014;border-color:var(--theme-border-medium,#00000014);box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.mode-button:active{transform:translateY(1px)}.dictation-mode-group{background:#2d36480d;background:var(--theme-border-light,#2d36480d);border-radius:8px;display:flex;gap:8px;padding:4px}.dictation-mode-group .mode-button{font-size:14px;margin:0;min-width:80px}.dictation-mode-group .mode-button.selected{background-color:#2d3648;background-color:var(--theme-text-primary,#2d3648);color:#fff;color:var(--theme-bg-surface,#fff)}.dictation-mode-group .mode-button:not(.selected){background-color:#fff;background-color:var(--theme-bg-surface,#fff);color:#4a4e57;color:var(--theme-text-secondary,#4a4e57)}.grammar-analysis-container{background:#f6f4f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;height:calc(100vh - 200px);margin:20px;overflow:hidden}.subtitles-list{background:#f6f4f0;border-right:1px solid #0000000f;overflow-y:auto;padding:16px;width:40%}.subtitle-item{background:#fff;border:1px solid #0000000a;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.subtitle-item:hover{border-color:#2d364814}.subtitle-item.selected,.subtitle-item:hover{background:#fff;box-shadow:0 1px 2px #00000005}.subtitle-item.selected{border-color:#2d3648}.subtitle-text{color:#2d3648;font-size:16px;line-height:1.5}.grammar-content{background:#fff;flex:1 1;overflow-y:auto;padding:24px 32px}.grammar-loading{align-items:center;background:#f6f4f0;display:flex;height:100%;justify-content:center}.grammar-content h1,.grammar-content h2,.grammar-content h3{color:#2d3648;font-weight:500;margin-bottom:16px}.grammar-content h1{font-size:24px}.grammar-content h2{font-size:20px}.grammar-content h3{font-size:18px}.grammar-content p{color:#4a4e57;line-height:1.6;margin-bottom:12px}.grammar-content code{background:#f6f4f0;border-radius:4px;color:#2d3648;font-family:monospace;padding:2px 6px}.grammar-content ol,.grammar-content ul{margin-bottom:16px;padding-left:24px}.grammar-content li{color:#4a4e57;line-height:1.6;margin-bottom:8px}.grammar-content::-webkit-scrollbar,.subtitles-list::-webkit-scrollbar{width:8px}.grammar-content::-webkit-scrollbar-track,.subtitles-list::-webkit-scrollbar-track{background:#f6f4f0}.grammar-content::-webkit-scrollbar-thumb,.subtitles-list::-webkit-scrollbar-thumb{background:#2d364833;border-radius:4px}.grammar-content::-webkit-scrollbar-thumb:hover,.subtitles-list::-webkit-scrollbar-thumb:hover{background:#2d36484d}.study-timer{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--theme-border-light,#e0e0e0);border-radius:8px;display:flex;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;gap:8px;padding:6px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.study-timer.active{box-shadow:0 2px 4px #0000001a}.study-timer.inactive{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);opacity:.6}.timer-display{align-items:center;display:flex;gap:6px;min-width:80px}.timer-icon{font-size:16px;opacity:.8}.timer-time{color:var(--text-color);font-family:Courier New,monospace;font-size:14px;font-weight:600;margin-left:6px}.timer-controls{align-items:center;display:flex;gap:4px;margin-left:4px}.timer-control-btn{align-items:center!important;border-radius:4px!important;color:#666!important;color:var(--theme-text-secondary,#666)!important;display:flex!important;height:24px!important;justify-content:center!important;min-width:24px!important;padding:0!important;transition:all .2s ease!important;width:24px!important}.timer-control-btn:hover:not(:disabled){background:#0000000a!important;background:var(--theme-bg-primary,#0000000a)!important;color:#6b4eff!important;color:var(--theme-accent,#6b4eff)!important}.timer-control-btn:disabled{cursor:not-allowed!important;opacity:.3!important}.timer-control-btn .anticon{font-size:12px}[data-theme=claude] .study-timer{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=claude] .timer-time{color:var(--theme-text-primary)}[data-theme=claude] .timer-control-btn{color:var(--theme-text-secondary)!important}[data-theme=claude] .timer-control-btn:hover:not(:disabled){background:var(--theme-bg-primary)!important;color:var(--theme-accent)!important}[data-theme=dark] .study-timer{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=dark] .timer-time{color:var(--theme-text-primary)}[data-theme=dark] .timer-control-btn{color:var(--theme-text-secondary)!important}[data-theme=dark] .timer-control-btn:hover:not(:disabled){background:#ffffff14!important;color:var(--theme-accent)!important}[data-theme=forest] .study-timer{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=forest] .timer-time{color:var(--theme-text-primary)}[data-theme=forest] .timer-control-btn{color:var(--theme-text-secondary)!important}[data-theme=forest] .timer-control-btn:hover:not(:disabled){background:var(--theme-bg-primary)!important;color:var(--theme-accent)!important}@media (max-width:768px){.study-timer{gap:6px;padding:4px 8px}.timer-display{gap:4px;min-width:70px}.timer-icon{font-size:14px}.timer-time{font-size:12px;min-width:45px}.timer-control-btn{height:20px!important;min-width:20px!important;width:20px!important}.timer-control-btn .anticon{font-size:10px}}@media (max-width:480px){.study-timer{gap:4px;padding:3px 6px}.timer-display{gap:3px;min-width:60px}.timer-time{font-size:11px;min-width:40px}.timer-controls{gap:2px}}.episode-content-manager{flex-direction:column;height:100%}.content-area,.episode-content-manager{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);display:flex}.content-area{flex:1 1;flex-direction:column;min-height:0}.content-area.dictation-mode{display:flex;gap:24px}.content-area.dictation-mode .main-content{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:8px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);flex:1 1}.main-content{flex:1 1;min-height:0;overflow:hidden;padding:0 24px 24px}.main-content>div{height:100%;position:relative;width:100%}.shortcuts-guide{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:8px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);flex-shrink:0;padding:16px 16px 0;transition:all .3s ease;width:200px}.shortcuts-guide.collapsed{padding:16px 12px;width:120px}.shortcuts-guide-header{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--theme-border-light,#0000000f);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;white-space:nowrap}.shortcuts-guide-header span{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500}.toggle-shortcuts-btn{background:none;border:none;border-radius:4px;color:#666;color:var(--theme-text-muted,#666);cursor:pointer;font-size:13px;padding:2px 6px}.toggle-shortcuts-btn:hover{background:#f5f5f5;background:var(--theme-bg-secondary,#f5f5f5)}.shortcuts-content{max-height:240px;overflow:hidden;padding-bottom:12px;transition:max-height .3s ease}.shortcuts-content.hide{max-height:0;padding-bottom:0}.shortcut-item{align-items:center;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:flex;font-size:13px;gap:6px;padding:4px 0}.shortcut-key{border-radius:3px;color:#666;color:var(--theme-text-muted,#666);font-family:monospace;font-size:12px;min-width:16px;padding:1px 4px;text-align:center}.learning-mode-button-bar,.shortcut-key{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0)}.learning-mode-button-bar{border-top:1px solid #0000000f;border-top:1px solid var(--theme-border-light,#0000000f);flex-shrink:0;padding:16px 24px;z-index:100}.content-title-container{align-items:center;display:flex;justify-content:space-between;padding:16px 24px;position:relative;width:100%}.content-title-text{color:#2d3648;color:var(--theme-text-secondary,#2d3648);flex:1 1;font-size:20px;font-weight:600;margin:0;padding:0 48px;text-align:center}.back-to-home{flex-shrink:0;font-size:18px;height:auto;order:-1;padding:0;position:static}.back-to-home:hover{color:#1890ff;color:var(--theme-accent,#1890ff)}.content-title-container .study-timer{flex-shrink:0;margin-left:auto}.content-title{flex-shrink:0;padding:24px 24px 16px}.content-title h2{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:24px;font-weight:500;line-height:1.4;margin:0}.summary-content{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-radius:8px;padding:24px}.chapter-content{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:8px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);padding:20px}.block-content{line-height:1.6;margin:8px 0}.block-chapter{font-size:24px;font-weight:600}.block-chapter,.block-sentence{color:#37352f;color:var(--theme-text-primary,#37352f)}.block-sentence{font-size:16px}.block-children{border-left:2px solid #2383e233;border-left:2px solid var(--theme-accent,#2383e233)}.block-chunks{background-color:#2383e208;background-color:var(--theme-accent,#2383e208);color:#37352f;color:var(--theme-text-primary,#37352f);font-size:14px;line-height:1.5;margin:4px 0}@media (max-width:768px){.content-title-container{padding:12px 16px}.content-title-text{font-size:18px;padding:0 24px}.back-to-home{font-size:16px}}@media (max-width:480px){.content-title-container{flex-wrap:wrap;gap:8px;padding:10px 12px}.content-title-text{font-size:16px;order:1;padding:0 12px;text-align:center;width:100%}.back-to-home{font-size:14px;order:0}.content-title-container .study-timer{margin-left:0;order:2}}.favorite-list-module{background:#f6f4f0;border:1px solid #e9e5e0;border-radius:12px;box-shadow:0 1px 2px #00000005;cursor:pointer;margin-bottom:24px;padding:20px;transition:all .3s ease}.favorite-list-module:hover{background-color:#f0ede8;box-shadow:0 2px 4px #0000000a;transform:translateY(-1px)}.favorite-list-title{align-items:center;color:#2d3648;display:flex;font-size:18px;font-weight:500;margin-bottom:16px}.favorite-icon{color:gold;font-size:20px;margin-right:8px}.favorite-list-content{align-items:flex-start;background-color:#ffffffb3;border:1px solid #e9e5e0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.favorite-list-module:hover .favorite-list-content{background-color:#ffffffe6}.folder-icon{color:#2d3648;flex-shrink:0;font-size:24px;opacity:.8}.favorite-list-description{color:#2d3648;flex:1 1;font-size:14px;line-height:1.6;opacity:.8}.dictation-screen{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);display:flex;height:91vh;width:100%}.dictation-sidebar{background:#fff;background:var(--theme-bg-surface,#fff);border-right:1px solid #0000000f;border-right:1px solid var(--theme-border-light,#0000000f);box-shadow:1px 0 2px #00000005;box-shadow:var(--theme-shadow-light,1px 0 2px #00000005);flex-shrink:0;height:100%;overflow-y:auto;transition:all .3s ease;width:300px}.dictation-sidebar::-webkit-scrollbar{height:8px;width:8px}.dictation-sidebar::-webkit-scrollbar-track{background:#0000}.dictation-sidebar::-webkit-scrollbar-thumb{background:#00000014;background:var(--theme-border-light,#00000014);background-clip:padding-box;border:2px solid #fff;border:2px solid var(--theme-bg-surface,#fff);border-radius:4px}.dictation-sidebar::-webkit-scrollbar-thumb:hover{background:#0000001f;background:var(--theme-border-medium,#0000001f);background-clip:padding-box;border:2px solid #fff;border:2px solid var(--theme-bg-surface,#fff)}.dictation-sidebar.collapsed{box-shadow:1px 0 3px #00000008;box-shadow:var(--theme-shadow-light,1px 0 3px #00000008);width:50px}.dictation-content{display:flex;flex:1 1;margin:12px;overflow:hidden;position:relative}.dictation-content,.dictation-content>div{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-radius:8px;height:100%}.dictation-content>div{width:100%}.sidebar-toggle{align-items:center;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--theme-border-light,#0000000d);color:#6b7280;color:var(--theme-text-muted,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .2s ease}.sidebar-toggle:hover{background:#00000005;background:var(--theme-border-light,#00000005);color:#374151;color:var(--theme-text-secondary,#374151)}.chat-icon{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:24px;bottom:24px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 2px 8px #0000001a);color:#6b7280;color:var(--theme-text-muted,#6b7280);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:48px;z-index:1000}.chat-icon:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--theme-shadow-medium,0 4px 12px #00000026);color:#374151;color:var(--theme-text-secondary,#374151);transform:translateY(-1px)}.login-modal .ant-modal-content{border-radius:8px}.login-modal .ant-modal-header{border-radius:8px 8px 0 0}.login-form{padding:24px 0}.verification-code-input{align-items:center;display:flex}.verification-code-input .ant-input-affix-wrapper{flex:1 1}.send-code-button{font-size:12px;height:32px;margin-left:10px;padding:0;width:110px}.login-form .ant-form-item:last-child{margin-bottom:0}.login-form .ant-btn-primary{font-size:16px;height:40px}.login-form .ant-input-affix-wrapper{height:40px}.login-form .ant-input-affix-wrapper .ant-input{font-size:14px}.login-form .anticon{color:#00000040}.login-modal .ant-tabs,.login-modal .ant-tabs-nav{margin-bottom:24px}.login-form{max-width:100%}.contact-info{align-items:center;display:flex;flex-direction:column;padding:20px 0}.contact-qr{margin-bottom:20px}.qr-code{box-shadow:0 4px 12px #0000001a;height:160px;width:160px}.contact-info .ant-typography{font-size:16px;margin-bottom:12px}.contact-info strong{color:#1890ff;margin-right:8px}.landing-header{background-color:#fff;box-shadow:0 2px 8px #0000000f;height:64px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.landing-header,.logo{align-items:center;display:flex}.logo .ant-typography{color:#1890ff;margin:0}.ant-menu{border-bottom:none;line-height:64px}@media (max-width:768px){.landing-header{padding:0 10px}.logo .ant-typography{font-size:18px}}.logo-image{border-radius:50%;height:30px;margin-right:10px;object-fit:cover;width:30px}.banners-container{align-items:center;background:linear-gradient(135deg,#1a365d,#2c5282);display:flex;min-height:600px;overflow:hidden}.banners-container .ant-row{margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.banners-media-container{display:flex;margin:0 auto;max-width:600px;padding:20px}.banners-media-container,.carousel-item{align-items:center;justify-content:center}.carousel-item{display:flex!important;height:500px}.banners-image{border-radius:12px;box-shadow:0 8px 24px #0003;height:auto;max-width:100%;transition:transform .3s ease}.banners-image:hover{transform:scale(1.02)}.banners-video{background-color:#2c3e50;border:12px solid #2c3e50;border-radius:20px;box-shadow:0 8px 24px #0003;height:auto;width:280px}.ant-carousel .slick-dots li button{background:#ffffff4d}.ant-carousel .slick-dots li.slick-active button{background:#fff}@media screen and (min-width:1400px){.banners-container{min-height:700px;padding:120px 0}.banners-container .ant-row{max-width:1600px;padding:0 40px}.banners-content{padding:0 60px}.banners-media-container{max-width:700px;padding:40px}.carousel-item{height:600px}.banners-content .ant-typography-title{font-size:3.5rem!important;line-height:1.2;margin-bottom:32px!important}.banners-content .ant-typography-paragraph{font-size:20px!important;line-height:1.8;margin-bottom:40px!important}.ant-btn-large{font-size:18px!important;height:56px!important;padding:0 32px!important}}@media screen and (min-width:1200px) and (max-width:1399px){.banners-container{min-height:650px;padding:100px 0}.banners-container .ant-row{max-width:1300px;padding:0 32px}.banners-content{padding:0 50px}.banners-media-container{max-width:650px;padding:30px}.carousel-item{height:550px}.banners-content .ant-typography-title{font-size:3rem!important;line-height:1.2;margin-bottom:28px!important}.banners-content .ant-typography-paragraph{font-size:19px!important;line-height:1.8;margin-bottom:36px!important}}@media screen and (min-width:992px) and (max-width:1199px){.banners-container{padding:80px 0}.banners-container .ant-row{padding:0 24px}.banners-content{padding:0 40px}.banners-media-container{max-width:600px}.carousel-item{height:500px}}@media screen and (min-width:768px) and (max-width:991px){.banners-container{padding:60px 0}.banners-container .ant-row{padding:0 20px}.banners-content{margin-bottom:40px;padding:0 30px;text-align:center}.banners-media-container{max-width:500px}.carousel-item{height:400px}.banners-video{width:240px}}@media screen and (max-width:767px){.banners-container{padding:40px 0}.banners-container .ant-row{padding:0 16px}.banners-content{margin-bottom:40px;padding:0 20px;text-align:center}.banners-media-container{max-width:400px}.carousel-item{height:300px}.banners-video{width:200px}.banners-content .ant-typography-title{font-size:2rem!important;line-height:1.3}.banners-content .ant-typography-paragraph{font-size:16px!important}}@media screen and (max-width:480px){.banners-container{padding:30px 0}.banners-container .ant-row{padding:0 12px}.banners-content{padding:0 16px}.carousel-item{height:250px}.banners-video{width:180px}.banners-content .ant-typography-title{font-size:1.5rem!important}.banners-content .ant-typography-paragraph{font-size:14px!important}}.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #0000001a;border-radius:2px;display:inline-block;flex-shrink:0;height:18px;overflow:hidden;position:relative;vertical-align:middle;width:24px}.flag-icon.flag-world{background:linear-gradient(45deg,#4caf50,#2196f3)}.flag-icon.flag-us{background-image:url(/static/media/America-01-1.20736b00902892e624d4.svg)}.flag-icon.flag-jp{background-image:url(/static/media/Flag-of-japan-01-1.f153272eb3b7ad69ea1b.svg)}.flag-icon.flag-fr{background-image:url(/static/media/Flag-of-France-01-1.3edd3fe1fdd51ed7b7ea.svg)}.flag-icon.flag-es{background-image:url(/static/media/Flag-of-Spain-01-2.db4c7dd309da1ce6503d.svg)}.flag-icon.flag-de{background-image:url(/static/media/Flag-of-Germany-01-1.cec763d5a65326e400d6.svg)}.flag-icon.flag-cn{background-image:url(/static/media/Flag-of-China-01-1.414f1ead30cf70be6d06.svg)}.flag-icon.flag-hk{background-image:url(/static/media/Hong-Kong-01-1.91695eee05f0643d8424.svg)}.flag-icon.flag-kr{background-image:url(/static/media/South-Korea-01-1.ec0806aaf91817026593.svg)}.flag-icon.small{height:14px;width:18px}.flag-icon.large{height:24px;width:32px}[data-theme=dark] .flag-icon{border-color:#fff3}@media (max-width:768px){.flag-icon{height:15px;width:20px}}.feature-block{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);left:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;padding:120px 0;position:relative;right:50%;width:100vw}.feature-block:before{background:radial-gradient(circle at 20% 80%,#40a9ff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#87d0680f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.feature-content{margin:0 auto;padding:0 40px;position:relative;width:100%;z-index:1}.feature-block__header{margin-bottom:80px;position:relative;text-align:center}.feature-block__main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e6e6e6);-webkit-background-clip:text;background-clip:text;font-size:3.2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.2!important;margin-bottom:24px!important}.feature-block__subtitle{color:#ffffffb3!important;font-size:1.2rem!important;font-weight:400;letter-spacing:.01em;margin:0!important}.features-vertical{display:flex;flex-direction:column;gap:100px}.feature-item-vertical{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:60px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.feature-item-vertical:before{background:linear-gradient(135deg,#ffffff08,#0000);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-item-vertical:hover{background:#ffffff0d;border-color:#fff3;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff26;transform:translateY(-8px)}.feature-item-vertical:hover:before{opacity:1}.feature-row{margin:0!important;min-height:400px}@media (min-width:769px){.feature-item-vertical.image-left .feature-image-col{order:1}.feature-item-vertical.image-left .feature-text-col,.feature-item-vertical.image-right .feature-image-col{order:2}.feature-item-vertical.image-right .feature-text-col{order:1}}.feature-image-col,.feature-text-col{align-items:center;display:flex;justify-content:center}.feature-text-content{text-align:left;width:100%}.feature-block__title-vertical{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e6e6e6);-webkit-background-clip:text;background-clip:text;color:#fff!important;font-size:2.2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.3!important;margin-bottom:32px!important}.feature-block__description-vertical{color:#ffffffd9!important;font-size:1.1rem!important;font-weight:400;letter-spacing:.01em;line-height:1.8!important;margin:0!important}.feature-block__media-wrapper-vertical{border-radius:20px;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff26;margin:0 auto;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.feature-item-vertical:hover .feature-block__media-wrapper-vertical{box-shadow:0 30px 60px #000000b3,0 0 0 1px #ffffff40;transform:scale(1.02)}.feature-block__image-vertical{border-radius:0!important;display:block!important;height:auto!important;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%!important}.feature-item-vertical:hover .feature-block__image-vertical{transform:scale(1.05)}@media (max-width:768px){.feature-image-col.order-1,.feature-image-col.order-2{order:1!important}.feature-text-col.order-1,.feature-text-col.order-2{order:2!important}.feature-text-content{max-width:none;text-align:center}.features-vertical{gap:60px}.feature-item-vertical{padding:40px 24px}.feature-row{min-height:auto}.feature-block__title-vertical{font-size:1.8rem!important;margin-bottom:24px!important}.feature-block__description-vertical{font-size:1rem!important}.feature-block__media-wrapper-vertical{margin-bottom:32px;max-width:100%}.feature-block{padding:80px 0}.feature-content{padding:0 24px}.feature-block__header{margin-bottom:60px}.feature-block__main-title{font-size:2.4rem!important}.feature-block__subtitle{font-size:1.1rem!important}}@media (max-width:1200px){.feature-content{padding:0 32px}.feature-block__main-title{font-size:2.8rem!important}}@media (max-width:480px){.feature-block{padding:60px 0}.feature-content{padding:0 16px}.feature-block__main-title{font-size:2rem!important}.feature-block__subtitle{font-size:1rem!important}.features-vertical{gap:40px}.feature-item-vertical{padding:32px 20px}.feature-block__title-vertical{font-size:1.5rem!important;margin-bottom:20px!important}.feature-block__description-vertical{font-size:.95rem!important}}.feature-item-vertical{animation:fadeInUp .6s ease-out}.feature-item-vertical:first-child{animation-delay:.1s}.feature-item-vertical:nth-child(2){animation-delay:.2s}.feature-item-vertical:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.feature-block__image-vertical,.feature-block__media-wrapper-vertical,.feature-item-vertical{animation:none;transition:none}.feature-item-vertical:hover{transform:none}}@media (prefers-contrast:high){.feature-item-vertical{border-color:#ffffff4d;border-width:2px}.feature-block__title-vertical{font-weight:700!important}.feature-block__description-vertical{color:#ffffffe6!important}}.app-preview-gallery{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding:20px;scrollbar-width:none;width:100%}.app-preview-gallery::-webkit-scrollbar{display:none}.app-preview-item{flex:0 0 auto;perspective:1000px;transform-style:preserve-3d;width:220px}.app-preview-item:hover{transform:translateY(-5px)}@media (max-width:768px){.feature-block__section{padding:30px 15px}.app-preview-item{width:180px}}@media (max-width:576px){.feature-block__section{padding:20px 10px}.app-preview-item{width:150px}}.oral-training-section{align-items:center;display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px;width:100%}.oral-training-text{margin:0 auto;max-width:800px;text-align:center}.oral-training-text .feature-block__list{display:inline-block;margin:0 auto;text-align:left}.app-preview-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.app-preview-item{transition:transform .3s ease;width:100%}.app-preview-image{background:#2d2d2d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;height:auto;padding:10px;width:100%}@media (max-width:1200px){.app-preview-container{grid-template-columns:repeat(3,1fr);max-width:1000px}}@media (max-width:768px){.app-preview-container{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width:576px){.app-preview-container{grid-template-columns:repeat(1,1fr);max-width:300px}.oral-training-text{padding:0 20px}}.feature-container{background-color:#fff}.feature-title{color:#333}.feature-subtitle{color:#666}.feature-list-wrapper{display:flex;justify-content:center}.feature-list{margin:0 auto;max-width:1200px}.feature-item{background-color:#f5f7fa;text-align:center;transition:all .3s}.feature-item:hover{box-shadow:0 4px 16px #0000001a}.feature-icon{color:#3498db;font-size:48px}.feature-item h4{color:#333}.feature-item p{color:#666}@media (max-width:768px){.feature-container{padding:40px 0}.feature-title{font-size:24px}.feature-subtitle{font-size:16px;margin-bottom:32px}.feature-icon{font-size:36px}}.footer{background-color:#1a1a1a;color:#ffffffd9;padding:48px 24px 24px}.footer h4.ant-typography{color:#fff!important;margin-bottom:24px}.footer .ant-typography{color:#ffffffd9}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:24px}.contact-qr{margin-bottom:16px}.qr-code{border-radius:8px;height:120px;margin-bottom:12px;width:120px}.footer .ant-typography{color:#ffffffb3;text-align:center}.footer-bottom .ant-typography{color:#ffffff80;text-align:center}.footer-bottom .ant-space{align-items:center;display:flex;justify-content:center;width:100%}.footer .ant-space{justify-content:center;margin-bottom:16px;width:100%}.footer-bottom a{color:#ffffffb3}.footer-bottom a:hover{color:#1890ff!important}.footer .anticon-github{color:#ffffffb3}.footer .anticon-github:hover{color:#1890ff}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{align-items:center;color:#ffffffb3!important;display:inline-flex;transition:all .3s ease}.social-link:hover{color:#1890ff!important;transform:translateX(4px)}.social-icon{color:#ffffffb3;font-size:16px;transition:color .3s ease}.social-link:hover .social-icon{color:#1890ff}.xiaohongshu-icon{display:inline-block;font-size:16px;transition:transform .3s ease}.social-link:hover .xiaohongshu-icon{transform:scale(1.1)}@media (max-width:768px){.footer{padding:32px 16px 16px}.footer-bottom{margin-top:32px}}.faq-section{background-color:#1a1a1a;color:#e0e0e0;padding:80px 20px}.faq-title{color:#fff!important;margin-bottom:48px!important;text-align:center}.faq-container{margin:0 auto;max-width:800px}.faq-panel{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;margin-bottom:16px}.faq-section .ant-collapse{background:#0000}.faq-section .ant-collapse-header{color:#fff!important;font-size:16px;font-weight:500;padding:16px 24px!important}.faq-section .ant-collapse-content{background:#2d2d2d;border-top:1px solid #3d3d3d}.faq-answer{color:#fffc;line-height:1.6;margin:0;padding:16px 24px;white-space:pre-line}@media (max-width:768px){.faq-section{padding:40px 16px}.faq-title{font-size:24px!important;margin-bottom:32px!important}.faq-section .ant-collapse-header{font-size:15px;padding:12px 16px!important}.faq-answer{font-size:14px;padding:12px 16px}}.testimonials-section{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;padding:80px 20px}.section-title{color:#fff!important;font-size:36px;margin-bottom:30px!important;text-align:center}.section-subtitle{color:#ffffffb3!important;font-size:20px;margin-bottom:60px!important;text-align:center}.testimonials-container{display:flex;justify-content:center;margin:0 auto;max-width:1200px}.testimonials-container .ant-row{justify-content:center;width:100%}.testimonial-card{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:16px;box-shadow:0 4px 16px #0003;height:100%;margin:0 auto;max-width:360px;padding:32px;position:relative;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.testimonial-quote{display:flex;flex-direction:column;height:100%;margin:0}.quote-mark{color:#8a84d626;font-family:Georgia,serif;font-size:64px;left:24px;line-height:1;position:absolute;top:24px}.testimonial-content{color:#ffffffe6;flex:1 1;font-size:16px;line-height:1.8;margin:16px 0!important;min-height:80px;position:relative;z-index:1}.testimonial-source{align-items:flex-end;color:#8a84d6;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;margin-top:24px;text-align:right}.testimonial-source cite{font-style:normal;font-weight:500}.rating{font-size:16px;letter-spacing:2px;margin-top:4px}.rating,.rating[aria-label*="5星"]{color:gold}.rating[aria-label*="4星"]{color:#ffb347}.rating[aria-label*="3星"]{color:orange}@media (max-width:768px){.testimonials-section{padding:40px 16px}.section-title{font-size:28px!important;margin-bottom:20px!important}.section-subtitle{font-size:16px;margin-bottom:40px!important}.testimonial-card{padding:24px}.testimonial-content{font-size:15px;min-height:auto}.quote-mark{font-size:48px;left:16px;top:16px}.rating{font-size:14px;letter-spacing:1px}}.landing-page{background-color:#1a1a1a;color:#e0e0e0;min-height:100vh}.banners-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:80px 0}.banners-content{padding:0 40px}.banners-content h1{color:#fff;font-size:2.5rem;margin-bottom:24px}.banners-content .ant-typography{color:#ffffffe6}.feature-container{background-color:#1a1a1a;padding:80px 0}.feature-title{color:#fff!important;margin-bottom:16px;text-align:center}.feature-subtitle{color:#ffffffb3!important;margin-bottom:48px;text-align:center}.feature-item{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:12px;height:100%;padding:24px;transition:all .3s ease}.feature-item:hover{box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.feature-icon{color:#1890ff;font-size:32px;margin-bottom:16px}.feature-item h4{color:#fff!important;margin-bottom:12px}.feature-item .ant-typography{color:#ffffffb3}.ant-btn-primary{background:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}@media (max-width:768px){.banners-container{padding:40px 0}.banners-content h1{font-size:2rem}.feature-block__section{padding:24px}}.settings-popup{max-width:100%;padding:20px}.settings-popup h2{margin-bottom:24px;text-align:center}.system-settings{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.system-settings h3{color:#1a1a1a;font-size:18px;font-weight:500;margin-bottom:15px}.adm-form-item-extra{flex:none!important}.adm-form-item-extra .adm-button{font-size:12px;min-width:90px;padding:4px 8px}.contact-info{text-align:center}.qr-code{display:block;height:200px;margin:20px auto;width:200px}.user-info{background:#f5f5f5;border-radius:8px;padding:15px}.bottom-buttons,.logout-section,.user-info{margin:20px 0}.bottom-buttons .adm-space{width:100%}.about-info{text-align:center}.about-info h3{margin-bottom:16px}.about-info p{color:#666;margin:8px 0}.about-info a{color:#1677ff;text-decoration:none}.about-info a:hover{text-decoration:underline}.settings-list{margin-top:20px}.settings-header{font-weight:700}.settings-list .ant-select{min-width:200px}.settings-list .ant-list-item{align-items:center;display:flex;justify-content:space-between;padding:12px 24px}.settings-list .ant-select-selection-item{font-size:14px}@media (max-width:576px){.settings-popup{padding:15px}}.settings-popup .ant-tabs{margin-bottom:24px}.settings-popup .ant-tabs-nav{margin-bottom:16px}.settings-popup .ant-form-item-label{padding-bottom:4px}.settings-popup .ant-input-prefix{color:#00000040}.settings-popup .verification-code-input{display:flex;gap:8px}.settings-popup .ant-form-item{margin-bottom:16px}.achievement-modal{.ant-modal-content{border-radius:16px;overflow:hidden}}.achievement-popup{padding:20px}.achievement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.achievement-header h2{color:#2d3648;font-size:20px;margin:0}.close-button{color:#6b7280;cursor:pointer;font-size:24px;padding:4px 8px}.achievement-content{display:flex;gap:16px;justify-content:space-around}.achievement-card{background:#fff;border:1px solid #a8a2f61a;border-radius:12px;box-shadow:0 2px 8px #a8a2f61a;flex:1 1;padding:20px;text-align:center}.achievement-icon{align-items:center;border-radius:50%;display:flex;font-size:28px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.achievement-icon.shadow{background:#a8a2f61a;color:#8a84d6}.achievement-icon.dictation{background:#f6bda21a;color:#d6948a}.achievement-info h3{color:#2d3648;font-size:16px;margin:0 0 8px}.achievement-count{color:#8a84d6;font-size:32px;font-weight:700;margin:0}.achievement-desc{color:#6b7280;font-size:14px;margin:4px 0 0}.review-statistics-module{height:calc(80vh - 53px);overflow-x:hidden;overflow-y:auto;padding:20px}.review-statistics-module::-webkit-scrollbar{width:6px}.review-statistics-module::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.review-statistics-module::-webkit-scrollbar-track{background-color:#f3f4f6}.statistics-overview{margin-bottom:24px}.review-statistics-loading{align-items:center;color:#999;display:flex;font-size:16px;height:calc(90vh - 60px);justify-content:center}@media (max-width:768px){.review-statistics-module{padding:16px}.statistics-overview{margin-bottom:16px}.stat-value{font-size:28px}.stat-label{font-size:13px}.error-records-table{margin-top:16px}.error-records-table .ant-card-head{padding:12px 16px}.word-mastery{gap:8px}.correct-word{font-size:14px}}.course-info{align-items:center;display:flex;overflow:hidden}.course-icon{color:#1890ff;margin-right:8px}.course-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-time{align-items:center;color:#666;display:flex}.time-icon{color:#52c41a;margin-right:8px}.error-records-table .ant-table{overflow-x:auto}@media (max-width:768px){.course-text{max-width:120px}.practice-time{font-size:12px}}.error-records-table .ant-table-thead>tr>th{background:#fafafa;font-weight:500}.error-records-table .ant-table-tbody>tr:hover>td{background:#f0f7ff}.sentence-info{max-width:100%}.sentence-content{align-items:flex-start;display:flex;gap:8px}.translation-icon{color:#722ed1;margin-top:4px}.sentence-text{flex:1 1;overflow:hidden}.english-text{color:#333;font-size:13px;margin-bottom:2px}.chinese-text,.english-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chinese-text{color:#666;font-size:12px}.ant-tooltip-inner p{margin:0;padding:4px 0}.ant-tooltip-inner p:first-child{color:#fff;font-size:14px}.ant-tooltip-inner p:last-child{color:#ffffffd9;font-size:13px}@media (max-width:768px){.sentence-content{gap:4px}.chinese-text,.english-text{max-width:150px}.practice-time{font-size:11px}.word-mastery{gap:8px}.mastery-switch{height:20px;min-width:40px}.mastery-switch .ant-switch-handle{height:16px;width:16px}.mastery-switch .anticon{font-size:10px}}.review-statistics-module{background:#fff;min-height:calc(90vh - 60px);padding:24px}.stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;height:140px;justify-content:center;padding:16px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-value{color:#374151;font-size:36px;line-height:1.2;margin-bottom:8px}.stat-label{color:#6b7280}.progress-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.progress-value{line-height:1;margin-bottom:4px}.progress-label{color:#666!important;font-size:12px!important;line-height:1;margin:0;padding:0;white-space:nowrap}.error-records-table{border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;margin-top:24px;overflow:hidden}.error-records-table .ant-card-head{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px}.error-records-table .ant-card-head-title{color:#374151;font-size:16px;font-weight:600}.table-summary{color:#6b7280;font-size:14px}.word-errors-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600}.word-errors-table .ant-table-tbody>tr>td{border-bottom:1px solid #e5e7eb}.word-errors-table .ant-table-tbody>tr:hover>td{background:#f3f4f6}.error-details-table{background:#f9fafb;margin:8px 0}.ant-table-expanded-row>td{padding:0 8px!important}.ant-table-expanded-row .ant-table-wrapper{margin:8px 0}.error-details-table .ant-table{background:#0000}.error-details-table .ant-table-thead>tr>th{background:#f3f4f6;font-size:13px;padding:12px 16px;white-space:nowrap}.error-details-table .ant-table-tbody>tr>td{background:#fff;font-size:13px;padding:12px 16px}.error-details-table .ant-table-tbody>tr:hover>td{background:#f3f4f6!important}.word-errors-table .ant-table-row-expand-icon{background:#f9fafb;border-color:#e5e7eb}.word-errors-table .ant-table-row-expand-icon:hover{background:#f3f4f6}.word-mastery{align-items:center;display:flex;gap:12px}.correct-word{color:#374151;font-size:15px;font-weight:500}.mastery-switch{height:22px;min-width:44px}.mastery-switch.ant-switch-checked{background-color:#10b981!important}.mastery-switch .anticon{font-size:12px}.ant-tooltip-inner{background:#374151;border-radius:6px;padding:8px 12px}.ant-tooltip-inner p{line-height:1.4;margin:4px 0}.course-icon,.time-icon,.translation-icon{font-size:16px}.course-icon{color:#3b82f6}.translation-icon{color:#8b5cf6}.time-icon{color:#10b981}@media (max-width:768px){.review-statistics-module{padding:16px}.stat-value{font-size:28px}.stat-label{font-size:13px}.error-records-table{margin-top:16px}.error-records-table .ant-card-head{padding:12px 16px}.word-mastery{gap:8px}.correct-word{font-size:14px}}.error-details-wrapper{border-radius:8px;padding:16px;width:100%}.error-details-table{width:100%}.ant-table-expanded-row>td{background:#f9fafb!important;padding:0!important}.ant-table-expanded-row .ant-table-wrapper{margin:0;width:100%}.ant-table-expanded-row-fixed{margin:0!important;padding:8px 16px!important;width:100%}.error-details-table .ant-table-content{overflow-x:auto}.error-details-table .ant-table-body{min-height:50px}.error-details-table .ant-table-row{display:table-row}.error-details-table .ant-table-cell{white-space:nowrap;word-break:keep-all}.ant-progress-circle{margin:0 auto}.stat-card .ant-progress{align-items:center;display:flex;height:100%;justify-content:center;padding:8px 0}.progress-wrapper{align-items:center;display:flex;flex-direction:column;padding:16px 0;position:relative}.progress-info{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.progress-value{color:#374151;font-size:20px;font-weight:600;line-height:1.2}.progress-label{color:#666;font-size:12px;margin-top:4px}.custom-progress{padding:8px 0}.custom-progress-info{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:55%;transform:translate(-50%,-50%)}.custom-progress-value{color:#374151;font-size:24px;font-weight:600;line-height:1.2}.custom-progress-label{color:#6b7280;font-size:14px;margin-top:4px}.stat-card.mastery-rate{padding:12px}.stat-card.mastered-words,.stat-card.total-words{text-align:center}.stat-card.mastery-rate{padding:16px}.custom-progress,.stat-card.mastery-rate{align-items:center;display:flex;justify-content:center}.custom-progress{height:100%;position:relative;width:100%}.stat-card.mastery-rate .ant-progress{align-items:center;display:flex;justify-content:center}.word-list-table{margin-top:16px}.word-list-table .ant-table-thead>tr>th{background:#f9fafb;color:#374151;font-weight:600}.word-list-table .ant-table-tbody>tr>td{color:#4b5563}.word-detail{background:#f9fafb;padding:16px 24px}.word-detail p{color:#4b5563;line-height:1.6;margin:8px 0}.word-list-table .ant-switch{min-width:70px}.word-list-table .ant-switch-checked{background:#10b981}.error-details-wrapper{background:#f9fafb;margin:0!important;padding:16px!important}.error-details-table{background:#fff;border-radius:8px}.error-details-table .ant-table-cell{padding:12px 16px!important;vertical-align:top}.error-details-table .ant-table-fixed-left{background:#fff;z-index:1}.error-details-table .ant-table-body{overflow-x:auto!important;overflow-y:hidden!important}.error-details-table .ant-table-body::-webkit-scrollbar{height:6px}.error-details-table .ant-table-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.error-details-table .ant-table-body::-webkit-scrollbar-track{background:#f3f4f6}.adm-nav-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;box-shadow:0 1px 2px #0000000d;position:relative;z-index:2000}.title-container{align-items:center;cursor:pointer;display:flex;gap:8px;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%)}.nav-logo-image{border-radius:50%;display:block;height:24px;object-fit:contain;width:24px}.nav-title{color:#2d3648;font-size:18px;font-weight:500;line-height:1}.lexile-tag{background:#1677ff1a;border:1px solid #1677ff33;border-radius:12px;color:#1677ff;font-size:12px;font-weight:500;padding:3px 10px}.adm-nav-bar-right{flex:none}.nav-right .antd-mobile-icon:hover{opacity:.8}.create-content-btn{align-items:center;background:#1677ff1a;border:1px solid #1677ff33;border-radius:12px;color:#1677ff;cursor:pointer;display:flex;font-size:14px;padding:4px 12px;transition:all .3s}.create-content-btn:hover{background:#1677ff33}.create-content-btn .antd-mobile-icon{font-size:16px}.review-icon{color:#8a84d6;cursor:pointer;font-size:24px;padding:4px;transition:all .3s ease}.review-icon:hover{opacity:.8;transform:scale(1.1)}.achievement-icon{color:#8a84d6;cursor:pointer;font-size:24px;padding:4px;transition:all .3s ease}.achievement-icon:hover{opacity:.8;transform:scale(1.1)}.feedback-icon{color:#8a84d6;cursor:pointer;font-size:24px;padding:4px;transition:all .3s ease}.feedback-icon:hover{opacity:.8;transform:scale(1.1)}.feedback-modal{padding:20px;text-align:center}.wechat-qr{border-radius:8px;display:block;height:200px;margin:20px auto;width:200px}.feedback-text{color:#333;font-size:18px;font-weight:500;margin:16px 0}.feedback-desc{color:#666;font-size:14px;line-height:1.6;margin:0;padding:0 16px}@media (max-width:768px){.wechat-qr{height:160px;width:160px}.feedback-text{font-size:16px}}.nav-icon{align-items:center;color:#8a84d6;cursor:pointer;display:flex;font-size:22px!important;height:32px;justify-content:center;padding:4px;transition:all .3s ease}.nav-icon:hover{opacity:.8;transform:scale(1.1)}.achievement-icon,.feedback-icon,.review-icon{color:#8a84d6}.nav-right{gap:12px}.nav-right,.nav-right .antd-mobile-icon{align-items:center;display:flex;height:32px}.nav-right .antd-mobile-icon{font-size:22px}.note-icon{align-items:center;color:#5b8ff9;cursor:pointer;display:flex;font-size:22px!important;height:32px;justify-content:center;padding:4px;transition:all .3s ease}.note-icon:hover{opacity:.8;transform:scale(1.1)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{display:flex;flex-direction:column;height:100vh}.content{overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Noto Sans CJK SC,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;padding:0;text-rendering:optimizeLegibility}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.new-bottom-button-bar{gap:16px;margin:0 auto;max-width:860px;width:100%}.new-bottom-button-bar .adm-button{align-items:center;background-color:#fff;border:1px solid #00000014;border-radius:8px;display:flex;flex:1 1;flex-direction:column;max-width:120px;min-width:80px;padding:12px}.new-bottom-button-bar .adm-button .button-text{align-items:center;display:flex;flex-direction:column;gap:4px}.new-bottom-button-bar .adm-button .button-text span:first-child{color:#2d3648;font-size:16px;font-weight:500}.new-bottom-button-bar .adm-button .button-text .sub-text{color:#6b727a;font-size:12px}.new-bottom-button-bar .adm-button .antd-mobile-icon{color:#2d3648;font-size:24px;margin-bottom:8px}@media screen and (max-width:768px){.new-bottom-button-bar{gap:8px;justify-content:flex-start;overflow-x:auto;padding:0 12px}.new-bottom-button-bar .adm-button{min-width:70px;padding:8px}.new-bottom-button-bar .adm-button .button-text span:first-child{font-size:14px}}.bottom-button.disabled{background:#00000005!important;color:#999!important;cursor:not-allowed;opacity:.6}.bottom-button.disabled:hover{background:#00000005!important;border-color:#0000000a!important}.bottom-button.disabled:active{transform:none!important}.title-component{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 2px 10px #0000001a;left:0;padding:20px;position:relative;right:0;text-align:center;top:0;z-index:1000}.title-component h1{font-size:24px;margin:0}.general-listening-component{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff80;border:1px solid #00000014;border-radius:12px;margin:24px 0;max-height:calc(100vh - 240px);overflow-y:auto;padding:32px;position:relative}.general-listening-component h2{color:#2d3648;font-size:20px;font-weight:500;margin-bottom:16px}.general-listening-component p{color:#4b5563;font-size:16px;line-height:1.8;margin-bottom:24px}.general-listening-component audio{margin-bottom:20px;width:100%}.subtitles{font-size:18px;height:calc(100vh - 360px);line-height:1.8;padding:24px 0;text-align:center}.subtitles p{cursor:pointer;margin-bottom:10px}.subtitles .highlight{color:#333;font-weight:700}.subtitle-wrapper{border-radius:8px;margin-bottom:16px;padding:12px;transition:all .3s ease}.subtitle-wrapper p{background-color:#00000008;border-radius:8px;color:#2d3648;display:inline-block;padding:8px 16px}.subtitle-wrapper.highlight{background-color:#fffc;box-shadow:0 2px 8px #0000000d;font-size:20px;font-weight:500}.subtitle-time{color:#6b727a;font-size:14px;margin-right:8px;opacity:.8}.play-pause-icon{color:#333;position:absolute}.play-icon,.play-pause-icon{left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001}.play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#2d3648;padding:16px;position:fixed}.general-listening-component::-webkit-scrollbar{width:8px}.general-listening-component::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.general-listening-component::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.story-episode-screen{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);flex-direction:column;margin:0;min-height:calc(100vh - 45px);overflow-y:auto;padding-bottom:120px;position:relative;z-index:1}.content,.story-episode-screen{box-sizing:border-box;display:flex}.content{flex:1 1;flex-direction:column;margin:0 auto;max-width:860px;padding:24px 32px;width:100%}.progress-container{align-items:center;background-color:initial;bottom:80px;display:flex;justify-content:center;left:0;padding:8px 32px;position:fixed;right:0;z-index:99}.progress-bar{background-color:#0000001a;background-color:var(--theme-border-light,#0000001a);border-radius:2px;height:4px;margin:0 auto;max-width:860px;position:relative;width:100%}.progress-indicator{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:14px;position:absolute;right:-40px;top:-8px}.new-bottom-button-bar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f6f4f0f2;background-color:var(--theme-bg-primary,#f6f4f0f2);border-top:1px solid #00000014;border-top:1px solid var(--theme-border-light,#00000014);bottom:0;display:flex;justify-content:center;left:0;padding:16px 32px;position:fixed;right:0;z-index:100}@media screen and (max-width:768px){.story-episode-screen{padding-bottom:100px}.content{padding:16px}.progress-container{bottom:70px;padding:8px 16px}.new-bottom-button-bar{padding:12px 16px}}.bottom-navigation{align-items:center;background-color:#f9fafb;background-color:var(--theme-bg-secondary,#f9fafb);border-top:1px solid #0000000d;border-top:1px solid var(--theme-border-light,#0000000d);display:flex;justify-content:space-between;padding:12px 24px}.bottom-buttons{display:flex;gap:16px;justify-content:center;padding:8px 0;width:100%}.bottom-button{align-items:center;background-color:#fff;background-color:var(--theme-bg-surface,#fff);border:1px solid #0000000d;border:1px solid var(--theme-border-light,#0000000d);border-radius:8px;color:#374151;color:var(--theme-text-secondary,#374151);display:flex;flex-direction:column;gap:4px;padding:8px 16px;transition:all .2s ease}.bottom-button.active,.bottom-button:hover{background-color:#f3f4f6;background-color:var(--theme-bg-secondary,#f3f4f6)}.bottom-button.active{border-color:#2563eb;border-color:var(--theme-accent,#2563eb);color:#2563eb;color:var(--theme-accent,#2563eb)}.bottom-tabs{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-top:1px solid #0000000d;border-top:1px solid var(--theme-border-light,#0000000d);display:flex;gap:24px;justify-content:center;padding:12px 0}.tab{color:#6b7280;color:var(--theme-text-muted,#6b7280);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.tab.active{color:#2563eb;color:var(--theme-accent,#2563eb);font-weight:500}.simple-block-editor{margin:0 auto;padding:0 96px;position:relative;width:calc(100% - 260px)}.simple-block{border-radius:4px;cursor:text;display:flex;flex-direction:column;margin:1px 0;min-height:24px;padding:3px 0;transition:background-color .2s ease}.block-course,.simple-block{position:relative;width:100%}.block-course .block-content{color:#2d3648;color:var(--theme-text-primary,#2d3648)}.block-chapter{margin:1.4em 0 1em}.block-chapter .block-content{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:24px;font-weight:600;line-height:1.3;padding:0}.block-sentence{margin:.5em 0;width:100%}.block-sentence .block-content{word-wrap:break-word;box-sizing:border-box;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:16px;line-height:1.5;max-width:100%;min-width:300px;overflow-wrap:break-word;padding:3px 2px;width:100%}.block-content{background:#0000;border:none;box-sizing:border-box;min-width:100%;outline:none;resize:none;transition:background-color .2s;width:100%}.block-content:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.block-focused{background-color:#f6f4f04d;background-color:var(--theme-bg-primary,#f6f4f04d)}.block-focused:before{display:none}.dragging{cursor:grabbing;opacity:.5}.drag-over-top:before{top:-2px}.drag-over-bottom:after,.drag-over-top:before{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff);border-radius:1px;content:"";height:3px;left:-24px;position:absolute;right:0}.drag-over-bottom:after{bottom:-2px}.block-controls{display:flex;gap:4px;left:-96px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.simple-block:hover .block-controls{opacity:1}.control-button{align-items:center;background-color:initial;border:none;border-radius:3px;color:#6b727a;color:var(--theme-text-muted,#6b727a);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.control-button:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc);color:#4b5563;color:var(--theme-text-secondary,#4b5563)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.page-icon-wrapper{left:-96px;position:absolute;top:50%;transform:translateY(-50%)}.page-icon-button{align-items:center;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.page-icon-button:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc)}.block-emoji{font-size:28px;left:-48px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.emoji-picker{grid-gap:4px;background:#fff;background:var(--theme-bg-surface,#fff);border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a);display:grid;gap:4px;grid-template-columns:repeat(8,1fr);padding:8px}.emoji-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.emoji-button:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc);transform:scale(1.05)}.block-children{border-left:2px solid #00000014;border-left:2px solid var(--theme-border-medium,#00000014);margin:8px 0 8px 24px;padding:4px 0}.block-children,.chunk-item{box-sizing:border-box;width:100%}.chunk-item{background-color:#f6f4f04d;background-color:var(--theme-bg-primary,#f6f4f04d);border-radius:4px;margin:4px 0;padding:8px 12px;transition:background-color .2s}.chunk-item:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.chunk-content{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;line-height:1.5;max-width:100%;min-width:280px;overflow-wrap:break-word;width:100%}.word-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.word-tag{background-color:#6b4eff14;background-color:var(--theme-accent,#6b4eff14);border-radius:3px;color:#6b4eff;color:var(--theme-accent,#6b4eff);font-size:12px;padding:2px 6px}.word-separator{color:#6b727a;color:var(--theme-text-muted,#6b727a);margin:0 2px}.ant-dropdown{background:#fff;background:var(--theme-bg-surface,#fff)}.ant-dropdown,.ant-dropdown .ant-dropdown-menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--theme-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")}.ant-dropdown .ant-dropdown-menu{background-color:#fff;background-color:var(--theme-bg-surface,#fff);box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a);min-width:180px;padding:6px 4px}.ant-dropdown .ant-dropdown-menu-item,.ant-dropdown .ant-dropdown-menu-item span{border-radius:3px;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-family:var(--theme-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")!important;margin:2px 0;padding:5px 12px}.ant-dropdown .ant-dropdown-menu-item:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc)}.ant-dropdown .ant-dropdown-menu-submenu-title,.ant-dropdown .ant-dropdown-menu-submenu-title span{border-radius:3px;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-family:var(--theme-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji")!important;padding:5px 12px}.ant-dropdown .ant-dropdown-menu-submenu-title:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc)}.ant-dropdown .ant-dropdown-menu-submenu-arrow{color:#6b727a;color:var(--theme-text-muted,#6b727a)}.ant-dropdown-menu-submenu .ant-dropdown-menu{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--theme-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");margin-top:-4px}.emoji-popover .ant-popover-inner-content{padding:0}.emoji-popover .ant-popover-arrow{display:none}@media (max-width:768px){.simple-block-editor{padding:24px 48px;width:100%}.block-controls,.page-icon-wrapper{left:-48px}.block-emoji{display:none}}.block-chunks{background-color:#f6f4f04d;background-color:var(--theme-bg-primary,#f6f4f04d);border-radius:4px;box-sizing:border-box;margin:.5em 0;padding:8px 12px;width:100%}.block-chunks .block-content{word-wrap:break-word;box-sizing:border-box;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:monospace;font-size:14px;line-height:1.6;max-width:100%;min-width:280px;overflow-wrap:break-word;white-space:pre-wrap;width:100%;word-break:break-all}.block-chunks .block-content:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.chapter-practice{opacity:1;position:absolute;right:-40px;top:50%;transform:translateY(-50%);transition:opacity .2s}.practice-button{align-items:center;background:#1890ff;background:var(--theme-accent,#1890ff);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:all .2s ease}.practice-button:hover{background:#40a9ff;background:var(--theme-accent-hover,#40a9ff);transform:translateY(-1px)}.practice-button.disabled{background:#d9d9d9;color:#999;cursor:not-allowed}.practice-button.disabled:hover{background:#d9d9d9;transform:none}.course-block{margin:2em 0;position:relative}.course-content-area{margin:0 auto;max-width:100%;padding:16px 96px;position:relative}.block-content-wrapper{align-items:center;display:flex;gap:16px}.language-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:32px;justify-content:center;padding:4px;position:relative;transition:all .2s ease}.language-button:hover{transform:scale(1.1)}.language-button .language-label{display:none}.add-language-button{background:#0000;border:none;color:#6b727a;color:var(--theme-text-muted,#6b727a);cursor:pointer;font-size:32px;margin-top:8px;padding:0;transition:color .2s ease}.add-language-button:hover{color:#4b5563;color:var(--theme-text-secondary,#4b5563)}@media (max-width:768px){.course-block{margin:0;width:100%}.course-content-area{padding:8px 48px}.language-button{font-size:24px}}.course-hover-controls{left:-40px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:10}.block-course:hover .course-hover-controls{opacity:1}.course-control-button{align-items:center;background-color:#f8f9fa;background-color:var(--theme-bg-secondary,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--theme-border,#e1e5e9);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#6b727a;color:var(--theme-text-secondary,#6b727a);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.course-control-button:hover{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);color:#fff;transform:scale(1.05)}.cover-picker{max-height:400px;padding:12px;width:280px}.cover-option{margin-bottom:8px}.cover-popover,.emoji-popover,.language-popover{border-radius:8px;box-shadow:0 2px 8px #00000026}.ant-layout-sider-collapsed+.editor-content .simple-block-editor{width:calc(100% - 80px)}.block-native-language,.block-target-language{margin:0;padding:0}.block-native-language .block-controls,.block-target-language .block-controls{display:none!important}.language-block{align-items:center;display:flex;padding:8px 0}.block-course{margin-bottom:24px}.block-course .block-content{font-size:40px;font-weight:700;line-height:1.2;padding:0}.native-language-button{border:none;flex-shrink:0;font-size:32px;justify-content:center;padding:4px;position:relative;transition:all .2s ease}.native-language-button:hover{transform:scale(1.1)}.native-language-label{display:none}.language-picker{max-height:200px;overflow-y:auto;padding:8px}.language-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.language-option:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc)}.language-flag{font-size:16px}.language-label{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px}.simple-block[data-type=native_language]{background:#0000;border:none;padding:8px 0}.chapter-editor,.course-editor{background:#0000}.chapter-editor .ProseMirror,.course-editor .ProseMirror{background:#0000;border:none;color:#2d3648;color:var(--theme-text-primary,#2d3648);margin:0;outline:none;padding:0}.course-editor .ProseMirror{font-size:40px;line-height:1.2}.chapter-editor .ProseMirror:focus,.course-editor .ProseMirror:focus{outline:none}.chapter-editor .ProseMirror p,.course-editor .ProseMirror p{margin:0;padding:0}.chapter-toolbar,.course-toolbar{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:6px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);display:flex;gap:4px;margin-bottom:8px;padding:4px}.menu-item{background:#0000;border:none;border-radius:4px;color:#4b5563;color:var(--theme-text-secondary,#4b5563);cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.menu-item:hover{background:#f6f4f0cc;background:var(--theme-bg-primary,#f6f4f0cc)}.menu-item.is-active{background:#6b4eff;background:var(--theme-accent,#6b4eff);color:#fff;color:var(--theme-bg-surface,#fff)}.bubble-menu{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:6px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a);overflow:hidden}.sentence-editor{position:relative}.sentence-editor .ProseMirror{background:#0000;border:none;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:16px;line-height:1.5;outline:none;padding:3px 2px}.sentence-editor .ProseMirror:focus{outline:none}.sentence-editor .ProseMirror p{margin:0;padding:0}.block-translation{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);border-left:3px solid #6b4eff;border-left:3px solid var(--theme-accent,#6b4eff);border-radius:4px;margin:.5em 0;padding:8px 12px}.translation-block{position:relative}.translation-block .ProseMirror{background:#0000;border:none;color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:14px;font-style:italic;line-height:1.5;outline:none}.translation-block .ProseMirror:focus{outline:none}.translation-block .ProseMirror p{margin:0;padding:0}.block-audio{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.block-audio .block-content-wrapper{background:#0000;border:none;padding:0}.block-audio.block-focused .block-content-wrapper{border:none;box-shadow:none}.block-audio:hover .block-content-wrapper{border:none}.block-video{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.block-video .block-content-wrapper{background:#0000;border:none;padding:0}.block-video.block-focused .block-content-wrapper{border:none;box-shadow:none}.block-video:hover .block-content-wrapper{border:none}.audio-block-indicator{background:#1890ff1a;border-radius:4px;color:#1890ff;font-size:10px;padding:2px 6px;position:absolute;right:8px;top:8px}.audio-block-indicator:before{content:"🎵";margin-right:2px}.audio-children{border-top:1px solid #e6e3df;border-top:1px solid var(--theme-border-light,#e6e3df);margin-top:16px;padding-top:16px}.transcription-block{background:#fff;background:var(--theme-surface,#fff);border:1px solid #e6e3df;border:1px solid var(--theme-border-light,#e6e3df)}.transcription-header{color:#6b727a;color:var(--theme-text-secondary,#6b727a);font-size:14px;gap:8px}.transcription-icon{font-size:16px}.transcription-label{font-weight:500}.transcription-confidence,.transcription-language{color:#9ca3af;color:var(--theme-text-muted,#9ca3af);font-size:12px}.transcription-content{background:#f6f4f04d;background:var(--theme-bg-primary-alpha-2,#f6f4f04d);border-left:3px solid #6b4eff;border-left:3px solid var(--theme-primary,#6b4eff);color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:16px}.transcription-loading{align-items:center;color:#6b727a;color:var(--theme-text-secondary,#6b727a);display:flex;font-style:italic;gap:8px}.transcription-error{background:#f6f4f04d;background:var(--theme-bg-primary-alpha-2,#f6f4f04d);border-left:3px solid #ff4d4f;border-left:3px solid var(--theme-error,#ff4d4f);border-radius:4px;color:#ff4d4f;color:var(--theme-error,#ff4d4f);font-size:14px;padding:8px}.simple-block.block-audio,.simple-block.block-video{overflow:visible!important}.simple-block.block-audio .audio-block,.simple-block.block-video .video-block{overflow:visible!important;z-index:1!important}.simple-block.block-audio .block-controls,.simple-block.block-video .block-controls{display:flex!important;opacity:1!important;visibility:visible!important;z-index:1000!important}.simple-block.block-audio:hover .block-controls,.simple-block.block-video:hover .block-controls{opacity:1!important}.ProseMirror{word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1,none;font-family:var(--font-family-mixed);font-variant-ligatures:none;line-height:1.5;outline:none;padding:4px 8px;position:relative;text-rendering:optimizeLegibility;white-space:pre-wrap}.ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.course-editor .ProseMirror{font-size:2em;font-weight:700;line-height:1.3}.course-editor .ProseMirror p.is-editor-empty:first-child:before{font-size:1em;font-weight:400}.chapter-editor .ProseMirror{font-size:1.5em;font-weight:600;line-height:1.3}.chapter-editor .ProseMirror p.is-editor-empty:first-child:before{font-size:1em;font-weight:400}.editor-toolbar{background:#fff;border-bottom:1px solid #e8e8e8;display:flex;gap:8px;padding:8px}.toolbar-item{border-radius:4px;cursor:pointer;padding:4px 8px;transition:all .2s}.toolbar-item:hover{background:#f5f5f5}.toolbar-item.is-active{background:#e6f7ff;color:#1890ff}.color-picker{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);padding:8px}.color-option{border-radius:4px;height:24px;width:24px}.color-option.is-active{border-color:#1890ff}.translation-editor{margin:8px 0;position:relative}.translation-editor .ProseMirror{background-color:#f0f5ff;background-color:var(--theme-bg-secondary,#f0f5ff);border-left:3px solid #1677ff;border-left:3px solid var(--theme-accent,#1677ff);border-radius:6px;color:#1677ff;color:var(--theme-text-secondary,#1677ff);font-size:14px;line-height:1.6;min-height:auto;padding:8px 12px;transition:all .3s ease}.translation-editor .ProseMirror:hover{background-color:#e6f4ff;background-color:var(--theme-bg-hover,#e6f4ff);box-shadow:0 2px 8px #0000001a}.translation-editor .ProseMirror:focus{background-color:#fff;background-color:var(--theme-bg-primary,#fff);box-shadow:0 0 0 2px #1677ff33;box-shadow:0 0 0 2px var(--theme-accent-alpha,#1677ff33);outline:none}.translation-editor .ProseMirror p.is-editor-empty:first-child:before{color:#91caff;color:var(--theme-text-placeholder,#91caff);font-size:14px;font-weight:400}.translation-editor .ProseMirror p{margin:0}.translation-loading{align-items:center;background-color:#f0f5ff;background-color:var(--theme-bg-secondary,#f0f5ff);border-left:3px solid #1677ff;border-left:3px solid var(--theme-accent,#1677ff);border-radius:6px;display:flex;justify-content:center;padding:12px}.translation-loading .loading-text{color:#1677ff;color:var(--theme-accent,#1677ff);font-size:14px;margin-left:8px}.ProseMirror .my-highlight,.ProseMirror mark{border-radius:2px;padding:2px 0}.ProseMirror .my-highlight:not([style]),.ProseMirror mark:not([style]){background-color:#fef3c7;color:#92400e}.ProseMirror .my-highlight[style*=background-color],.ProseMirror mark[style*=background-color]{background-color:var(--highlight-color);color:inherit;color:var(--highlight-text-color,inherit)}.menu-item .anticon-highlight{color:#d97706}.menu-item.is-active .anticon-highlight{background-color:#d977061a;color:#92400e}@media (prefers-color-scheme:dark){.ProseMirror .my-highlight:not([style]),.ProseMirror mark:not([style]){background-color:#fef3c733;color:#fbbf24}.menu-item .anticon-highlight{color:#fbbf24}.menu-item.is-active .anticon-highlight{background-color:#fbbf2433;color:#fef3c7}}.block-course .ProseMirror{font-size:28px}.block-chapter .ProseMirror,.block-course .ProseMirror{color:#1a1a1a;color:var(--theme-text-primary,#1a1a1a);font-weight:600}.block-chapter .ProseMirror{font-size:20px}.block-sentence .ProseMirror{color:#333;color:var(--theme-text-primary,#333);font-size:16px}.block-translation .ProseMirror{color:#666;color:var(--theme-text-secondary,#666);font-size:16px;font-style:italic}.comment-annotation{background-color:initial;border-bottom:2px solid #ffc107;border-bottom:2px solid var(--theme-comment-border,#ffc107);border-radius:2px;cursor:pointer;padding:1px 2px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:100}.comment-annotation:hover{background-color:#ffc1071a;border-bottom-color:#ff9800;border-bottom-color:var(--theme-comment-hover-border,#ff9800);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.comment-annotation:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.comment-annotation.annotation-selected{background-color:#2196f31a;border-bottom-color:#2196f3;border-bottom-color:var(--theme-comment-selected-border,#2196f3)}.comment-annotation:before{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:1px solid #ffffff4d;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 6px 20px #ff6b6b40,0 3px 8px #0000001f;color:#fff;content:attr(data-comment-text);font-size:12px;font-weight:500;left:50%;max-width:250px;min-width:120px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:pre-wrap;z-index:100}.comment-annotation:hover:before{box-shadow:0 8px 25px #ff6b6b59,0 4px 12px #0000002e,0 8px 0 -6px #ff6b6b;opacity:1;transform:translateX(-50%) scale(1.05);visibility:visible}.comment-annotation:after{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:50%;box-shadow:0 2px 6px #4ecdc44d;color:#fff;content:"💬";display:flex;font-size:10px;height:16px;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:-8px;top:-8px;width:16px;z-index:101}.comment-annotation:hover:after{background:linear-gradient(135deg,#45b7d1,#96c93d);box-shadow:0 3px 8px #45b7d166;transform:scale(1.1)}.comment-annotation:first-of-type:before{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 6px 20px #ff6b6b40,0 3px 8px #0000001f,0 8px 0 -6px #ff6b6b;opacity:0;visibility:hidden}.comment-annotation:nth-of-type(2):before{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 6px 20px #4ecdc440,0 3px 8px #0000001f,0 8px 0 -6px #4ecdc4;opacity:0;visibility:hidden}.comment-annotation:nth-of-type(3):before{background:linear-gradient(135deg,#45b7d1,#96c93d);box-shadow:0 6px 20px #45b7d140,0 3px 8px #0000001f,0 8px 0 -6px #45b7d1;opacity:0;visibility:hidden}.comment-annotation:nth-of-type(4):before{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 6px 20px #f093fb40,0 3px 8px #0000001f,0 8px 0 -6px #f093fb;opacity:0;visibility:hidden}.comment-annotation:nth-of-type(5):before{background:linear-gradient(135deg,#ffecd2,#fcb69f);box-shadow:0 6px 20px #ffecd240,0 3px 8px #0000001f,0 8px 0 -6px #ffecd2;color:#333;opacity:0;visibility:hidden}.comment-annotation:nth-of-type(n+6):before{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea40,0 3px 8px #0000001f,0 8px 0 -6px #667eea;opacity:0;visibility:hidden}.comment-annotation:first-of-type:hover:before{box-shadow:0 8px 25px #ff6b6b59,0 4px 12px #0000002e,0 8px 0 -6px #ff6b6b;opacity:1;visibility:visible}.comment-annotation:nth-of-type(2):hover:before{box-shadow:0 8px 25px #4ecdc459,0 4px 12px #0000002e,0 8px 0 -6px #4ecdc4;opacity:1;visibility:visible}.comment-annotation:nth-of-type(3):hover:before{box-shadow:0 8px 25px #45b7d159,0 4px 12px #0000002e,0 8px 0 -6px #45b7d1;opacity:1;visibility:visible}.comment-annotation:nth-of-type(4):hover:before{box-shadow:0 8px 25px #f093fb59,0 4px 12px #0000002e,0 8px 0 -6px #f093fb;opacity:1;visibility:visible}.comment-annotation:nth-of-type(5):hover:before{box-shadow:0 8px 25px #ffecd259,0 4px 12px #0000002e,0 8px 0 -6px #ffecd2;opacity:1;visibility:visible}.comment-annotation:nth-of-type(n+6):hover:before{box-shadow:0 8px 25px #667eea59,0 4px 12px #0000002e,0 8px 0 -6px #667eea;opacity:1;visibility:visible}.my-bubble-menu{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;gap:2px;padding:4px}.bubble-menu .menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.bubble-menu .menu-item:hover{background:#f5f5f5;color:#333}.bubble-menu .menu-item.is-active{background:#1890ff;color:#fff}.ant-modal .ant-modal-content{background-color:var(--theme-bg-surface);border-radius:var(--theme-border-radius);color:var(--theme-text-primary)}.ant-modal .ant-modal-header{background-color:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light);border-radius:var(--theme-border-radius) var(--theme-border-radius) 0 0}.ant-modal .ant-modal-title{color:var(--theme-text-primary);font-weight:600}.ant-modal .ant-modal-body{background-color:var(--theme-bg-surface);color:var(--theme-text-primary)}.ant-modal .ant-modal-footer{background-color:var(--theme-bg-surface);border-radius:0 0 var(--theme-border-radius) var(--theme-border-radius);border-top:1px solid var(--theme-border-light)}.selected-text-display{background-color:var(--theme-bg-hover);border:1px solid var(--theme-border-light);border-radius:4px;color:var(--theme-text-primary);font-size:14px;line-height:1.4;margin-bottom:12px;margin-top:4px;padding:8px}.ant-modal .ant-input{background-color:var(--theme-bg-primary);border:1px solid var(--theme-border-light);color:var(--theme-text-primary)}.ant-modal .ant-input:focus{border-color:var(--theme-accent);box-shadow:0 0 0 2px var(--theme-accent-light)}.ant-modal .ant-btn-primary{background-color:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-bg-surface)}.ant-modal .ant-btn-primary:hover{background-color:var(--theme-accent-hover);border-color:var(--theme-accent-hover)}.ant-modal .ant-btn-dangerous{background-color:var(--theme-error);border-color:var(--theme-error);color:var(--theme-bg-surface)}.ant-modal .ant-btn-dangerous:hover{background-color:var(--theme-error-hover);border-color:var(--theme-error-hover)}.bubble-menu{background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:var(--theme-border-radius);box-shadow:var(--theme-shadow-medium)}.bubble-menu .menu-item{background-color:initial;color:var(--theme-text-secondary)}.bubble-menu .menu-item:hover{background-color:var(--theme-bg-hover);color:var(--theme-text-primary)}.bubble-menu .menu-item.is-active{background-color:var(--theme-accent);color:var(--theme-bg-surface)}@media (max-width:768px){.comment-annotation:before,.comment-annotation:first-of-type:before,.comment-annotation:nth-of-type(2):before,.comment-annotation:nth-of-type(3):before,.comment-annotation:nth-of-type(4):before,.comment-annotation:nth-of-type(5):before,.comment-annotation:nth-of-type(n+6):before{bottom:calc(100% + 8px);font-size:11px;max-width:200px;padding:8px 12px}}@media (max-width:480px){.comment-annotation:before,.comment-annotation:first-of-type:before,.comment-annotation:nth-of-type(2):before,.comment-annotation:nth-of-type(3):before,.comment-annotation:nth-of-type(4):before,.comment-annotation:nth-of-type(5):before,.comment-annotation:nth-of-type(n+6):before{bottom:calc(100% + 6px);font-size:10px;max-width:150px;padding:6px 10px}}.chunks-block{background-color:#6b4eff0d;background-color:var(--theme-bg-tertiary,#6b4eff0d);border:1px solid #6b4eff1a;border:1px solid var(--theme-border-light,#6b4eff1a);border-radius:6px;box-sizing:border-box;margin-bottom:8px;padding:8px 12px;width:100%}.chunks-header{border-bottom:1px solid #6b4eff26;border-bottom:1px solid var(--theme-border-light,#6b4eff26);justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.chunks-header,.chunks-title{align-items:center;display:flex}.chunks-title{color:#666;color:var(--theme-text-secondary,#666);font-size:13px;font-weight:500;gap:4px}.chunks-add-btn{color:#1890ff;color:var(--theme-primary,#1890ff);opacity:.7;transition:opacity .2s ease}.chunks-add-btn:hover{opacity:1}.chunks-content{width:100%}.chunks-empty{padding:12px;text-align:center}.chunks-placeholder{color:#999;color:var(--theme-text-tertiary,#999);font-size:14px;font-style:italic}.chunks-units-list{display:flex;flex-direction:column;gap:6px}.chunks-unit-item{align-items:flex-start;background-color:#fff9;background-color:var(--theme-bg-secondary,#fff9);border:1px solid #0000000f;border:1px solid var(--theme-border-light,#0000000f);border-radius:4px;display:flex;gap:8px;padding:6px 8px;position:relative;transition:all .2s ease}.chunks-unit-item:hover{background-color:#6b4eff14;background-color:var(--theme-bg-hover,#6b4eff14)}.chunks-unit-item.dragging{opacity:.5;transform:rotate(2deg)}.chunks-unit-item.drag-over{border-color:#1890ff;border-color:var(--theme-primary,#1890ff);box-shadow:0 0 4px #1890ff4d}.chunks-unit-drag-handle{align-items:center;color:#999;color:var(--theme-text-tertiary,#999);cursor:grab;display:flex;height:16px;justify-content:center;opacity:.6;transition:opacity .2s ease;width:16px}.chunks-unit-drag-handle:hover{color:#1890ff;color:var(--theme-primary,#1890ff);opacity:1}.chunks-unit-drag-handle:active{cursor:grabbing}.chunks-unit-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.chunks-unit-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chunks-unit-item:hover .chunks-unit-actions{opacity:1}.chunks-unit-delete-btn{color:#ff4d4f;color:var(--theme-danger,#ff4d4f);padding:2px 4px}.chunks-field-display{word-wrap:break-word;border-radius:3px;line-height:1.4;min-height:20px;padding:2px 4px;transition:all .2s ease}.chunks-field-display.editable{border:1px solid #0000;cursor:pointer}.chunks-field-display.editable:hover{background-color:#6b4eff1a;background-color:var(--theme-bg-hover,#6b4eff1a);border-color:#6b4eff4d;border-color:var(--theme-border-hover,#6b4eff4d)}.chunks-field-input{background-color:#fff;background-color:var(--theme-bg-primary,#fff);border:2px solid #1890ff;border:2px solid var(--theme-accent,#1890ff);border-radius:4px;box-shadow:0 0 0 2px #1890ff33;color:#333;color:var(--theme-text-primary,#333);font-size:14px;line-height:1.4;outline:none;padding:4px 6px;transition:all .2s ease;width:100%}.chunks-field-input:focus{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 0 0 3px #1890ff4d}.chunks-unit-item.type-verb{background-color:#ff4d4f1a;border-color:#ff4d4f33}.chunks-unit-item.type-verb:hover{background-color:#ff4d4f26}.chunks-unit-item.type-main-structure{background-color:#52c41a1a;border-color:#52c41a33}.chunks-unit-item.type-main-structure:hover{background-color:#52c41a26}.chunks-unit-item.type-modifier{background-color:#fa8c161a;border-color:#fa8c1633}.chunks-unit-item.type-modifier:hover{background-color:#fa8c1626}.chunks-unit-item.type-structure-with-modifier{background-color:#722ed11a;border-color:#722ed133}.chunks-unit-item.type-structure-with-modifier:hover{background-color:#722ed126}.chunks-unit-item.type-sentence{background-color:#1890ff1a;border-color:#1890ff33}.chunks-unit-item.type-sentence:hover{background-color:#1890ff26}.chunks-unit-item.type-default{background-color:#0000000a;background-color:var(--theme-bg-secondary,#0000000a);border-color:#0000000f;border-color:var(--theme-border-light,#0000000f)}.chunks-unit-item.type-default:hover{background-color:#00000014;background-color:var(--theme-bg-hover,#00000014)}.chunks-unit-text{color:#333;color:var(--theme-text-primary,#333);font-weight:500}.chunks-unit-text,.chunks-unit-translation{flex:1 1;font-size:14px;line-height:1.4;min-width:0}.chunks-unit-translation{color:#666;color:var(--theme-text-secondary,#666)}@media (max-width:768px){.chunks-block{margin-bottom:6px;padding:6px 8px}.chunks-unit-item{flex-direction:column;gap:4px;padding:8px}.chunks-unit-text,.chunks-unit-translation{font-size:13px}}[data-theme=dark] .chunks-block{background-color:#ffffff05;border-color:#ffffff14}[data-theme=dark] .chunks-header{border-bottom-color:#ffffff1a}[data-theme=dark] .chunks-title{color:#ffffffb3}[data-theme=dark] .chunks-unit-item{background-color:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .chunks-unit-item:hover{background-color:#6b4eff26}[data-theme=dark] .chunks-unit-text{color:#e5e5e5;color:var(--theme-text-primary,#e5e5e5)}[data-theme=dark] .chunks-unit-translation{color:#b3b3b3;color:var(--theme-text-secondary,#b3b3b3)}[data-theme=dark] .chunks-placeholder{color:#666;color:var(--theme-text-tertiary,#666)}[data-theme=dark] .chunks-field-display.editable:hover{background-color:#6b4eff33;border-color:#6b4eff66}[data-theme=dark] .chunks-field-input{background-color:#1f1f1f;background-color:var(--theme-bg-primary,#1f1f1f);border-color:#1890ff;border-color:var(--theme-accent,#1890ff);color:#e5e5e5;color:var(--theme-text-primary,#e5e5e5)}[data-theme=dark] .chunks-unit-item.type-verb{background-color:#ff4d4f26;border-color:#ff4d4f4d}[data-theme=dark] .chunks-unit-item.type-verb:hover{background-color:#ff4d4f33}[data-theme=dark] .chunks-unit-item.type-main-structure{background-color:#52c41a26;border-color:#52c41a4d}[data-theme=dark] .chunks-unit-item.type-main-structure:hover{background-color:#52c41a33}[data-theme=dark] .chunks-unit-item.type-modifier{background-color:#fa8c1626;border-color:#fa8c164d}[data-theme=dark] .chunks-unit-item.type-modifier:hover{background-color:#fa8c1633}[data-theme=dark] .chunks-unit-item.type-structure-with-modifier{background-color:#722ed126;border-color:#722ed14d}[data-theme=dark] .chunks-unit-item.type-structure-with-modifier:hover{background-color:#722ed133}[data-theme=dark] .chunks-unit-item.type-sentence{background-color:#1890ff26;border-color:#1890ff4d}[data-theme=dark] .chunks-unit-item.type-sentence:hover{background-color:#1890ff33}[data-theme=dark] .chunks-unit-item.type-default{background-color:#ffffff1a;border-color:#ffffff26}[data-theme=dark] .chunks-unit-item.type-default:hover{background-color:#ffffff26}[data-theme=forest] .chunks-block{background-color:#22c55e0d;border-color:#22c55e1a}[data-theme=forest] .chunks-header{border-bottom-color:#22c55e26}[data-theme=forest] .chunks-title{color:#10b981;color:var(--theme-text-secondary,#10b981)}[data-theme=forest] .chunks-unit-item{background-color:#fff9;border-color:#22c55e14}[data-theme=forest] .chunks-unit-item:hover{background-color:#22c55e1a}@media (prefers-contrast:high){.chunks-block,.chunks-unit-item{border-color:#000;border-width:2px}.chunks-unit-text{color:#000;font-weight:600}}@media (prefers-reduced-motion:reduce){.chunks-block,.chunks-field-display,.chunks-field-input,.chunks-unit-item{transition:none}}[data-theme=dark] .chunks-add-btn{color:#1890ffcc}[data-theme=dark] .chunks-add-btn:hover{color:#1890ff}[data-theme=dark] .chunks-unit-drag-handle{color:#fff6}[data-theme=dark] .chunks-unit-drag-handle:hover{color:#1890ffcc}[data-theme=dark] .chunks-unit-item.drag-over{border-color:#1890ffcc;box-shadow:0 0 4px #1890ff66}[data-theme=dark] .chunks-unit-delete-btn{color:#ff4d4fcc}[data-theme=forest] .chunks-add-btn{color:#10b981cc}[data-theme=forest] .chunks-add-btn:hover{color:#10b981}[data-theme=forest] .chunks-unit-drag-handle{color:#10b98180}[data-theme=forest] .chunks-unit-drag-handle:hover{color:#10b981cc}[data-theme=forest] .chunks-unit-item.drag-over{border-color:#10b981cc;box-shadow:0 0 4px #10b9814d}[data-theme=forest] .chunks-unit-delete-btn{color:#ef4444cc}:root{--shadow-reading-color:#1890ff;--dictation-color:#52c41a;--progress-trail-color:#e8e8e8;--progress-trail-color-hover:#d9d9d9;--progress-bg:#fafafa;--progress-border:#f0f0f0;--progress-text:#262626;--progress-text-secondary:#666}[data-theme=dark]{--shadow-reading-color:#69c0ff;--dictation-color:#95de64;--progress-trail-color:#434343;--progress-trail-color-hover:#595959;--progress-bg:#141414;--progress-border:#303030;--progress-text:#fff;--progress-text-secondary:#bfbfbf}[data-theme=claude]{--shadow-reading-color:#4096ff;--dictation-color:#73d13d;--progress-trail-color:#e8e8e8;--progress-trail-color-hover:#d9d9d9;--progress-bg:#f8f9fa;--progress-border:#e9ecef;--progress-text:#1f2937;--progress-text-secondary:#6b7280}[data-theme=forest]{--shadow-reading-color:#36cfc9;--dictation-color:#b7eb8f;--progress-trail-color:#e8e8e8;--progress-trail-color-hover:#d9d9d9;--progress-bg:#f6ffed;--progress-border:#d9f7be;--progress-text:#065f46;--progress-text-secondary:#047857}.learning-progress-display{background:#fafafa;background:var(--progress-bg);border:1px solid #f0f0f0;border:1px solid var(--progress-border);border-radius:8px;margin:8px 0;padding:12px;transition:all .2s ease}.learning-progress-display.compact{margin:4px 0;padding:8px}.progress-circles{align-items:center;display:flex;gap:16px;justify-content:center}.learning-progress-display.compact .progress-circles{gap:12px}.circle-content,.progress-circle-item{align-items:center;display:flex;flex-direction:column}.circle-content{justify-content:center;text-align:center}.circle-percent{color:#262626;color:var(--progress-text);font-size:12px;font-weight:600;line-height:1}.circle-label{color:#666;color:var(--progress-text-secondary);line-height:1;margin-top:2px}.circle-label,.learning-progress-display.compact .circle-percent{font-size:10px}.learning-progress-display.compact .circle-label{font-size:8px;margin-top:1px}.progress-loading{align-items:center;color:#666;color:var(--progress-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:center;padding:8px}@media (max-width:768px){.learning-progress-display{margin:4px 0;padding:8px}.progress-circles{gap:12px}.circle-percent{font-size:10px}.circle-label{font-size:8px}}.learning-progress-display .ant-progress-text{color:#262626!important;color:var(--progress-text)!important}.learning-progress-display .ant-progress-circle .ant-progress-text{fill:#262626!important;fill:var(--progress-text)!important}.learning-progress-inline{align-items:center;display:inline-flex;gap:6px;margin-left:8px}.progress-mini-circle{background-color:#fffc;border:1px solid #e8e8e8;border:1px solid var(--progress-trail-color);border-radius:50%;cursor:pointer;padding:2px;position:relative;transition:all .2s ease}.progress-mini-circle:hover{border-color:#d9d9d9;border-color:var(--progress-trail-color-hover);box-shadow:0 2px 4px #0000001a;transform:scale(1.1)}.shadow-reading-circle{z-index:10}.dictation-circle{z-index:11}.learning-progress-inline .ant-progress-circle{vertical-align:top}.learning-progress-inline .ant-progress-circle .ant-progress-circle-trail{stroke:#e8e8e8!important;stroke:var(--progress-trail-color)!important;stroke-width:8!important}.progress-mini-circle:hover .ant-progress-circle .ant-progress-circle-trail{stroke:#d9d9d9!important;stroke:var(--progress-trail-color-hover)!important}.shadow-reading-circle .ant-progress-circle .ant-progress-circle-path{stroke:#1890ff!important;stroke:var(--shadow-reading-color)!important;stroke-width:8!important}.dictation-circle .ant-progress-circle .ant-progress-circle-path{stroke:#52c41a!important;stroke:var(--dictation-color)!important;stroke-width:8!important}@media (max-width:768px){.learning-progress-inline{gap:4px}.learning-progress-inline .ant-progress-text{font-size:7px!important}}.learning-progress-tooltip .ant-tooltip-inner{background-color:#000000d9!important;border-radius:4px!important;color:#fff!important;font-size:12px!important;padding:6px 8px!important;white-space:nowrap!important}.learning-progress-tooltip .ant-tooltip-arrow{border-top-color:#000000d9!important}.shadow-reading-tooltip .ant-tooltip-inner{border-left:3px solid #1890ff!important;border-left:3px solid var(--shadow-reading-color)!important}.dictation-tooltip .ant-tooltip-inner{border-left:3px solid #52c41a!important;border-left:3px solid var(--dictation-color)!important}.learning-progress-inline .ant-progress-text{color:#333!important;color:var(--theme-text-primary,#333)!important;font-size:8px!important;font-weight:500!important;line-height:1!important;pointer-events:none;transform:scale(.8)}[data-theme=dark] .progress-mini-circle{background-color:#ffffff1a;border:1px solid #e8e8e8;border:1px solid var(--progress-trail-color)}[data-theme=dark] .progress-mini-circle:hover{background-color:#ffffff26}.sentence-block{border-radius:4px;box-sizing:border-box;margin:.5em 0 8px;max-width:100%;position:relative;transition:background-color .2s ease;width:100%}.sentence-focused{background-color:#1890ff0d;border:1px solid #1890ff33}.sentence-content{border-radius:8px;box-sizing:border-box;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:16px;line-height:1.5;margin-bottom:8px;max-width:100%;min-height:24px;padding:3px 2px;transition:all .2s ease;width:100%}.sentence-content .ProseMirror{word-wrap:break-word;box-sizing:border-box;max-width:100%;min-width:300px;overflow-wrap:break-word;width:100%;width:100%!important}.sentence-children{border-left:2px solid #e8e8e8;border-left:2px solid var(--theme-border-light,#e8e8e8);padding-left:16px}.sentence-children,.translation-block{box-sizing:border-box;margin-top:8px;max-width:100%;width:100%}.translation-block{background-color:#00000005;border:1px solid #0000000f;border-radius:6px;padding:8px 12px}.translation-block .ProseMirror{word-wrap:break-word;box-sizing:border-box;max-width:100%;min-width:280px;overflow-wrap:break-word;width:100%;width:100%!important}@media (max-width:768px){.sentence-children{margin-top:6px;padding-left:12px}.translation-block{padding:6px 10px}.sentence-content .ProseMirror{min-width:250px}.translation-block .ProseMirror{min-width:230px}.sentence-practice{margin-top:8px;opacity:1;position:static;text-align:right}}[data-theme=dark] .sentence-focused{background-color:#1890ff1a}[data-theme=dark] .sentence-children{border-left-color:#ffffff1a}[data-theme=dark] .translation-block{background-color:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .sentence-practice{opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}[data-theme=dark] .sentence-block:hover .sentence-practice{opacity:1}[data-theme=dark] .sentence-practice .practice-button{background:#000000b3;border-color:#1890ff80;color:#40a9ff}[data-theme=dark] .sentence-practice .practice-button:hover{background:#1890ff;color:#fff}[data-theme=dark] .sentence-practice .practice-button.disabled{background:#00000080;border-color:#ffffff1a;color:#666}[data-theme=forest] .sentence-practice .practice-button{border-color:#52c41a4d;color:#52c41a}[data-theme=forest] .sentence-practice .practice-button:hover{background:#52c41a;color:#fff}.sentence-practice{align-items:center;display:flex;gap:8px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.sentence-block:hover .sentence-practice{opacity:1}.sentence-practice .practice-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #1890ff4d;border-radius:4px;color:#1890ff;font-size:12px;height:28px;padding:0 8px;transition:all .2s ease}.sentence-practice .practice-button:hover{background:#1890ff;box-shadow:0 2px 8px #1890ff4d;color:#fff;transform:translateY(-1px)}.sentence-practice .practice-button.disabled{background:#ffffffb3;border-color:#0000001a;color:#999;cursor:not-allowed}.sentence-practice .practice-button.disabled:hover{background:#ffffffb3;box-shadow:none;color:#999;transform:none}.article-block{background-color:#00000005;border:1px solid #0000000f;border-radius:8px;box-sizing:border-box;margin:.5em 0;max-width:100%;padding:12px;position:relative;transition:all .2s ease;width:100%}.article-focused{background-color:#1890ff05;border-color:#1890ff4d}.article-header{align-items:center;color:#666;color:var(--theme-text-secondary,#666);display:flex;gap:8px;margin-bottom:8px}.article-icon{color:#1890ff;color:var(--theme-accent,#1890ff);font-size:16px}.article-label{color:#666;color:var(--theme-text-secondary,#666);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.article-content{margin-bottom:16px}.article-content .ProseMirror{background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:#333;color:var(--theme-text-primary,#333);font-size:16px;line-height:1.6;max-width:100%;min-height:60px;outline:none;padding:8px 12px;transition:background-color .2s ease;width:100%}.article-content .ProseMirror:focus{background-color:#1890ff05;outline:none}.article-content .ProseMirror p{margin:0 0 8px}.article-content .ProseMirror p:last-child{margin-bottom:0}.article-children{border-left:2px solid #e8e8e8;border-left:2px solid var(--theme-border-light,#e8e8e8);box-sizing:border-box;margin-top:16px;max-height:400px;max-width:100%;overflow-y:auto;padding-left:16px;padding-right:8px;width:100%}.article-children::-webkit-scrollbar{width:6px}.article-children::-webkit-scrollbar-track{background:#f5f5f5;background:var(--theme-bg-secondary,#f5f5f5);border-radius:3px}.article-children::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--theme-border-medium,#d9d9d9);border-radius:3px}.article-children::-webkit-scrollbar-thumb:hover{background:#999;background:var(--theme-text-muted,#999)}.article-children .chunks-block{background-color:#00000005;border:1px solid #0000000f;border-radius:6px;margin-bottom:8px;padding:8px 12px}.article-children .chunks-block:last-child{margin-bottom:0}.article-practice{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);bottom:0;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:8px;position:sticky;z-index:10}.article-practice .learning-plan-button,.article-practice .practice-button{align-items:center!important;background:#1890ff!important;background:var(--theme-accent,#1890ff)!important;border:1px solid #1890ff!important;border:1px solid var(--theme-accent,#1890ff)!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:6px!important;height:auto!important;min-height:32px!important;padding:8px 16px!important;transition:all .2s ease!important}.article-practice .learning-plan-button{background:#52c41a!important;background:var(--theme-secondary,#52c41a)!important;border-color:#52c41a!important;border-color:var(--theme-secondary,#52c41a)!important}.article-practice .practice-button:hover:not(.disabled){background:#40a9ff!important;background:var(--theme-accent-hover,#40a9ff)!important;border-color:#40a9ff!important;border-color:var(--theme-accent-hover,#40a9ff)!important;box-shadow:0 4px 12px #1890ff4d!important;box-shadow:0 4px 12px var(--theme-accent-alpha,#1890ff4d)!important;color:#fff!important;transform:translateY(-1px)}.article-practice .learning-plan-button:hover:not(.disabled){background:#73d13d!important;background:var(--theme-secondary-hover,#73d13d)!important;border-color:#73d13d!important;border-color:var(--theme-secondary-hover,#73d13d)!important;box-shadow:0 4px 12px #52c41a4d!important;color:#fff!important;transform:translateY(-1px)}.article-practice .learning-plan-button.disabled,.article-practice .practice-button.disabled{cursor:not-allowed!important}.article-practice .learning-plan-button.disabled,.article-practice .learning-plan-button.disabled:hover,.article-practice .practice-button.disabled,.article-practice .practice-button.disabled:hover{background:#f5f5f5!important;border-color:#d9d9d9!important;box-shadow:none!important;color:#d9d9d9!important;transform:none!important}.article-practice .learning-plan-button .anticon,.article-practice .practice-button .anticon{color:#fff!important;font-size:14px!important;margin-right:0!important}@media (max-width:768px){.article-block{padding:8px}.article-content .ProseMirror{font-size:14px;padding:6px 8px}.article-children{max-height:300px;padding-left:12px}.article-practice{margin-top:8px}.article-practice .practice-button{font-size:12px;padding:4px 8px}}@media (max-width:480px){.article-children{max-height:250px;padding-left:8px;padding-right:4px}.article-children::-webkit-scrollbar{width:4px}}[data-theme=dark] .article-block{background-color:#ffffff05;border-color:#ffffff1a}[data-theme=dark] .article-header{color:#999;color:var(--theme-text-secondary,#999)}[data-theme=dark] .article-content{color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .article-children{border-left-color:#ffffff1a}[data-theme=dark] .article-children::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .article-children::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .article-children::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .article-practice{border-top-color:#ffffff1a}[data-theme=forest] .article-children::-webkit-scrollbar-track{background:#228b221a}[data-theme=forest] .article-children::-webkit-scrollbar-thumb{background:#228b224d}[data-theme=forest] .article-children::-webkit-scrollbar-thumb:hover{background:#228b2280}[data-theme=claude] .article-children::-webkit-scrollbar-track{background:#ff8c001a}[data-theme=claude] .article-children::-webkit-scrollbar-thumb{background:#ff8c004d}[data-theme=claude] .article-children::-webkit-scrollbar-thumb:hover{background:#ff8c0080}.vocabulary-block{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e8e8e8;border:1px solid var(--theme-border-light,#e8e8e8);border-radius:8px;box-sizing:border-box;margin:8px 0;max-height:600px;max-width:100%;min-width:300px;overflow-y:auto;padding:16px;position:relative;transition:all .2s ease;width:100%}.vocabulary-block:hover{border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);box-shadow:0 2px 8px #00000014}.vocabulary-title-section{background:#fff;background:var(--theme-bg-surface,#fff);margin-bottom:12px;padding-bottom:8px;position:sticky;top:0;z-index:10}.vocabulary-title-header,.vocabulary-title-section{align-items:center;display:flex;gap:8px}.vocabulary-title-icon{color:#1890ff;color:var(--theme-accent,#1890ff);flex-shrink:0;font-size:16px}.vocabulary-title-text{color:#333;color:var(--theme-text-primary,#333);flex:1 1;font-size:16px;font-weight:600;line-height:1.4}.vocabulary-title-text.editable{cursor:pointer;transition:color .2s ease}.vocabulary-title-text.editable:hover{color:#1890ff;color:var(--theme-accent,#1890ff)}.vocabulary-title-input{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #1890ff;border:1px solid var(--theme-accent,#1890ff);border-radius:4px;color:#333;color:var(--theme-text-primary,#333);flex:1 1;font-size:16px;font-weight:600;outline:none;padding:6px 12px;transition:all .2s ease}.vocabulary-title-input:focus{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 0 0 2px #1890ff1a;box-shadow:0 0 0 2px var(--theme-accent-alpha,#1890ff1a)}.vocabulary-content-section{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0}.vocabulary-editor-content{background:#fafafa;background:var(--theme-bg-primary,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:6px;max-height:400px;min-height:100px;overflow-y:auto;padding:12px;position:relative;transition:all .2s ease}.vocabulary-editor-content .ProseMirror{word-wrap:break-word;color:#333;color:var(--theme-text-primary,#333);font-size:16px;line-height:1.6;min-height:120px;outline:none;word-break:break-word}.vocabulary-editor-content .ProseMirror.ProseMirror-focused{outline:none}.vocabulary-editor-content .ProseMirror p{margin:.5em 0}.vocabulary-editor-content .ProseMirror ol,.vocabulary-editor-content .ProseMirror ul{margin:.5em 0;padding-left:2em}.vocabulary-editor-content .ProseMirror li{margin:.25em 0}.vocabulary-editor-content .ProseMirror mark{border-radius:3px;padding:2px 4px}.vocabulary-editor-content .ProseMirror p.is-editor-empty:first-child:before{color:#999;color:var(--theme-text-secondary,#999);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.bubble-menu{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border:1px solid #e8e8e8;border:1px solid var(--theme-border-light,#e8e8e8);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:8px;z-index:1000}.bubble-menu,.bubble-menu-content{display:flex;gap:4px}.bubble-menu button{align-items:center;background:none;border:none;border-radius:6px;color:#333;color:var(--theme-text-primary,#333);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:8px 10px;transition:all .2s ease}.bubble-menu button:hover{background-color:#f5f5f5;background-color:var(--theme-bg-primary,#f5f5f5)}.bubble-menu button.is-active{background-color:#1890ff;background-color:var(--theme-accent,#1890ff);color:#fff;color:var(--theme-bg-surface,#fff)}.highlight-color-selector{padding:12px;width:240px}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.color-option{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.color-option:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.color-option.active{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);transform:scale(1.05)}.color-option .checkmark{color:#1890ff;color:var(--theme-accent,#1890ff);font-size:14px;font-weight:700}.clear-highlight-btn{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e8e8e8;border:1px solid var(--theme-border-light,#e8e8e8);border-radius:6px;color:#333;color:var(--theme-text-primary,#333);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.clear-highlight-btn:hover{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9)}.block-focused .vocabulary-block{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 0 0 3px #1890ff1a;box-shadow:0 0 0 3px var(--theme-accent-alpha,#1890ff1a)}.vocabulary-block.readonly{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);opacity:.8}.vocabulary-block.readonly .vocabulary-editor-content{pointer-events:none}.vocabulary-block.readonly .vocabulary-title-text{cursor:default;pointer-events:none}.vocabulary-block.readonly .vocabulary-title-text:hover{color:#333;color:var(--theme-text-primary,#333)}.vocabulary-block.readonly .learning-plan-button,.vocabulary-block.readonly .practice-button,.vocabulary-block.readonly .vocabulary-practice{pointer-events:auto}@media (max-width:768px){.vocabulary-block{margin:6px 0;max-height:500px;min-width:280px;padding:12px}.vocabulary-title-header{align-items:flex-start;flex-direction:column}.vocabulary-title-icon{font-size:18px}.vocabulary-title-text{font-size:16px}.vocabulary-title-input{font-size:16px;padding:6px 8px}.vocabulary-editor-content{max-height:300px;padding:10px}.vocabulary-editor-content .ProseMirror{font-size:14px}.bubble-menu{transform:scale(.9)}.bubble-menu button{font-size:12px;padding:6px 8px}.highlight-color-selector{padding:8px}.color-grid{gap:6px}.color-option{height:24px;width:24px}.practice-button{font-size:13px!important;min-height:28px!important;padding:6px 12px!important}}@media (max-width:480px){.vocabulary-block{max-height:400px;min-width:260px;padding:10px}.vocabulary-title-text{font-size:14px}.vocabulary-title-input{font-size:14px;padding:4px 6px}.vocabulary-editor-content .ProseMirror{font-size:13px;max-height:250px;min-height:80px}.bubble-menu{bottom:5px;transform:scale(.85)}.bubble-menu button{font-size:11px;padding:4px 6px}.highlight-color-selector{padding:6px}.color-grid{gap:4px}.color-option{height:20px;width:20px}.practice-button{font-size:12px!important;min-height:24px!important;padding:4px 8px!important}}[data-theme=dark] .vocabulary-block{border-color:#3a3a3a;border-color:var(--theme-border-light,#3a3a3a)}[data-theme=dark] .vocabulary-block,[data-theme=dark] .vocabulary-title-section{background:#1f1f1f;background:var(--theme-bg-surface,#1f1f1f)}[data-theme=dark] .vocabulary-editor-content{background:#2a2a2a;background:var(--theme-bg-primary,#2a2a2a);border-color:#3a3a3a;border-color:var(--theme-border-light,#3a3a3a)}[data-theme=dark] .vocabulary-practice{background:#1f1f1f;background:var(--theme-bg-surface,#1f1f1f)}[data-theme=dark] .bubble-menu{background:#2a2a2a;background:var(--theme-bg-surface,#2a2a2a);border-color:#3a3a3a;border-color:var(--theme-border-light,#3a3a3a)}[data-theme=dark] .clear-highlight-btn{background:#3a3a3a;background:var(--theme-bg-primary,#3a3a3a);border-color:#4a4a4a;border-color:var(--theme-border-light,#4a4a4a);color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .practice-button{background:#1890ff!important;background:var(--theme-accent,#1890ff)!important;border-color:#1890ff!important;border-color:var(--theme-accent,#1890ff)!important;color:#fff!important}[data-theme=dark] .practice-button:hover:not(.disabled){background:#40a9ff!important;background:var(--theme-accent-hover,#40a9ff)!important;border-color:#40a9ff!important;border-color:var(--theme-accent-hover,#40a9ff)!important}[data-theme=dark] .practice-button.disabled{background:#3a3a3a!important;border-color:#4a4a4a!important;color:#666!important}[data-theme=dark] .practice-button.disabled .anticon{color:#666!important}.vocabulary-block::-webkit-scrollbar,.vocabulary-editor-content::-webkit-scrollbar{width:6px}.vocabulary-block::-webkit-scrollbar-track,.vocabulary-editor-content::-webkit-scrollbar-track{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px}.vocabulary-block::-webkit-scrollbar-thumb,.vocabulary-editor-content::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--theme-border-medium,#d9d9d9);border-radius:3px}.vocabulary-block::-webkit-scrollbar-thumb:hover,.vocabulary-editor-content::-webkit-scrollbar-thumb:hover{background:#1890ff;background:var(--theme-accent,#1890ff)}[data-theme=dark] .vocabulary-block::-webkit-scrollbar-track,[data-theme=dark] .vocabulary-editor-content::-webkit-scrollbar-track{background:#2a2a2a;background:var(--theme-bg-primary,#2a2a2a)}[data-theme=dark] .vocabulary-block::-webkit-scrollbar-thumb,[data-theme=dark] .vocabulary-editor-content::-webkit-scrollbar-thumb{background:#4a4a4a;background:var(--theme-border-medium,#4a4a4a)}.vocabulary-practice{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);bottom:0;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:8px;position:sticky;z-index:10}.learning-plan-button,.practice-button{align-items:center!important;background:#1890ff!important;background:var(--theme-accent,#1890ff)!important;border:1px solid #1890ff!important;border:1px solid var(--theme-accent,#1890ff)!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:6px!important;height:auto!important;min-height:32px!important;padding:8px 16px!important;transition:all .2s ease!important}.learning-plan-button{background:#52c41a!important;background:var(--theme-secondary,#52c41a)!important;border-color:#52c41a!important;border-color:var(--theme-secondary,#52c41a)!important}.practice-button:hover:not(.disabled){background:#40a9ff!important;background:var(--theme-accent-hover,#40a9ff)!important;border-color:#40a9ff!important;border-color:var(--theme-accent-hover,#40a9ff)!important;box-shadow:0 4px 12px #1890ff4d!important;box-shadow:0 4px 12px var(--theme-accent-alpha,#1890ff4d)!important;color:#fff!important;transform:translateY(-1px)}.learning-plan-button:hover:not(.disabled){background:#73d13d!important;background:var(--theme-secondary-hover,#73d13d)!important;border-color:#73d13d!important;border-color:var(--theme-secondary-hover,#73d13d)!important;box-shadow:0 4px 12px #52c41a4d!important;color:#fff!important;transform:translateY(-1px)}.learning-plan-button.disabled,.practice-button.disabled{cursor:not-allowed!important}.learning-plan-button.disabled,.learning-plan-button.disabled:hover,.practice-button.disabled,.practice-button.disabled:hover{background:#f5f5f5!important;border-color:#d9d9d9!important;box-shadow:none!important;color:#d9d9d9!important;transform:none!important}.learning-plan-button .anticon,.practice-button .anticon{color:#fff!important;font-size:14px!important;margin-right:0!important}.block-cover{margin-bottom:24px;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;width:100vw}.cover-block{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);height:300px;overflow:hidden;position:relative;width:100%}.cover-block img{height:100%;object-fit:cover;width:100%}.cover-overlay{background:linear-gradient(0deg,#00000080,#0000);bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:16px;position:absolute;right:0;transition:opacity .2s ease}.cover-block:hover .cover-overlay{opacity:1}.empty-cover{align-items:center;background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);cursor:pointer;display:flex;height:300px;justify-content:center;width:100%}.add-cover-button,.change-cover-button{background:#ffffffe6;background:var(--theme-bg-surface,#ffffffe6);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:4px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);color:#2d3648;color:var(--theme-text-primary,#2d3648);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.add-cover-button:hover,.change-cover-button:hover{background:#fff;background:var(--theme-bg-surface,#fff);border-color:#00000014;border-color:var(--theme-border-medium,#00000014);box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a)}.cover-block .change-cover-button{background:#ffffffe6;background:var(--theme-bg-surface,#ffffffe6);border-color:#ffffff4d;border-color:var(--theme-border-light,#ffffff4d);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.cover-block .change-cover-button:hover{background:#fff;background:var(--theme-bg-surface,#fff);border-color:#ffffff80;border-color:var(--theme-border-medium,#ffffff80)}.cover-picker{max-height:450px;overflow-y:auto;padding:8px;width:320px}.cover-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px}.cover-option{border-radius:4px;cursor:pointer;padding:8px;transition:background-color .2s}.cover-option:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.cover-option img{border-radius:2px;height:60px;object-fit:cover;width:100%}.cover-option span{color:#4b5563;color:var(--theme-text-secondary,#4b5563);display:block;font-size:12px;margin-top:4px;text-align:center}.upload-section{padding:16px;text-align:center}.upload-tip{color:#9ca3af;color:var(--theme-text-muted,#9ca3af);font-size:12px;line-height:1.4;margin-top:12px;text-align:center}.cover-picker .ant-tabs-tab{padding:8px 16px}.cover-picker .ant-tabs-content-holder,.cover-picker .ant-tabs-tabpane{padding:0}.cover-popover{border-radius:8px;box-shadow:0 2px 8px #00000026}.transcription-block{background:#fafafa;background:var(--theme-bg-primary,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:8px;box-sizing:border-box;margin-bottom:12px;padding:16px;position:relative;transition:all .2s ease;width:100%}.transcription-block:before{background:linear-gradient(90deg,#52c41a,#73d13d);background:linear-gradient(90deg,var(--theme-success,#52c41a),var(--theme-success-light,#73d13d));border-radius:8px 8px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.transcription-block:hover{border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);box-shadow:0 2px 8px #0000000f}.transcription-header{align-items:center;background:#f8f9fa;background:var(--theme-bg-secondary,#f8f9fa);border-left:3px solid #1890ff;border-left:3px solid var(--theme-accent,#1890ff);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.transcription-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.transcription-info .anticon{color:#1890ff;color:var(--theme-accent,#1890ff);flex-shrink:0;font-size:14px}.transcription-info span{color:#333;color:var(--theme-text-primary,#333);font-size:14px;font-weight:500}.transcription-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.transcription-actions .ant-btn{align-items:center;border:none;border-radius:6px;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.transcription-actions .practice-button{background:#1890ff;background:var(--theme-accent,#1890ff);color:#fff}.transcription-actions .practice-button:hover{background:#096dd9;background:var(--theme-accent-dark,#096dd9);box-shadow:0 2px 8px #1890ff4d;transform:translateY(-1px)}.word-count{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:4px;color:#666;color:var(--theme-text-secondary,#666);flex-shrink:0;font-size:12px;font-weight:400;padding:2px 6px}.transcription-content{background:#fff;background:var(--theme-bg-container,#fff);border-radius:6px;color:#262626;color:var(--theme-text-primary,#262626);font-size:14px;line-height:1.6;max-height:250px;overflow-y:auto;padding:12px;scroll-behavior:smooth}.transcription-content::-webkit-scrollbar{width:6px}.transcription-content::-webkit-scrollbar-track{background:#f8f9fa;background:var(--theme-bg-secondary,#f8f9fa);border-radius:3px}.transcription-content::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--theme-border-medium,#d9d9d9);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.transcription-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf;background:var(--theme-border-dark,#bfbfbf)}.word{border-radius:3px;cursor:pointer;display:inline;padding:1px 2px;position:relative;transition:all .2s ease}.word:hover{background-color:#1890ff1a;background-color:var(--theme-primary-bg-hover,#1890ff1a);color:#1890ff;color:var(--theme-primary,#1890ff);transform:translateY(-1px)}.word:active{transform:translateY(0)}.highlighted-word{animation:word-highlight .3s ease-in-out;background-color:#faad14;background-color:var(--theme-warning,#faad14);box-shadow:0 1px 3px #faad144d;color:#000;color:var(--theme-warning-contrast,#000);font-weight:600}.highlighted-segment{background-color:#1890ff1a;background-color:var(--theme-primary-bg,#1890ff1a);border-left:3px solid #1890ff;border-left:3px solid var(--theme-primary,#1890ff);border-radius:4px;color:#1890ff;color:var(--theme-primary,#1890ff);padding:2px 4px 2px 8px}@keyframes word-highlight{0%{background-color:#fff7e6;background-color:var(--theme-warning-light,#fff7e6);transform:scale(1)}50%{background-color:#faad14;background-color:var(--theme-warning,#faad14);transform:scale(1.05)}to{background-color:#faad14;background-color:var(--theme-warning,#faad14);transform:scale(1)}}.text-content{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:6px;box-sizing:border-box;font-size:14px;line-height:1.6;overflow-wrap:break-word;padding:12px;white-space:pre-wrap;width:100%;word-break:break-word}.text-content.empty{color:#999;color:var(--theme-text-muted,#999);font-style:italic;padding:20px;text-align:center}.segments-content{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:6px;max-height:400px;overflow-y:auto;padding:8px}.segment-item{background:#fafafa;background:var(--theme-bg-secondary,#fafafa);border-left:3px solid #0000;border-radius:8px;margin:8px 0;padding:12px;transition:all .3s ease}.segment-time{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:3px;color:#666;color:var(--theme-text-secondary,#666);display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;margin-bottom:4px;padding:2px 6px}.segment-text{color:#333;color:var(--theme-text-primary,#333);font-size:14px;line-height:1.5;word-break:break-word}.vtt-details{border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:6px;margin-top:12px;overflow:hidden}.vtt-details summary{background:#f8f9fa;background:var(--theme-bg-secondary,#f8f9fa);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);color:#666;color:var(--theme-text-secondary,#666);cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.vtt-details summary:hover{background:#f0f0f0;background:var(--theme-bg-tertiary,#f0f0f0);color:#333;color:var(--theme-text-primary,#333)}.vtt-details[open] summary{background:#f0f8ff;background:var(--theme-accent-light,#f0f8ff);border-bottom-color:#1890ff;border-bottom-color:var(--theme-accent,#1890ff);color:#1890ff;color:var(--theme-accent,#1890ff)}.vtt-content{background:#f8f9fa;background:var(--theme-bg-code,#f8f9fa);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;max-height:300px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.transcription-block.loading{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 0 0 2px #1890ff1a}.transcription-block.loading .transcription-header{background:#f0f8ff;background:var(--theme-accent-light,#f0f8ff);border-left-color:#1890ff;border-left-color:var(--theme-accent,#1890ff)}.transcription-block.loading .anticon{color:#1890ff;color:var(--theme-accent,#1890ff)}.transcription-block.error{background:#fff2f0;background:var(--theme-error-light,#fff2f0);border-color:#ff4d4f;border-color:var(--theme-error,#ff4d4f)}.transcription-block.error .transcription-header{background:#fff2f0;background:var(--theme-error-light,#fff2f0);border-left-color:#ff4d4f;border-left-color:var(--theme-error,#ff4d4f)}.error-message,.transcription-block.error .anticon{color:#ff4d4f;color:var(--theme-error,#ff4d4f)}.error-message{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #ff4d4f;border:1px solid var(--theme-error,#ff4d4f);border-radius:6px;font-size:14px;padding:12px;text-align:center}[data-theme=dark] .transcription-block{background:#1f1f1f;background:var(--theme-bg-primary,#1f1f1f);border-color:#303030;border-color:var(--theme-border-light,#303030)}[data-theme=dark] .transcription-header{background:#262626;background:var(--theme-bg-secondary,#262626)}[data-theme=dark] .segment-text,[data-theme=dark] .text-content,[data-theme=dark] .transcription-content{color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .transcription-content{background:#262626;background:var(--theme-bg-container,#262626)}[data-theme=dark] .transcription-content::-webkit-scrollbar-track{background:#1f1f1f;background:var(--theme-bg-tertiary,#1f1f1f)}[data-theme=dark] .transcription-content::-webkit-scrollbar-thumb{background:#434343;background:var(--theme-border-medium,#434343)}[data-theme=dark] .transcription-content::-webkit-scrollbar-thumb:hover{background:#595959;background:var(--theme-border-dark,#595959)}[data-theme=dark] .word:hover{background-color:#1890ff33;color:#40a9ff;color:var(--theme-primary-light,#40a9ff);transform:translateY(-1px)}[data-theme=dark] .word:active{transform:translateY(0)}[data-theme=dark] .highlighted-word{background-color:#d89614;background-color:var(--theme-warning-dark,#d89614);box-shadow:0 1px 3px #d8961466;color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .highlighted-segment{background-color:#1890ff26;border-left-color:#40a9ff;border-left-color:var(--theme-primary-light,#40a9ff);color:#40a9ff;color:var(--theme-primary-light,#40a9ff)}[data-theme=dark] .segment-item{background:#262626;background:var(--theme-bg-secondary,#262626);border-color:#0000}[data-theme=dark] .segment-item.current-playing{background:#1890ff1f;border-left-color:#40a9ff;border-left-color:var(--theme-primary-light,#40a9ff);box-shadow:0 2px 8px #1890ff40}@media (max-width:768px){.transcription-block{margin-bottom:8px;padding:12px}.transcription-header{align-items:flex-start;flex-direction:column;gap:8px}.transcription-actions{align-self:flex-end}.segments-content{max-height:300px}.segment-item{padding:6px}}@media (prefers-reduced-motion:reduce){.segment-item,.transcription-actions .ant-btn,.transcription-block,.vtt-details summary{transition:none}}.segment-item.current-playing{background:#1890ff14;background:var(--theme-primary-bg,#1890ff14);border-left-color:#1890ff;border-left-color:var(--theme-primary,#1890ff);box-shadow:0 2px 8px #1890ff26}.audio-block{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e8e8e8;border:1px solid var(--theme-border-light,#e8e8e8);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;margin:12px 0;padding:20px;position:relative;transition:all .2s ease;width:100%}.audio-block:hover{border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);box-shadow:0 4px 16px #00000014}.audio-title-section{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);box-sizing:border-box;margin-bottom:16px;padding-bottom:12px;width:100%}.audio-control-section{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:100%}.audio-player{background:#fafafa;background:var(--theme-bg-primary,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:8px;box-sizing:border-box;padding:16px;transition:all .2s ease;width:100%}.audio-info{flex-direction:column}.audio-info,.audio-info-header{box-sizing:border-box;display:flex;gap:12px;width:100%}.audio-info-header{align-items:flex-start;justify-content:space-between}.audio-meta{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.audio-meta .anticon{color:#1890ff;color:var(--theme-accent,#1890ff);flex-shrink:0;font-size:18px;transition:color .2s ease}.audio-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-name,.file-name{color:#333;color:var(--theme-text-primary,#333);font-size:14px;font-weight:500}.duration,.file-size{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:4px;color:#666;color:var(--theme-text-secondary,#666);flex-shrink:0;font-size:12px;padding:2px 6px}.audio-controls{align-items:center;box-sizing:border-box;display:flex;gap:16px;width:100%}.audio-controls .ant-btn{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:2px solid #1890ff;border:2px solid var(--theme-accent,#1890ff);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#1890ff;color:var(--theme-accent,#1890ff);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.audio-controls .ant-btn:hover{background:#1890ff;background:var(--theme-accent,#1890ff);box-shadow:0 4px 8px #1890ff4d;color:#fff;color:var(--theme-bg-surface,#fff);transform:translateY(-1px)}.audio-controls .ant-btn .anticon{font-size:18px}.audio-controls .ant-btn.practice-button{align-items:center!important;background:#1890ff!important;background:var(--theme-accent,#1890ff)!important;border:1px solid #1890ff!important;border:1px solid var(--theme-accent,#1890ff)!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-weight:500!important;height:44px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:44px!important}.audio-controls .ant-btn.practice-button:hover{background:#40a9ff!important;background:var(--theme-accent-hover,#40a9ff)!important;border-color:#40a9ff!important;border-color:var(--theme-accent-hover,#40a9ff)!important;box-shadow:0 4px 8px #1890ff4d!important;color:#fff!important;transform:translateY(-1px)!important}.audio-controls .ant-btn.practice-button:focus{background:#1890ff!important;background:var(--theme-accent,#1890ff)!important;border-color:#1890ff!important;border-color:var(--theme-accent,#1890ff)!important;box-shadow:0 0 0 2px #1890ff33!important;color:#fff!important}.audio-controls .ant-btn.practice-button.disabled,.audio-controls .ant-btn.practice-button:disabled{cursor:not-allowed!important}.audio-controls .ant-btn.practice-button.disabled,.audio-controls .ant-btn.practice-button.disabled:hover,.audio-controls .ant-btn.practice-button:disabled,.audio-controls .ant-btn.practice-button:disabled:hover{background:#f5f5f5!important;border-color:#d9d9d9!important;box-shadow:none!important;color:#d9d9d9!important;transform:none!important}.audio-controls .ant-btn.practice-button .anticon{color:#fff!important;margin-right:0!important}.audio-controls .ant-btn.practice-button.disabled .anticon,.audio-controls .ant-btn.practice-button:disabled .anticon{color:#ccc!important}.audio-progress{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;width:100%}.time-display{color:#666;color:var(--theme-text-secondary,#666);font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;text-align:center}.audio-progress .ant-progress{margin:0;width:100%}.audio-progress .ant-progress-line{height:6px}.audio-progress .ant-progress-inner{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px}.audio-progress .ant-progress-bg{background:linear-gradient(90deg,#1890ff,#40a9ff);background:linear-gradient(90deg,var(--theme-accent,#1890ff),var(--theme-accent-light,#40a9ff));border-radius:3px;transition:all .2s ease}.progress-bar-container{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px;box-sizing:border-box;cursor:pointer;height:6px;position:relative;width:100%!important}.progress-fill{background:linear-gradient(90deg,#1890ff,#40a9ff);background:linear-gradient(90deg,var(--theme-accent,#1890ff),var(--theme-accent-light,#40a9ff));border-radius:3px;height:100%;max-width:100%;transition:width .1s ease}.audio-upload{align-items:center;background:#fafafa;background:var(--theme-bg-primary,#fafafa);border:2px dashed #d9d9d9;border:2px dashed var(--theme-border-medium,#d9d9d9);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;transition:all .2s ease;width:100%}.audio-upload:hover{background:#f0f8ff;background:var(--theme-accent-light,#f0f8ff);border-color:#1890ff;border-color:var(--theme-accent,#1890ff);transform:translateY(-2px)}.audio-upload .ant-btn{border-radius:6px;font-weight:500;margin-bottom:12px}.upload-area{box-sizing:border-box;gap:8px;margin-bottom:16px;width:100%}.upload-icon{color:#bfbfbf;color:var(--theme-text-muted,#bfbfbf);font-size:32px}.upload-text{color:#333;color:var(--theme-text-primary,#333);font-size:16px;font-weight:500;margin-bottom:4px;text-align:center}.upload-hint{color:#999;color:var(--theme-text-muted,#999);line-height:1.4;max-width:100%;text-align:center}@media (max-width:768px){.audio-block{margin:8px 0;padding:16px}.audio-player{padding:12px}.audio-controls{flex-direction:column;gap:12px}.audio-controls .ant-btn{height:40px;width:40px}.audio-controls .ant-btn .anticon{font-size:16px}.audio-upload{padding:32px 16px}.upload-icon{font-size:28px}}.block-focused .audio-block{background:#fff;background:var(--theme-bg-surface,#fff);border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 0 0 3px #1890ff1a;box-shadow:0 0 0 3px var(--theme-accent-alpha,#1890ff1a)}.audio-block.audio-playing{border-color:#52c41a;border-color:var(--theme-success,#52c41a)}.audio-block.audio-playing:before{background:linear-gradient(90deg,#52c41a,#73d13d);background:linear-gradient(90deg,var(--theme-success,#52c41a),var(--theme-success-light,#73d13d));border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.audio-block.readonly{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);opacity:.8}.audio-block.readonly .audio-upload{display:none}.audio-block.readonly .audio-title-section{pointer-events:none}.audio-block.readonly .delete-audio-btn{opacity:.5;pointer-events:none}.audio-block .ant-btn-loading .anticon{color:#1890ff;color:var(--theme-accent,#1890ff)}@keyframes audio-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.audio-playing .audio-meta .anticon{animation:audio-wave 1.2s ease-in-out infinite;color:#52c41a;color:var(--theme-success,#52c41a)}[data-theme=dark] .audio-block{background:var(--theme-bg-secondary);border-color:var(--theme-border-light);box-shadow:0 2px 8px #0003}[data-theme=dark] .audio-player,[data-theme=dark] .audio-upload{background:var(--theme-bg-surface);border-color:var(--theme-border-medium)}[data-theme=dark] .audio-upload:hover{background:var(--theme-bg-hover);border-color:var(--theme-accent)}[data-theme=forest] .audio-playing .audio-meta .anticon{color:var(--theme-success)}[data-theme=forest] .audio-block.audio-playing:before{background:linear-gradient(90deg,var(--theme-success),var(--theme-success-light))}.r2-badge{align-items:center;background:linear-gradient(135deg,#1890ff,#40a9ff);background:linear-gradient(135deg,var(--theme-accent,#1890ff),var(--theme-accent-light,#40a9ff));border-radius:10px;box-shadow:0 1px 3px #1890ff4d;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:2px;padding:2px 6px;transition:all .2s ease}.r2-badge:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);background:linear-gradient(135deg,var(--theme-accent-light,#40a9ff),var(--theme-accent,#1890ff));box-shadow:0 2px 6px #1890ff66;transform:translateY(-1px)}@media (prefers-contrast:high){.audio-block{border-width:2px}.audio-controls .ant-btn{border-width:3px}}@media (prefers-reduced-motion:reduce){.audio-block,.audio-controls .ant-btn,.audio-progress .ant-progress-bg,.audio-upload{transition:none}.audio-playing .audio-meta .anticon{animation:none}}.delete-audio-btn{align-self:flex-start;background:none;border:none;border-radius:4px;color:#bfbfbf;color:var(--theme-text-muted,#bfbfbf);cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s ease}.delete-audio-btn:hover{background:#fff2f0;background:var(--theme-error-light,#fff2f0);color:#ff4d4f;color:var(--theme-error,#ff4d4f)}.upload-progress{background:#fafafa;background:var(--theme-bg-primary,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:6px;box-sizing:border-box;margin-top:12px;padding:12px}.upload-progress .progress-bar{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:2px;box-sizing:border-box;height:4px;margin-bottom:8px;overflow:hidden;width:100%}.upload-progress .progress-fill{background:linear-gradient(90deg,#1890ff,#40a9ff);background:linear-gradient(90deg,var(--theme-accent,#1890ff),var(--theme-accent-light,#40a9ff));border-radius:2px;height:100%;max-width:100%;transition:width .3s ease}.progress-text{color:#666;color:var(--theme-text-secondary,#666)}.transcription-results{border-top:1px solid #f0f0f0;border-top:1px solid var(--theme-border-light,#f0f0f0);box-sizing:border-box;margin-top:16px;padding-top:16px;width:100%}.audio-practice-buttons{align-items:center;display:flex;gap:8px}.audio-controls .learning-plan-button,.audio-controls .practice-button{align-items:center!important;background:#1890ff!important;background:var(--theme-accent,#1890ff)!important;border:1px solid #1890ff!important;border:1px solid var(--theme-accent,#1890ff)!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;height:36px!important;justify-content:center!important;min-width:36px!important;padding:8px 12px!important;transition:all .2s ease!important}.audio-controls .learning-plan-button{background:#52c41a!important;background:var(--theme-secondary,#52c41a)!important;border-color:#52c41a!important;border-color:var(--theme-secondary,#52c41a)!important}.audio-controls .practice-button:hover:not(.disabled){background:#40a9ff!important;background:var(--theme-accent-hover,#40a9ff)!important;border-color:#40a9ff!important;border-color:var(--theme-accent-hover,#40a9ff)!important;box-shadow:0 4px 12px #1890ff4d!important;box-shadow:0 4px 12px var(--theme-accent-alpha,#1890ff4d)!important;color:#fff!important;transform:translateY(-1px)}.audio-controls .learning-plan-button:hover:not(.disabled){background:#73d13d!important;background:var(--theme-secondary-hover,#73d13d)!important;border-color:#73d13d!important;border-color:var(--theme-secondary-hover,#73d13d)!important;box-shadow:0 4px 12px #52c41a4d!important;color:#fff!important;transform:translateY(-1px)}.audio-controls .learning-plan-button.disabled,.audio-controls .practice-button.disabled{cursor:not-allowed!important}.audio-controls .learning-plan-button.disabled,.audio-controls .learning-plan-button.disabled:hover,.audio-controls .practice-button.disabled,.audio-controls .practice-button.disabled:hover{background:#f5f5f5!important;border-color:#d9d9d9!important;box-shadow:none!important;color:#d9d9d9!important;transform:none!important}.audio-controls .learning-plan-button .anticon,.audio-controls .practice-button .anticon{color:#fff!important;font-size:16px!important}.video-block{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e8e8e8;border:1px solid var(--theme-border-light,#e8e8e8);border-radius:12px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--theme-shadow-light,0 1px 3px #0000000a);margin:8px 0;max-width:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.video-block:hover{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 4px 16px #1890ff1f;box-shadow:var(--theme-shadow-medium,0 4px 16px #1890ff1f);transform:translateY(-1px)}.video-block.compact-layout{margin:6px 0}.video-block.compact-layout .video-title-section{padding:8px 12px}.video-block.compact-layout .video-content-section{padding:12px}.video-block.compact-layout .video-info{margin-top:8px;padding:8px 12px}.video-block.compact-layout .video-controls{margin-top:8px;padding:6px 0}.video-block.has-transcription{margin:6px 0}.video-block.has-transcription .video-title-section{padding:10px 14px}.video-block.has-transcription .video-content-section{padding:14px}.video-block.has-transcription .video-info{margin-top:10px;padding:10px 14px}.video-block.has-transcription .video-controls{margin-top:10px;padding:6px 0}.video-block.has-transcription .local-video-player,.video-block.has-transcription .video-player{max-height:350px}.video-block.has-transcription .youtube-player{max-height:300px;padding-bottom:40%}.video-title-section{background:linear-gradient(135deg,#fafafa,#f5f5f5);background:var(--theme-bg-primary,linear-gradient(135deg,#fafafa 0,#f5f5f5 100%));border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);padding:12px 16px}.video-content-section{padding:16px}.video-player{box-shadow:0 4px 12px #00000026;box-shadow:var(--theme-shadow-medium,0 4px 12px #00000026);max-height:400px}.video-player,.youtube-player{background:#000;border-radius:8px;overflow:hidden}.youtube-player{height:0;max-height:350px;padding-bottom:42%;position:relative;width:100%}.youtube-container,.youtube-player .ProseMirror{height:100%;left:0;position:absolute;top:0;width:100%}.youtube-player .ProseMirror{background:#0000;border:none;outline:none}.youtube-player iframe{border:none;border-radius:8px}.youtube-placeholder,.youtube-player .youtube-embed,.youtube-player iframe{height:100%;left:0;position:absolute;top:0;width:100%}.youtube-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:8px;display:flex;justify-content:center}.youtube-placeholder-content{padding:20px;text-align:center}.youtube-thumbnail{box-shadow:0 4px 12px #0000004d;margin:0 auto 16px;transition:transform .3s ease}.youtube-thumbnail:hover{transform:scale(1.05)}.youtube-player .ProseMirror .youtube-embed-container{height:100%;position:relative;width:100%}.youtube-player .ProseMirror .youtube-embed-container iframe{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.local-video-player{margin-bottom:16px;max-height:400px;overflow:hidden;width:100%}.video-player-wrapper{background:#000;border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.local-video-editor .ProseMirror{background:#0000;border:none;margin:0;outline:none;padding:0}.local-video-editor .ProseMirror iframe{border:none;border-radius:8px;display:block;height:315px!important;width:100%!important}.youtube-editor .ProseMirror{background:#0000;border:none;margin:0;outline:none;padding:0}.video-info{background:#fafafa;background:var(--theme-bg-secondary,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:8px;margin-top:12px;padding:12px 16px}.video-info-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.video-icon{color:#1890ff;color:var(--theme-accent,#1890ff);font-size:18px;margin-right:12px}.video-name{color:#262626;color:var(--theme-text-primary,#262626);flex:1 1;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{align-items:center;color:#666;color:var(--theme-text-secondary,#666);display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.video-meta .anticon{color:#bfbfbf;color:var(--theme-text-light,#bfbfbf);margin-right:6px}.duration,.file-size,.video-type{align-items:center;background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:4px;display:flex;font-weight:500;padding:4px 8px}.video-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:8px 0}.video-controls .ant-btn{align-items:center;border:1px solid #d9d9d9;border:1px solid var(--theme-border-light,#d9d9d9);border-radius:6px;display:inline-flex;font-weight:500;gap:6px;height:36px;justify-content:center;min-width:auto;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.video-controls .ant-btn:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--theme-shadow-medium,0 2px 8px #00000014);transform:translateY(-1px)}.video-controls .ant-btn .anticon{font-size:14px}.video-controls .practice-button{background:linear-gradient(135deg,#52c41a,#73d13d)!important;background:linear-gradient(135deg,var(--theme-success,#52c41a) 0,var(--theme-success-light,#73d13d) 100%)!important;border-color:#52c41a!important;border-color:var(--theme-success,#52c41a)!important;box-shadow:0 2px 4px #52c41a4d!important;color:#fff!important;font-weight:600!important;min-width:fit-content!important;white-space:nowrap!important;width:auto!important}.video-controls .practice-button:hover{background:linear-gradient(135deg,#389e0d,#52c41a)!important;background:linear-gradient(135deg,var(--theme-success-dark,#389e0d) 0,var(--theme-success,#52c41a) 100%)!important;border-color:#389e0d!important;border-color:var(--theme-success-dark,#389e0d)!important;box-shadow:0 4px 12px #52c41a66;color:#fff!important;transform:translateY(-2px)}.video-controls .practice-button:disabled{cursor:not-allowed!important}.video-controls .practice-button:disabled,.video-controls .practice-button:disabled:hover{background:#f5f5f5!important;border-color:#d9d9d9!important;box-shadow:none!important;color:#bfbfbf!important;min-width:fit-content!important;transform:none!important;white-space:nowrap!important;width:auto!important}.video-controls .practice-button .anticon{margin-right:6px}.video-upload{background:linear-gradient(135deg,#fafafa,#f0f2f5);background:var(--theme-bg-primary,linear-gradient(135deg,#fafafa 0,#f0f2f5 100%));border:2px dashed #d9d9d9;border:2px dashed var(--theme-border-medium,#d9d9d9);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:16px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-upload:hover{background:linear-gradient(135deg,#f6f8ff,#e6f7ff);background:var(--theme-accent-light,linear-gradient(135deg,#f6f8ff 0,#e6f7ff 100%));border-color:#1890ff;border-color:var(--theme-accent,#1890ff);box-shadow:0 8px 24px #1890ff1f;box-shadow:var(--theme-shadow-medium,0 8px 24px #1890ff1f);transform:translateY(-2px)}.video-upload .ant-btn{background:#fff;background:var(--theme-bg-surface,#fff);border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);border-radius:8px;color:#262626;color:var(--theme-text-primary,#262626);font-size:13px;font-weight:500;height:32px;margin-top:12px;padding:0 16px}.video-upload .ant-btn:hover{border-color:#1890ff;border-color:var(--theme-accent,#1890ff);color:#1890ff;color:var(--theme-accent,#1890ff)}.upload-area{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{color:#1890ff;color:var(--theme-accent,#1890ff);font-size:28px;opacity:.8;transition:all .3s ease}.video-upload:hover .upload-icon{opacity:1;transform:scale(1.1)}.upload-text{color:#262626;color:var(--theme-text-primary,#262626);font-size:14px;font-weight:600;margin:0}.upload-hint{color:#8c8c8c;color:var(--theme-text-muted,#8c8c8c);font-size:12px;line-height:1.5;margin:0}.youtube-embed-area{align-items:center;display:flex;flex-direction:column;gap:10px}.youtube-icon{color:#ff4d4f;color:var(--theme-error,#ff4d4f);font-size:28px;opacity:.8;transition:all .3s ease}.video-upload:hover .youtube-icon{opacity:1;transform:scale(1.1)}.youtube-text{color:#262626;color:var(--theme-text-primary,#262626);font-size:14px;font-weight:600;margin:0}.youtube-hint{color:#8c8c8c;color:var(--theme-text-muted,#8c8c8c);font-size:12px;line-height:1.5;margin:0}.youtube-input-group{display:flex;gap:12px;max-width:500px;width:100%}.youtube-input-group .ant-input{border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);border-radius:8px;flex:1 1;font-size:14px;height:36px}.youtube-input-group .ant-btn{border-radius:8px;font-weight:500;height:36px;padding:0 16px}.upload-progress{margin-top:16px;max-width:400px;width:100%}.upload-progress .ant-progress{margin-bottom:12px}.upload-progress .ant-progress-line{border-radius:8px}.progress-text{color:#8c8c8c;color:var(--theme-text-muted,#8c8c8c);font-size:12px;font-weight:500;text-align:center}.delete-video-btn{background:#0000!important;border-color:#ffccc7!important;border-color:var(--theme-error-light,#ffccc7)!important;color:#ff4d4f!important;color:var(--theme-error,#ff4d4f)!important}.delete-video-btn:hover{background:#fff2f0!important;background:var(--theme-error-light,#fff2f0)!important;transform:translateY(-1px)!important}.delete-video-btn:focus,.delete-video-btn:hover{border-color:#ff7875!important;border-color:var(--theme-error,#ff7875)!important;color:#ff4d4f!important;color:var(--theme-error,#ff4d4f)!important}@media (max-width:768px){.video-block{margin:6px 0}.video-title-section{padding:8px 12px}.video-content-section,.video-upload{padding:12px}.upload-icon,.youtube-icon{font-size:32px}.upload-text,.youtube-text{font-size:14px}.upload-hint,.youtube-hint{font-size:12px}.youtube-input-group{gap:8px}.video-controls{gap:6px}.video-controls .ant-btn{padding:4px 8px}.video-meta{font-size:12px;gap:8px}.local-video-player,.video-player{max-height:250px}.youtube-player{max-height:200px;padding-bottom:35%}}.block-focused .video-block{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.video-block.video-playing{border-color:#52c41a}.video-block.video-playing:before{animation:video-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#52c41a,#73d13d);border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.video-block.readonly{background:#f9f9f9}.video-block.readonly .video-upload{display:none}.video-block .ant-btn-loading .anticon{color:#1890ff}@keyframes video-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}[data-theme=dark] .video-block{background:var(--theme-bg-surface);border-color:var(--theme-border-medium)}[data-theme=dark] .video-title-section{background:var(--theme-bg-primary);border-bottom-color:var(--theme-border-medium)}[data-theme=dark] .video-upload{background:var(--theme-bg-primary);border-color:var(--theme-border-medium)}[data-theme=dark] .video-upload:hover{background:var(--theme-accent-light);border-color:var(--theme-accent)}[data-theme=dark] .video-info{background:var(--theme-bg-surface);border-top-color:var(--theme-border-medium)}[data-theme=claude] .video-block{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=claude] .video-title-section{background:var(--theme-bg-primary);border-bottom-color:var(--theme-border-light)}[data-theme=claude] .video-upload{background:var(--theme-bg-primary);border-color:var(--theme-border-medium)}[data-theme=claude] .video-upload:hover{background:var(--theme-accent-light);border-color:var(--theme-accent)}[data-theme=forest] .video-block{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=forest] .video-title-section{background:var(--theme-bg-primary);border-bottom-color:var(--theme-border-light)}[data-theme=forest] .video-upload{background:var(--theme-bg-primary);border-color:var(--theme-border-medium)}[data-theme=forest] .video-upload:hover{background:var(--theme-accent-light);border-color:var(--theme-accent)}[data-theme=forest] .video-block.video-playing .video-icon{animation:video-pulse 1.5s ease-in-out infinite;color:var(--theme-success)}[data-theme=forest] .video-block.video-playing:before{background:linear-gradient(45deg,var(--theme-success),var(--theme-success))}@media (prefers-contrast:high){.video-block,.video-controls .ant-btn{border-color:#000;border-width:2px}}@media (prefers-reduced-motion:reduce){.upload-icon,.video-block,.video-upload,.youtube-icon{animation:none;transition:none}.video-block.video-playing:before{animation:none}}.video-upload .ant-tabs{margin-bottom:16px}.video-upload .ant-tabs-tab{font-size:14px;font-weight:500}.video-upload .ant-tabs-content{padding-top:8px}.video-type{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.video-type.youtube{background:#fff2f0;color:#ff4d4f}.video-type.local{background:#52c41a;color:#fff}.youtube-player .ProseMirror p{margin:0}.youtube-player .ProseMirror div[data-youtube-video]{height:100%;position:relative;width:100%}.youtube-player .ProseMirror div[data-youtube-video] iframe{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.youtube-player .ProseMirror .youtube-video{display:block;height:100%;position:relative;width:100%}.youtube-player .ProseMirror .youtube-video iframe,.youtube-player iframe[src*="youtu.be"],.youtube-player iframe[src*="youtube.com"]{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}.youtube-player iframe[src*="youtu.be"],.youtube-player iframe[src*="youtube.com"]{border:none!important}.youtube-loading{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:flex;font-size:14px;justify-content:center;padding:40px}.video-block .transcription-results{border-top:1px solid #f0f0f0;border-top:1px solid var(--theme-border-light,#f0f0f0);margin-top:16px;padding-top:16px}.video-block .transcription-block{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e8e8e8;border:1px solid var(--theme-border-light,#e8e8e8);border-radius:8px;box-shadow:0 1px 3px #0000000a;box-shadow:var(--theme-shadow-light,0 1px 3px #0000000a);margin-bottom:12px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.video-block .transcription-block:before{background:linear-gradient(90deg,#52c41a,#73d13d);background:linear-gradient(90deg,var(--theme-success,#52c41a),var(--theme-success-light,#73d13d));border-radius:8px 8px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.video-block .transcription-header{align-items:center;background:#f8f9fa;background:var(--theme-bg-secondary,#f8f9fa);border-left:3px solid #1890ff;border-left:3px solid var(--theme-accent,#1890ff);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.video-block .transcription-info{align-items:center;display:flex;gap:8px}.video-block .transcription-header .anticon{color:#1890ff;color:var(--theme-accent,#1890ff);font-size:14px}.video-block .transcription-header .practice-button{align-items:center;background:#1890ff;background:var(--theme-accent,#1890ff);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.video-block .transcription-header .practice-button:hover{background:#096dd9;background:var(--theme-accent-dark,#096dd9);box-shadow:0 2px 8px #1890ff4d;transform:translateY(-1px)}.video-block .transcription-header .practice-button .anticon{color:#fff;font-size:16px}.video-block .word-count{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:4px;color:#666;color:var(--theme-text-secondary,#666);flex-shrink:0;font-size:12px;font-weight:400;padding:2px 6px}.video-block .transcription-content{box-sizing:border-box;color:#333;color:var(--theme-text-primary,#333);line-height:1.6;width:100%}.video-block .text-content{border-radius:6px;box-sizing:border-box;font-size:14px;overflow-wrap:break-word;padding:12px;white-space:pre-wrap;width:100%;word-break:break-word}.video-block .segments-content,.video-block .text-content{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0)}.video-block .segments-content{border-radius:6px;max-height:400px;overflow-y:auto;padding:8px}.video-block .segment-item{background:#fafafa;background:var(--theme-bg-primary,#fafafa);border-left:3px solid #1890ff;border-left:3px solid var(--theme-accent,#1890ff);border-radius:4px;margin-bottom:12px;padding:8px}.video-block .segment-item:last-child{margin-bottom:0}.video-block .segment-time{color:#666;color:var(--theme-text-secondary,#666);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;margin-bottom:4px}.video-block .segment-text{color:#333;color:var(--theme-text-primary,#333);font-size:14px;line-height:1.5;word-break:break-word}[data-theme=dark] .video-block .transcription-block{background:var(--theme-bg-surface);border-color:var(--theme-border-medium)}[data-theme=dark] .video-block .segments-content,[data-theme=dark] .video-block .text-content{background:var(--theme-bg-secondary);border-color:var(--theme-border-medium)}[data-theme=dark] .video-block .segment-item{background:var(--theme-bg-surface)}.video-practice-buttons{align-items:center;display:flex;gap:12px}.video-controls .learning-plan-button{align-items:center!important;background:#52c41a!important;background:var(--theme-secondary,#52c41a)!important;border:1px solid #52c41a!important;border:1px solid var(--theme-secondary,#52c41a)!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:6px!important;height:36px!important;min-width:auto!important;padding:8px 16px!important;transition:all .2s ease!important}.video-controls .learning-plan-button:hover:not(.disabled){background:#73d13d!important;background:var(--theme-secondary-hover,#73d13d)!important;border-color:#73d13d!important;border-color:var(--theme-secondary-hover,#73d13d)!important;box-shadow:0 4px 12px #52c41a4d!important;color:#fff!important;transform:translateY(-1px)}.video-controls .learning-plan-button.disabled{cursor:not-allowed!important}.video-controls .learning-plan-button.disabled,.video-controls .learning-plan-button.disabled:hover{background:#f5f5f5!important;border-color:#d9d9d9!important;box-shadow:none!important;color:#d9d9d9!important;transform:none!important}.video-controls .learning-plan-button .anticon{color:#fff!important;font-size:14px!important;margin-right:0!important}.toc-container{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:50%;box-shadow:var(--theme-shadow-medium);cursor:pointer;font-family:var(--theme-font-family);height:40px;overflow:hidden;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.toc-container.hidden{display:none}.toc-container.visible{display:block}.toc-container:hover{background:var(--theme-bg-surface);border:1px solid var(--theme-border-medium);border-radius:12px;box-shadow:var(--theme-shadow-heavy);height:auto;max-height:400px;width:280px}.toc-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.toc-container:hover .toc-header,.toc-header{background:var(--theme-bg-primary);border-bottom:1px solid var(--theme-border-light)}.toc-title{color:var(--theme-text-primary);font-size:14px;font-weight:600;opacity:0;transition:opacity .3s ease}.toc-container:hover .toc-title{opacity:1}.toc-icon{color:var(--theme-text-muted);font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.toc-container:hover .toc-icon{color:var(--theme-text-primary);position:static;transform:none}.toc-container:not(:hover) .toc-icon{color:var(--theme-text-muted);font-size:18px}.toc-count{background:var(--theme-primary);border-radius:10px;color:#fff;font-size:11px;font-weight:500;min-width:18px;opacity:0;padding:2px 6px;text-align:center}.toc-container:hover .toc-count{opacity:1}.toc-actions{opacity:0;transition:opacity .3s ease}.toc-container:hover .toc-actions{opacity:1}.toc-close-btn,.toc-toggle-btn{background:none;border:none;border-radius:4px;color:var(--theme-text-muted);cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.toc-close-btn:hover,.toc-toggle-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.toc-content{max-height:300px;opacity:0;overflow-y:auto;padding:8px;transition:opacity .3s ease}.toc-container:hover .toc-content{opacity:1}.toc-content::-webkit-scrollbar{width:6px}.toc-content::-webkit-scrollbar-track{background:#0000;border-radius:3px}.toc-content::-webkit-scrollbar-thumb{background:var(--theme-text-muted);border-radius:3px;opacity:.5}.toc-content::-webkit-scrollbar-thumb:hover{background:var(--theme-text-primary)}.toc-item{align-items:center;border-left:3px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:8px 12px;transition:all .2s ease}.toc-item:hover{background:var(--theme-primary-bg-hover);border-left-color:var(--theme-primary)}.toc-item:active{transform:translateY(1px)}.toc-item-number{align-items:center;background:var(--theme-bg-primary);border-radius:4px;color:var(--theme-text-muted);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.toc-item-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--theme-text-primary);display:-webkit-box;flex:1 1;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.toc-item:hover .toc-item-text{color:var(--theme-primary)}@media (max-width:768px){.toc-container{height:36px;width:36px}.toc-container:hover{width:260px}}@media (max-width:640px){.toc-container{display:none}}.notion-course-editor{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);min-height:100vh;width:100%}.empty-state{align-items:center;background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-radius:8px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:48px;text-align:center}.empty-state p{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:16px;margin:16px 0}.loading-container{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.editor-layout{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);min-height:100vh}.editor-sider{background-color:#fff;background-color:var(--theme-bg-surface,#fff);box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);height:100vh;left:0;overflow-y:auto;position:fixed;z-index:10}.chapter-list-header{align-items:center;border-bottom:1px solid #0000000a;border-bottom:1px solid var(--theme-border-light,#0000000a);display:flex;justify-content:space-between;padding:16px}.chapter-menu{padding:12px 0}.editor-content{flex:1 1!important;margin-left:260px!important;max-width:none!important;overflow-y:auto!important;padding:0!important;transition:margin-left .2s ease!important;width:100%!important}.ant-layout-content,.content{background-color:#f6f4f0!important;background-color:var(--theme-bg-primary,#f6f4f0)!important}.ant-layout-content{overflow-y:auto!important;padding:0!important;width:100%!important}.editor-header{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:16px}.editor-tabs{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-radius:8px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005);padding:16px}.chapter-info{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--theme-border-light,#0000000a);padding-bottom:16px}.chapter-info,.metadata-card{margin-bottom:16px}.block-editor-wrapper{margin-top:24px}.empty-editor-state{align-items:center;background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);border:1px dashed #00000014;border:1px dashed var(--theme-border-medium,#00000014);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.empty-editor-state p{color:#6b727a;color:var(--theme-text-muted,#6b727a);margin:16px 0}@media (max-width:768px){.editor-sider{flex:0 0 100%!important;height:auto;max-width:100%;position:relative;width:100%!important}.editor-content{margin-left:0}.course-grid{grid-template-columns:1fr}}.notion-style-editor{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);min-height:100vh}.notion-sider{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border-right:1px solid #0000000a!important;border-right:1px solid var(--theme-border-light,#0000000a)!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;position:fixed!important;z-index:100!important}.notion-sider .notes-list-container{flex:1 1;margin-bottom:0;margin-top:0;min-height:0;overflow-y:auto;padding:0}.sider-header{align-items:center;border-bottom:1px solid #0000000a;border-bottom:1px solid var(--theme-border-light,#0000000a);display:flex;justify-content:space-between}.search-container,.sider-header{flex-shrink:0;padding:16px}.workspace-title{align-items:center;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:flex;font-size:16px;font-weight:600;gap:8px;transition:color .2s ease}.workspace-title .anticon{font-size:14px}.search-container .ant-input-search{background:#0000}.search-container .ant-input-search input{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;padding:8px 12px;transition:all .2s ease}.search-container .ant-input-search input:hover{border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.search-container .ant-input-search input:focus{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 0 0 2px #6b4eff1a;box-shadow:0 0 0 2px var(--theme-accent,#6b4eff1a)}.page-tree-container{flex:1 1;overflow-y:auto}.page-tree-menu{background:#0000;border:none}.page-tree-menu .ant-menu-item{background:#0000;border:none;border-radius:0;color:#2d3648;color:var(--theme-text-primary,#2d3648);height:auto;line-height:1.5;margin:0 0 2px;padding:0}.page-tree-menu .ant-menu-item-selected,.page-tree-menu .ant-menu-item:hover{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-radius:6px;box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005)}.page-tree-menu .ant-menu-item-selected{border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.page-tree-menu .ant-menu-item:after{display:none}.page-tree-item{align-items:center;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.page-icon{flex-shrink:0;font-size:16px;opacity:.7}.page-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-item{margin-bottom:2px!important}.chapter-item{padding-left:24px!important}.sider-actions{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-top:1px solid #0000000a;border-top:1px solid var(--theme-border-light,#0000000a);bottom:0;left:0;padding:12px 14px;position:sticky;width:100%;z-index:1}.new-page-button,.sider-actions{display:flex;justify-content:center}.new-page-button{align-items:center;border-radius:3px;color:#6b727a;color:var(--theme-text-muted,#6b727a);height:32px;transition:background-color 20ms ease-in 0s;width:32px}.new-page-button:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.hidden{display:none}.site-layout{background-color:#fff;background-color:var(--theme-bg-surface,#fff);margin-left:260px;transition:margin-left .2s}.collapsed+.site-layout{margin-left:80px}.notion-content{background-color:#fff;background-color:var(--theme-bg-surface,#fff);height:100vh;overflow-y:auto;padding:0}.page-header{align-items:center;border-bottom:1px solid #37352f17;border-bottom:1px solid var(--theme-border-light,#37352f17);display:flex;justify-content:space-between;margin-bottom:16px;padding:8px 0}.page-title-container{align-items:center;display:flex;flex-grow:1}.page-title-input{background-color:initial!important;color:#37352f;color:var(--theme-text-primary,#37352f);font-size:26px!important;font-weight:700;height:38px!important;margin-left:8px;max-width:90%;min-width:200px;padding:0!important;width:auto!important}.page-title-input:focus,.page-title-input:hover{background-color:#37352f08!important;background-color:var(--theme-bg-primary,#37352f08)!important}.ant-layout-sider-collapsed+.editor-content{margin-left:80px!important}.page-container{flex:1 1!important;max-width:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding:68px 24px 24px!important}.page-container,.page-editor{margin:0 auto!important;width:100%!important}.page-editor{max-width:100%!important;padding:0!important}@media (max-width:768px){.editor-content{margin-left:0!important}.page-container{padding:12px;padding-top:56px!important}}.delete-note-button{color:#ef4444;color:var(--theme-error,#ef4444)}.delete-note-button:hover{background-color:#ef44441a;background-color:var(--theme-error,#ef44441a)}.note-list-container{flex:1 1!important;margin-top:12px;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:60px}.note-list-container .ant-menu-item-selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;font-weight:500}.note-list-container .ant-menu-item-selected,.note-list-container .ant-menu-item:hover{box-shadow:0 1px 2px #00000005;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005)}.note-list-container .ant-menu-item:hover{background-color:#fff;background-color:var(--theme-bg-surface,#fff);border-radius:6px}.icon-picker-popover{z-index:1060}.icon-picker{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:240px;overflow-y:auto;padding:8px}.icon-picker .icon-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-picker .icon-item:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc);transform:scale(1.1)}.ant-popover-inner{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:8px}.ant-popover-inner-content{padding:0}.ant-popover-title{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--theme-border-light,#0000000a);color:#2d3648;color:var(--theme-text-primary,#2d3648);font-weight:600}.icon-picker::-webkit-scrollbar{width:4px}.icon-picker::-webkit-scrollbar-thumb{background-color:#00000014;background-color:var(--theme-border-medium,#00000014);border-radius:2px}.icon-picker::-webkit-scrollbar-track{background-color:initial}.block-menu{min-width:200px}.block-menu-item{align-items:center;border-radius:3px;color:#2d3648;color:var(--theme-text-primary,#2d3648);cursor:pointer;display:flex;gap:8px;padding:8px 12px}.block-menu-item:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc)}.block-menu-icon,.block-menu-item .anticon,.block-menu-item .emoji{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:16px}.subpages-list{border-top:1px solid #0000000a;border-top:1px solid var(--theme-border-light,#0000000a);margin-top:32px;padding-top:24px}.subpages-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:18px;font-weight:600;margin-bottom:16px}.subpages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.subpage-card{align-items:center;background-color:#fff;background-color:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.subpage-card:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080);border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.subpage-icon{font-size:20px;opacity:.8}.subpage-info{flex:1 1}.subpage-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500}.add-subpage-card{align-items:center;background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);border:1px dashed #00000014;border:1px dashed var(--theme-border-medium,#00000014);border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:20px;transition:all .2s}.add-subpage-card:hover{background-color:#f6f4f0cc;background-color:var(--theme-bg-primary,#f6f4f0cc);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.add-icon{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:24px}.ant-modal-content{background:#fff;background:var(--theme-bg-surface,#fff)}.ant-select{color:#2d3648;color:var(--theme-text-primary,#2d3648)}@media (max-width:992px){.editor-container,.page-header{padding-left:48px;padding-right:48px}.subpages-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.site-layout{margin-left:0}.notion-sider{transform:translateX(-100%);transition:transform .3s ease}.editor-content{margin-left:0!important}.page-header{padding:16px}.page-header-left{flex:1 1}.page-title-input{font-size:18px}.subpages-grid{gap:12px;grid-template-columns:1fr}.bottom-menu-section{padding:8px 0}}.category-title{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:11.5px;font-weight:600;letter-spacing:.7px;margin:0;padding:16px 10px 4px;text-transform:uppercase}.private-section{margin-top:12px}.private-section .category-title{margin-bottom:4px}.ant-layout{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0)}.ant-menu{background:#0000}.notion-editor{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);min-height:100vh;position:relative}.page-container{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);min-height:100vh}.page-container,.page-editor{margin:0;padding:0;position:relative;width:100%}.page-editor{max-width:none}.search-container,.sider-actions,.sider-header{flex-shrink:0!important}.note-list-container::-webkit-scrollbar,.page-container::-webkit-scrollbar{width:6px}.note-list-container::-webkit-scrollbar-thumb,.page-container::-webkit-scrollbar-thumb{background-color:#00000014;background-color:var(--theme-border-medium,#00000014);border-radius:3px}.note-list-container::-webkit-scrollbar-track,.page-container::-webkit-scrollbar-track{background-color:initial}.practice-container{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.back-button{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);color:#2d3648;color:var(--theme-text-primary,#2d3648);left:16px;position:absolute;top:16px;z-index:1001}.back-button:hover{background:#f6f4f0cc;background:var(--theme-bg-primary,#f6f4f0cc);border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.native-language-selector{align-items:center;display:flex;gap:8px;margin-left:16px}.native-language-button{align-items:center;background:#0000;border:1px solid #00000014;border:1px solid var(--theme-border-medium,#00000014);border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:all .2s}.native-language-button:hover{background:#f6f4f080;background:var(--theme-bg-primary,#f6f4f080)}.native-language-label{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:12px;margin-left:4px}.notion-editor .ant-layout-sider{background:#f6f4f0!important;background:var(--theme-bg-primary,#f6f4f0)!important}.notion-editor .ant-menu{background:#0000!important;border-right:none!important}.notion-editor .ant-menu-item{border-radius:4px!important;color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important;margin:2px 8px!important;padding-left:16px!important;padding-right:16px!important}.notion-editor .ant-menu-item-selected,.notion-editor .ant-menu-item:hover{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .ant-menu-item-selected{border:1px solid #0000000a!important;border:1px solid var(--theme-border-light,#0000000a)!important;border-radius:6px!important;box-shadow:0 1px 2px #00000005!important;box-shadow:var(--theme-shadow-light,0 1px 2px #00000005)!important}.notion-editor .ant-input{background:#f8f6f2!important;background:var(--theme-bg-secondary,#f8f6f2)!important;border:1px solid #0000000a!important;border:1px solid var(--theme-border-light,#0000000a)!important;color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .ant-input:hover{border-color:#00000014!important;border-color:var(--theme-border-medium,#00000014)!important}.notion-editor .ant-input-focused,.notion-editor .ant-input:focus{border-color:#6b4eff!important;border-color:var(--theme-accent,#6b4eff)!important;box-shadow:0 0 0 2px #6b4eff1a!important;box-shadow:0 0 0 2px var(--theme-accent,#6b4eff1a)!important}.notion-editor .ant-input::placeholder{color:#6b727a!important;color:var(--theme-text-muted,#6b727a)!important}.notion-editor .ant-btn{border-color:#00000014!important;border-color:var(--theme-border-medium,#00000014)!important}.notion-editor .ant-btn:hover{color:#6b4eff!important;color:var(--theme-accent,#6b4eff)!important}.notion-editor .ant-btn-primary,.notion-editor .ant-btn:hover{border-color:#6b4eff!important;border-color:var(--theme-accent,#6b4eff)!important}.notion-editor .ant-btn-primary{background:#6b4eff!important;background:var(--theme-accent,#6b4eff)!important;color:#fff!important}.notion-editor .ant-btn-primary:hover{background:#6b4effcc!important;background:var(--theme-accent,#6b4effcc)!important;border-color:#6b4effcc!important;border-color:var(--theme-accent,#6b4effcc)!important}.notion-editor .ant-modal,.notion-editor .ant-modal-content{background:#fff!important;background:var(--theme-bg-surface,#fff)!important}.notion-editor .ant-modal-content{border:1px solid #0000000a!important;border:1px solid var(--theme-border-light,#0000000a)!important}.notion-editor .ant-modal-header{background:#fff!important;background:var(--theme-bg-surface,#fff)!important;border-bottom:1px solid #0000000a!important;border-bottom:1px solid var(--theme-border-light,#0000000a)!important}.notion-editor .ant-modal-body,.notion-editor .ant-modal-title{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .ant-modal-body,.notion-editor .ant-modal-footer{background:#fff!important;background:var(--theme-bg-surface,#fff)!important}.notion-editor .ant-modal-footer{border-top:1px solid #0000000a!important;border-top:1px solid var(--theme-border-light,#0000000a)!important}.notion-editor .ant-popover,.notion-editor .ant-popover-inner{background:#fff!important;background:var(--theme-bg-surface,#fff)!important}.notion-editor .ant-popover-inner{border:1px solid #0000000a!important;border:1px solid var(--theme-border-light,#0000000a)!important;box-shadow:0 4px 8px #0000001a!important;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a)!important}.notion-editor .ant-popover-inner-content,.notion-editor .ant-popover-title{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .ant-popover-title{border-bottom:1px solid #0000000a!important;border-bottom:1px solid var(--theme-border-light,#0000000a)!important}.notion-editor .ant-tooltip{border:1px solid #0000000a!important;border:1px solid var(--theme-border-light,#0000000a)!important;box-shadow:0 4px 8px #0000001a!important;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a)!important}.notion-editor .ant-tooltip,.notion-editor .ant-tooltip-inner{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .ant-dropdown,.notion-editor .ant-dropdown-menu,.notion-editor .ant-tooltip,.notion-editor .ant-tooltip-inner{background:#fff!important;background:var(--theme-bg-surface,#fff)!important}.notion-editor .ant-dropdown-menu{border:1px solid #0000000a!important;border:1px solid var(--theme-border-light,#0000000a)!important;box-shadow:0 4px 8px #0000001a!important;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a)!important}.notion-editor .ant-dropdown-menu-item,.notion-editor .ant-dropdown-menu-item:hover{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .ant-dropdown-menu-item:hover{background:#f6f4f080!important;background:var(--theme-bg-primary,#f6f4f080)!important}.notion-editor .ant-spin-dot{color:#6b4eff!important;color:var(--theme-accent,#6b4eff)!important}.notion-editor .ant-spin-dot-item{background-color:#6b4eff!important;background-color:var(--theme-accent,#6b4eff)!important}.notion-editor .user-info-bar{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border-top:1px solid #0000000a!important;border-top:1px solid var(--theme-border-light,#0000000a)!important}.notion-editor .user-info-bar:hover{background-color:#f6f4f080!important;background-color:var(--theme-bg-primary,#f6f4f080)!important}.notion-editor .user-info-bar .anticon{color:#6b727a!important;color:var(--theme-text-muted,#6b727a)!important}.notion-editor .user-info-bar div{color:#2d3648!important;color:var(--theme-text-primary,#2d3648)!important}.notion-editor .collapse-button{background:#0000!important;border:none!important;color:#6b727a!important;color:var(--theme-text-muted,#6b727a)!important}.notion-editor .collapse-button:hover{background:#f6f4f080!important;background:var(--theme-bg-primary,#f6f4f080)!important;color:#4b5563!important;color:var(--theme-text-secondary,#4b5563)!important}.bottom-menu-section{border-top:1px solid #0000000a;border-top:1px solid var(--theme-border-light,#0000000a);bottom:0;flex-shrink:0;margin-top:auto;position:sticky;z-index:10}.bottom-menu-section,.bottom-menu-section .user-info-bar{background-color:#f6f4f0;background-color:var(--theme-bg-primary,#f6f4f0)}.bottom-menu-section .user-info-bar{border:none;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.bottom-menu-section .user-info-bar:hover{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2)}[data-theme=claude] .notion-editor .ant-layout-sider{background:#f6f4f0!important}[data-theme=claude] .bottom-menu-section{background-color:#f6f4f0;border-top-color:#e5e7eb}[data-theme=claude] .bottom-menu-section .user-info-bar{background-color:#f6f4f0}[data-theme=claude] .bottom-menu-section .user-info-bar:hover{background-color:#f8f6f2}[data-theme=claude] .sider-header{background-color:#f6f4f0;border-bottom-color:#e5e7eb}[data-theme=dark] .notion-editor .ant-layout-sider{background:#16213e!important}[data-theme=dark] .bottom-menu-section{background-color:#16213e;border-top-color:#e9456033}[data-theme=dark] .bottom-menu-section .user-info-bar{background-color:#16213e}[data-theme=dark] .bottom-menu-section .user-info-bar:hover{background-color:#1a1a2e}[data-theme=dark] .sider-header{background-color:#16213e;border-bottom-color:#e9456033}[data-theme=forest] .notion-editor .ant-layout-sider{background:#fff!important}[data-theme=forest] .bottom-menu-section{background-color:#fff;border-top-color:#2e7d321a}[data-theme=forest] .bottom-menu-section .user-info-bar{background-color:#fff}[data-theme=forest] .bottom-menu-section .user-info-bar:hover{background-color:#f1f8e9}[data-theme=forest] .sider-header{background-color:#fff;border-bottom-color:#2e7d321a}.note-list-container .ant-menu-item{border-radius:4px;height:auto;line-height:1.5;margin:4px 0;transition:background-color .2s}.vip-paywall-drawer .ant-drawer-content-wrapper{background:var(--theme-bg-primary)!important;box-shadow:none!important}.vip-paywall-drawer .ant-drawer-body,.vip-paywall-drawer .ant-drawer-content{background:var(--theme-bg-primary)!important}.vip-paywall-drawer .ant-drawer-body{padding:0!important}.vip-paywall-drawer,.vip-paywall-drawer .ant-drawer-wrapper-body{background:var(--theme-bg-primary)!important}.vip-paywall-drawer .ant-drawer-mask{background:#2d364899!important}[data-theme=dark] .vip-paywall-drawer .ant-drawer-mask{background:#0f0f23cc!important}[data-theme=forest] .vip-paywall-drawer .ant-drawer-mask{background:#2e7d3299!important}.vip-paywall-drawer .ant-drawer-close{align-items:center;background:var(--theme-bg-surface)!important;border-radius:50%;box-shadow:var(--theme-shadow-light);color:var(--theme-text-primary)!important;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.vip-paywall-drawer .ant-drawer-close:hover{background:var(--theme-bg-secondary)!important;background:var(--theme-bg-hover,var(--theme-bg-secondary))!important;color:var(--theme-accent)!important;transform:scale(1.05)}.vip-paywall-content{background:var(--theme-bg-primary);font-family:var(--theme-font-family);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 24px}.vip-paywall-header{margin-bottom:48px;text-align:center}.vip-paywall-header h2{color:var(--theme-text-primary);font-family:var(--theme-font-family);font-size:28px;font-weight:600;margin-bottom:16px}.vip-paywall-header p{color:var(--theme-text-secondary);font-size:16px;line-height:1.6}.membership-plans-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1800px;padding:0 20px}.membership-plan-card{background:var(--theme-bg-surface)!important;border:2px solid var(--theme-border-light);border-radius:12px;box-shadow:var(--theme-shadow-light);color:var(--theme-text-primary)!important;cursor:pointer;display:flex;flex-direction:column;font-family:var(--theme-font-family);height:100%;min-height:500px;padding:18px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.membership-plan-card *{box-sizing:border-box}.membership-plan-card :not(.plan-select-button):not(.recommended-badge):not(.savings-badge){background:#0000!important}.membership-plan-card:hover{border-color:var(--theme-accent);box-shadow:var(--theme-shadow-medium);transform:translateY(-3px)}.membership-plan-card.selected{background:var(--theme-bg-surface);border-color:var(--theme-accent);box-shadow:var(--theme-shadow-heavy);transform:translateY(-2px)}.membership-plan-card .recommended-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;box-shadow:var(--theme-shadow-light);color:#fff;font-size:11px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap;z-index:2}.membership-plan-card .savings-badge{background:var(--theme-success);border-radius:8px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:1}.membership-plan-card .plan-header{background:#0000!important;margin-bottom:20px;padding-top:4px;text-align:center}.membership-plan-card .plan-name{background:#0000!important;color:var(--theme-text-primary)!important;font-size:14px;font-weight:700;line-height:1.3;margin-bottom:8px;margin-top:0}.membership-plan-card .plan-price{background:#0000!important;line-height:1.2;margin-bottom:6px}.membership-plan-card .price-free{background:#0000!important;color:var(--theme-success)!important;display:block;font-size:20px;font-weight:700}.membership-plan-card .price-amount{background:#0000!important;color:var(--theme-accent)!important;display:inline-block;font-size:24px;font-weight:700}.membership-plan-card .price-period{margin-left:2px}.membership-plan-card .plan-points,.membership-plan-card .price-period{background:#0000!important;color:var(--theme-text-muted)!important;font-size:12px;font-weight:500}.membership-plan-card .plan-points{margin-top:4px}.membership-plan-card .plan-features{flex:1 1;margin-bottom:16px;min-height:180px;padding:8px 4px}.membership-plan-card .plan-features>div{color:var(--theme-text-primary);font-size:12px;font-weight:500;line-height:1.4;margin-bottom:8px;padding:2px 0}.membership-plan-card .plan-select-button{background:var(--theme-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--theme-font-family);font-size:13px;font-weight:600;margin-top:auto;outline:none;padding:10px 12px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%}.membership-plan-card .plan-select-button:hover{background:var(--theme-text-primary);box-shadow:var(--theme-shadow-medium);transform:translateY(-1px)}.membership-plan-card .plan-select-button:active{transform:translateY(0)}.membership-plan-card.selected .plan-select-button{background:var(--theme-success);color:#fff}.membership-plan-card.selected .plan-select-button:hover{background:var(--theme-success);box-shadow:var(--theme-shadow-medium);filter:brightness(.9)}.member-exclusive{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:16px;box-shadow:var(--theme-shadow-light);margin:20px auto 40px;max-width:1400px;padding:28px}.exclusive-features{display:flex;flex-direction:column;gap:12px;margin-top:16px}.exclusive-item{align-items:center;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:12px;box-shadow:var(--theme-shadow-light);display:flex;gap:12px;padding:16px;transition:all .2s ease}.exclusive-item:hover{background:var(--theme-bg-secondary);background:var(--theme-bg-hover,var(--theme-bg-secondary));box-shadow:var(--theme-shadow-medium);transform:translateY(-1px)}.exclusive-icon{align-items:center;background:var(--theme-accent-light);border-radius:50%;color:var(--theme-accent);display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.exclusive-text{flex:1 1}.exclusive-title{color:var(--theme-text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.exclusive-desc{color:var(--theme-text-muted);font-size:12px;line-height:1.4}.floating-payment-panel{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:12px;box-shadow:var(--theme-shadow-medium);font-family:var(--theme-font-family);margin:20px 0 0 auto;padding:20px;width:400px}.price-and-discount-area{background:var(--theme-bg-secondary);border:1px solid var(--theme-border-light);border-radius:8px;margin-bottom:16px;padding:16px}.total-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.total-label{color:var(--theme-text-primary);font-size:16px;font-weight:500}.total-price{color:var(--theme-error);font-size:20px;font-weight:600}.payment-btn{background:var(--theme-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--theme-font-family);font-size:16px;font-weight:500;height:44px;transition:all .2s ease;width:100%}.payment-btn:hover{background:var(--theme-text-primary);box-shadow:var(--theme-shadow-medium);transform:translateY(-1px)}.payment-btn:disabled{cursor:not-allowed;opacity:.6}.unlimited-badge{background:linear-gradient(135deg,var(--theme-success) 0,var(--theme-accent) 100%)}.member-only-badge,.unlimited-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.member-only-badge{background:linear-gradient(135deg,var(--theme-accent) 0,var(--theme-text-primary) 100%)}@media (max-width:1400px){.membership-plans-grid{gap:12px;padding:0 16px}.membership-plan-card{min-height:380px;padding:16px 12px}.membership-plan-card .plan-name{font-size:14px}.membership-plan-card .price-amount{font-size:24px}.membership-plan-card .price-free{font-size:20px}.membership-plan-card .feature-text,.membership-plan-card .plan-points{font-size:11px}}@media (max-width:1024px){.membership-plans-grid{gap:12px;grid-template-columns:repeat(3,1fr);padding:0 12px}}@media (max-width:768px){.membership-plans-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 8px}.membership-plan-card{min-height:350px;padding:16px 12px}.membership-plan-card .plan-name{font-size:13px}.membership-plan-card .price-amount{font-size:22px}.membership-plan-card .price-free{font-size:18px}.membership-plan-card .feature-text{font-size:10px}.membership-plan-card .plan-select-button{font-size:12px;padding:8px 10px}.floating-payment-panel{margin:16px auto 0;padding:16px;width:100%}}@media (max-width:480px){.membership-plans-grid{gap:12px;grid-template-columns:1fr;padding:0 8px}.membership-plan-card{min-height:320px;padding:18px 14px}.membership-plan-card .plan-features,.membership-plan-card .plan-header{margin-bottom:16px}.membership-plan-card .plan-name{font-size:15px;margin-bottom:8px}.membership-plan-card .price-amount{font-size:24px}.membership-plan-card .price-free{font-size:20px}.membership-plan-card .feature-item{margin-bottom:5px;padding:3px 0}.membership-plan-card .feature-text{font-size:11px}.membership-plan-card .plan-select-button{font-size:13px;padding:10px 12px}}.membership-table{background:var(--theme-bg-surface);border-radius:16px;box-shadow:var(--theme-shadow-medium);margin-bottom:40px;overflow:hidden}.membership-table .ant-table{background:#0000;border-radius:16px}.membership-table .ant-table-thead>tr>th{color:var(--theme-text-primary);font-size:14px;font-weight:600;padding:20px 16px}.membership-table .ant-table-tbody>tr>td,.membership-table .ant-table-thead>tr>th{background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light)}.membership-table .ant-table-tbody>tr>td{padding:16px}.membership-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.membership-table .ant-table-tbody>tr:hover>td{background:inherit!important}.plan-column{background:var(--theme-bg-surface);border-radius:12px;cursor:pointer;margin:4px;min-height:200px;padding:24px 16px;position:relative;transition:all .3s ease}.plan-column:hover{background:var(--theme-bg-secondary);box-shadow:var(--theme-shadow-medium);transform:translateY(-2px)}.plan-column.selected{background:var(--theme-accent-light);border:2px solid var(--theme-accent);box-shadow:var(--theme-shadow-medium)}.account-settings{padding:24px}.account-settings-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:18px;font-weight:600;margin-bottom:16px}.account-info-item{margin-bottom:12px;padding:8px 0}.account-info-label{color:#4b5563;color:var(--theme-text-secondary,#4b5563);display:inline-block;font-weight:500;min-width:100px}.account-info-value{color:#2d3648;color:var(--theme-text-primary,#2d3648)}.member-status{color:#52c41a;color:var(--theme-success,#52c41a)}.non-member-status{color:#6b727a;color:var(--theme-text-muted,#6b727a)}.account-actions{border-top:1px solid #e6e6e6;border-top:1px solid var(--theme-border-light,#e6e6e6);margin-top:24px;padding-top:16px}.account-actions .ant-btn{background:#fff;background:var(--theme-bg-surface,#fff);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.account-actions .ant-btn,.account-actions .ant-btn:hover{border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.account-actions .ant-btn:hover{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2)}.account-actions .ant-btn-dangerous{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.account-actions .ant-btn-dangerous:hover{background:#ff7875;border-color:#ff7875}@media (max-width:768px){.account-settings{padding:16px}.account-actions{margin-top:16px}.account-info-label{min-width:80px}}.shortcut-settings{width:100%}.shortcut-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shortcut-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500}.shortcut-description{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;line-height:1.4;margin-bottom:16px}.shortcut-list{display:flex;flex-direction:column;gap:12px}.settings-shortcut-item{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.settings-shortcut-item:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.shortcut-action{flex:1 1}.action-name{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:13px;font-weight:500;margin-bottom:2px}.action-description{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:11px;line-height:1.3}.settings-shortcut-key-container{align-items:center;display:flex;gap:8px}.settings-shortcut-key{align-items:center;background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:6px;color:#2d3648;color:var(--theme-text-primary,#2d3648);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:80px;padding:0 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.settings-shortcut-key:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0)}.settings-shortcut-key.editing,.settings-shortcut-key:hover{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.settings-shortcut-key.editing{animation:pulse 1.5s infinite;background:#6b4eff1a;background:var(--theme-accent-light,#6b4eff1a)}.settings-shortcut-key.empty{border-style:dashed;color:#9ca3af;color:var(--theme-text-tertiary,#9ca3af)}.listening-text{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-weight:600}.clear-button{background:#0000;border:none;color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:11px;height:24px;padding:0 8px}.clear-button:hover{background:#ff4d4f0d;color:#ff4d4f;color:var(--theme-danger,#ff4d4f)}.editing-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.editing-modal{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:12px;box-shadow:0 12px 32px #0000001f;min-width:300px;padding:24px;text-align:center}.editing-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:16px;font-weight:600;margin-bottom:8px}.editing-hint{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:14px;margin-bottom:16px}.current-shortcut{align-items:center;animation:pulse 1.5s infinite;background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:2px solid #6b4eff;border:2px solid var(--theme-accent,#6b4eff);border-radius:8px;color:#6b4eff;color:var(--theme-accent,#6b4eff);display:inline-flex;font-size:14px;font-weight:600;height:40px;justify-content:center;margin-bottom:20px;min-width:120px;padding:0 16px}@keyframes pulse{0%{box-shadow:0 0 0 0 #6b4eff66}70%{box-shadow:0 0 0 10px #6b4eff00}to{box-shadow:0 0 0 0 #6b4eff00}}.shortcut-header .ant-btn{border-color:#00000014;border-color:var(--theme-border-medium,#00000014);color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;height:28px;padding:0 8px}.shortcut-header .ant-btn:hover{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);color:#6b4eff;color:var(--theme-accent,#6b4eff)}@media (max-width:768px){.settings-shortcut-item{align-items:flex-start;flex-direction:column;gap:12px}.settings-shortcut-key-container{justify-content:space-between;width:100%}.settings-shortcut-key{min-width:100px}.editing-modal{margin:16px;min-width:0;min-width:auto;width:calc(100% - 32px)}}.preference-settings{min-height:100%;padding:24px}.preference-settings-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:18px;font-weight:600;margin-bottom:16px}.theme-radio-group{width:100%}.theme-option{margin-bottom:8px}.theme-radio{margin:0;width:100%}.theme-radio .ant-radio{align-self:flex-start;margin-top:2px}.theme-radio .ant-radio-wrapper{align-items:flex-start;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;display:flex;margin:0;padding:12px;transition:all .2s ease;width:100%}.theme-radio .ant-radio-wrapper:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.theme-radio .ant-radio-wrapper.ant-radio-wrapper-checked{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 0 0 2px #6b4eff1a}.theme-content{flex:1 1;margin-left:8px}.theme-name{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500;margin-bottom:4px}.theme-description{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;line-height:1.4;margin-bottom:8px}.theme-preview{align-items:center;display:flex}.preview-colors{display:flex;gap:4px}.color-dot{border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:50%;height:12px;width:12px}.sound-radio-group{width:100%}.sound-option{margin-bottom:8px}.sound-radio{margin:0;width:100%}.sound-radio .ant-radio{align-self:flex-start;margin-top:2px}.sound-radio .ant-radio-wrapper{align-items:flex-start;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;display:flex;margin:0;padding:12px;transition:all .2s ease;width:100%}.sound-radio .ant-radio-wrapper:hover{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.sound-radio .ant-radio-wrapper.ant-radio-wrapper-checked{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 0 0 2px #6b4eff1a}.sound-content{flex:1 1;margin-left:8px}.sound-name{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500;margin-bottom:4px}.sound-description{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;line-height:1.4}.preference-settings .ant-radio{color:#6b4eff;color:var(--theme-accent,#6b4eff)}.preference-settings .ant-radio-checked .ant-radio-inner{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff)}.preference-settings .ant-radio-checked .ant-radio-inner,.preference-settings .ant-radio:hover .ant-radio-inner{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.preference-settings .ant-radio-wrapper{color:#2d3648;color:var(--theme-text-primary,#2d3648)}.font-size-control{margin-top:16px}.font-size-preview{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border:1px solid #e6e3df;border:1px solid var(--theme-border-light,#e6e3df);border-radius:8px;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:16px;padding:12px 16px;text-align:center}.font-size-slider{margin:16px 0}.font-size-value{color:#6b7280;color:var(--theme-text-secondary,#6b7280);font-size:14px;margin-top:8px;text-align:center}.blur-opacity-control{margin-top:16px}.blur-opacity-preview{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border:1px solid #e6e3df;border:1px solid var(--theme-border-light,#e6e3df);border-radius:8px;margin-bottom:16px;overflow:hidden;padding:16px;position:relative;text-align:center}.blur-preview-text{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.blur-opacity-slider{margin:16px 0}.blur-opacity-value{color:#6b7280;color:var(--theme-text-secondary,#6b7280);font-size:14px;margin-top:8px;text-align:center}@media (max-width:768px){.preference-settings{padding:16px}.setting-item{margin-bottom:16px;padding:12px}.preference-settings-title{font-size:16px}.sound-radio .ant-radio-wrapper,.theme-radio .ant-radio-wrapper{padding:10px}.sound-name,.theme-name{font-size:13px}.sound-description,.theme-description{font-size:11px}.color-dot{height:10px;width:10px}}.dictation-settings{min-height:100%;padding:24px}.dictation-settings-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:18px;font-weight:600;margin-bottom:16px}.setting-item{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;margin-bottom:20px;padding:16px;transition:all .2s ease}.setting-item:hover{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.setting-label{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:500;margin-bottom:4px}.setting-description{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;line-height:1.4;margin-bottom:12px}.passing-score-control{display:flex;flex-direction:column;gap:16px}.passing-score-preview{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;padding:12px 16px;text-align:center}.passing-score-preview strong{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-size:16px}.passing-score-note{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;font-weight:400}.passing-score-slider{margin:0 8px}.passing-score-slider .ant-slider-rail{background:#e6e6e6;background:var(--theme-border-light,#e6e6e6)}.passing-score-slider .ant-slider-track{background:#6b4eff;background:var(--theme-accent,#6b4eff)}.passing-score-slider .ant-slider-handle{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.passing-score-slider .ant-slider-handle:hover{border-color:#5a3eff;border-color:var(--theme-accent-hover,#5a3eff)}.passing-score-slider .ant-slider-handle:focus{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 0 0 5px #6b4eff1f}.passing-score-slider .ant-slider-mark-text{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:11px}.passing-score-slider .ant-slider-mark-text-active{color:#6b4eff;color:var(--theme-accent,#6b4eff)}.passing-score-description{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-radius:6px;color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:11px;line-height:1.4;padding:8px 12px;text-align:center}.scoring-explanation{display:flex;flex-direction:column;gap:12px}.explanation-point{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;padding:12px;transition:all .2s ease}.explanation-point:hover{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 2px 4px #6b4eff14}.point-title{align-items:center;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:4px}.point-desc{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px;line-height:1.4}@media (max-width:768px){.dictation-settings{padding:16px}.setting-item{margin-bottom:16px;padding:12px}.dictation-settings-title{font-size:16px}.explanation-point{padding:10px}.point-title{font-size:12px}.point-desc{font-size:11px}}.settings-modal .ant-modal-content{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:12px;height:800px;overflow:hidden}.settings-modal .ant-modal-body{height:100%;padding:0}.settings-modal-container{display:flex;height:800px}.settings-modal .ant-modal{top:50%;transform:translateY(-50%)}.settings-modal .ant-modal-wrap{align-items:center;display:flex;justify-content:center;min-height:100vh}.settings-sidebar{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-radius:12px 0 0 12px;border-right:1px solid #e6e6e6;border-right:1px solid var(--theme-border-light,#e6e6e6);flex-shrink:0;height:100%;width:140px}.settings-header{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:15px;font-weight:600;padding:18px 0 8px;text-align:center}.settings-tab{background:#0000;border-radius:6px;color:#4b5563;color:var(--theme-text-secondary,#4b5563);cursor:pointer;font-weight:400;margin:0 8px;padding:12px 24px;transition:all .2s ease}.settings-tab:hover{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.settings-tab.active{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-weight:600}.settings-content,.settings-tab.active{background:#fff;background:var(--theme-bg-surface,#fff)}.settings-content{border-radius:0 12px 12px 0;flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--theme-border-medium,#d1d5db);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#6b727a;background:var(--theme-text-muted,#6b727a)}@media (max-width:768px){.settings-modal .ant-modal-content{height:80vh;max-height:600px}.settings-modal .ant-modal-body{height:100%}.settings-modal-container{flex-direction:column;height:100%}.settings-sidebar{align-items:center;border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--theme-border-light,#e6e6e6);border-radius:12px 12px 0 0;border-right:none;display:flex;flex-shrink:0;height:auto;padding:8px 0;width:100%}.settings-header{display:none}.settings-tab{margin:0 4px;padding:8px 16px}.settings-content{border-radius:0 0 12px 12px;flex:1 1;overflow-y:auto}}.distribution-settings{padding:24px}.distribution-settings-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:18px;font-weight:600;margin-bottom:16px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.error-container,.error-text,.loading-container{color:#4b5563;color:var(--theme-text-secondary,#4b5563)}.error-text{margin-bottom:16px}.distribution-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.distribution-label{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-weight:500;min-width:100px}.distribution-value{align-items:center;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:flex;gap:8px}.invite-code{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);font-family:monospace;font-size:14px;padding:4px 8px}.member-count{color:#52c41a;color:var(--theme-success,#52c41a);font-weight:500}.commission-amount{color:#ff6b35;font-weight:500}.pending-amount{color:#faad14;font-weight:500}.settled-amount{color:#52c41a;color:var(--theme-success,#52c41a);font-weight:500}.distribution-section{border-top:1px solid #e6e6e6;border-top:1px solid var(--theme-border-light,#e6e6e6);margin-top:24px;padding-top:16px}.section-title{font-size:16px;margin-bottom:12px}.invitee-list{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-radius:6px;padding:12px}.invitee-item{align-items:center;border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--theme-border-light,#e6e6e6);display:flex;justify-content:space-between;padding:8px 0}.invitee-item:last-child{border-bottom:none}.invitee-email{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-family:monospace;font-size:13px}.invitee-info{align-items:center;display:flex;gap:12px}.member-status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 6px}.member-status.member{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a;color:var(--theme-success,#52c41a)}.member-status.free{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);color:#6b727a;color:var(--theme-text-muted,#6b727a)}.commission{color:#ff6b35;font-size:13px;font-weight:500}.more-records{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-size:13px;margin-top:8px;text-align:center}.policy-text{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-radius:6px;padding:12px}.policy-text p{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:14px;line-height:1.4;margin:0 0 8px}.policy-text p:last-child{margin-bottom:0}.distribution-section .ant-table{border-radius:6px;margin-top:8px;overflow:hidden}.distribution-section .ant-table-thead>tr>th{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-color:#e6e6e6;border-color:var(--theme-border-light,#e6e6e6);color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:13px;font-weight:500}.distribution-section .ant-table-tbody>tr>td{border-color:#e6e6e6;border-color:var(--theme-border-light,#e6e6e6);color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:13px;padding:8px 12px}.distribution-section .ant-table-tbody>tr:hover>td{background:#f5f5f5;background:var(--theme-bg-hover,#f5f5f5)}.distribution-section .ant-table-pagination{margin-top:16px}.distribution-section .ant-tag{border-radius:4px;font-size:12px;margin:0}@media (max-width:768px){.distribution-section .ant-table{font-size:12px}.distribution-section .ant-table-tbody>tr>td,.distribution-section .ant-table-thead>tr>th{font-size:12px;padding:6px 8px}.distribution-section .ant-tag{font-size:11px;padding:1px 4px}.distribution-settings{padding:16px}.distribution-item{align-items:flex-start;flex-direction:column;gap:4px}.distribution-label{font-size:14px;min-width:auto}.distribution-value{font-size:15px}.invitee-item{align-items:flex-start;flex-direction:column;gap:4px;padding:6px 0}.invitee-info{gap:8px}}.commission-stats{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-radius:8px;margin-bottom:16px;padding:20px}.stats-row{display:flex;gap:24px;margin-bottom:16px}.stats-row:last-child{margin-bottom:0}.stats-item{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:6px;flex:1 1;padding:16px;text-align:center}.stats-label{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:14px;margin-bottom:8px}.stats-value{font-size:20px;font-weight:600;margin:0}.stats-value.total{color:#722ed1}.stats-value.available{color:#52c41a}.stats-value.settled{color:#1890ff}.stats-value.pending{color:#faad14}.settlement-actions{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #e6e6e6;border:1px solid var(--theme-border-light,#e6e6e6);border-radius:8px;margin-bottom:24px;padding:20px;text-align:center}.settlement-actions .ant-btn{border-radius:6px;font-size:16px;height:40px;margin-bottom:8px;padding:0 24px}.settlement-tip{color:#4b5563;color:var(--theme-text-secondary,#4b5563);display:block;font-size:14px}.settlement-records{padding:0}.settlement-records .ant-table{border-radius:8px;overflow:hidden}.settlement-records .ant-table-thead>tr>th{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-weight:500}.settlement-records .ant-table-tbody>tr>td,.settlement-records .ant-table-thead>tr>th{border-color:#e6e6e6;border-color:var(--theme-border-light,#e6e6e6);font-size:14px;padding:12px}.settlement-records .ant-table-tbody>tr>td{color:#2d3648;color:var(--theme-text-primary,#2d3648)}.settlement-records .ant-table-tbody>tr:hover>td{background:#f5f5f5;background:var(--theme-bg-hover,#f5f5f5)}.distribution-drawer .ant-tabs{margin-top:-8px}.distribution-drawer .ant-tabs-tab{font-size:16px;padding:12px 16px}.distribution-drawer .ant-tabs-content-holder{padding-top:16px}@media (max-width:768px){.stats-row{flex-direction:column;gap:12px}.stats-item{padding:12px}.stats-value{font-size:18px}.settlement-actions{padding:16px}.settlement-actions .ant-btn{font-size:14px;height:36px;width:100%}.commission-stats{padding:16px}}.points-display{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:8px;margin:16px 12px 4px;padding:12px 16px;position:relative;transition:all .2s ease;z-index:1}.points-display:hover{background:#f6f4f0cc;background:var(--theme-bg-primary,#f6f4f0cc);border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.points-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.points-icon{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-size:14px}.points-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);flex:1 1;font-size:13px;font-weight:600}.points-help{color:#6b727a;color:var(--theme-text-muted,#6b727a);cursor:pointer;font-size:12px;transition:color .2s ease}.points-help:hover{color:#4b5563;color:var(--theme-text-secondary,#4b5563)}.points-content{display:flex;flex-direction:column;gap:6px}.points-main{align-items:center;display:flex;gap:4px}.points-label{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:12px}.points-value{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-size:16px;font-weight:700}.points-total{font-size:12px}.points-progress-wrapper{margin:2px 0}.custom-progress-bar{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px;display:flex;height:6px;overflow:hidden;position:relative;width:100%}.progress-remaining{background:#52c41a}.progress-remaining,.progress-used{height:100%;transition:width .3s ease}.progress-used{background:#f5222d}.points-progress-bar{width:100%}.points-progress-bar .ant-progress-bg{border-radius:4px!important}.points-progress-bar .ant-progress-inner{background:#f5f5f5!important}.points-circle-progress .ant-progress-inner{background:#0000!important}.points-circle-progress{position:relative}.points-circle-progress .ant-progress-circle{height:32px!important;width:32px!important}.points-sub{align-items:center;color:#6b727a;color:var(--theme-text-muted,#6b727a);display:flex;font-size:11px;justify-content:space-between}.points-display-collapsed{align-items:center;background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin:16px auto 4px;max-width:56px;padding:8px;position:relative;transition:all .2s ease;width:calc(100% - 16px);z-index:1}.points-display-collapsed:hover{background:#f6f4f0cc;background:var(--theme-bg-primary,#f6f4f0cc);border-color:#00000014;border-color:var(--theme-border-medium,#00000014)}.points-display-collapsed .points-icon{font-size:16px;margin-bottom:-4px}.custom-circle-progress,.points-progress-container{align-items:center;display:flex;justify-content:center;position:relative}.circle-svg{transform:rotate(-90deg)}.progress-circle-remaining,.progress-circle-used{transition:stroke-dasharray .3s ease,stroke-dashoffset .3s ease}.points-count{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-size:10px;font-weight:700;left:50%;line-height:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.points-tooltip{background:#fff;background:var(--theme-bg-surface,#fff);border-radius:6px;min-width:200px;padding:8px 12px}.tooltip-header{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--theme-border-light,#0000001a);color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:14px;font-weight:600;margin-bottom:8px;padding-bottom:6px}.tooltip-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.tooltip-item span:first-child{color:#4b5563;color:var(--theme-text-secondary,#4b5563)}.tooltip-item span:last-child{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-weight:600}.tooltip-divider{background:#0000001a;background:var(--theme-border-light,#0000001a);height:1px;margin:8px 0}.notion-sider .points-display,.notion-sider .points-display-collapsed{flex-shrink:0}[data-theme=dark] .points-display{background:#2a2a2a;background:var(--theme-bg-secondary,#2a2a2a);border-color:#ffffff1a;border-color:var(--theme-border-light,#ffffff1a)}[data-theme=dark] .points-display:hover{background:#2a2a2acc;background:var(--theme-bg-primary,#2a2a2acc);border-color:#fff3;border-color:var(--theme-border-medium,#fff3)}[data-theme=dark] .points-display-collapsed{background:#2a2a2a;background:var(--theme-bg-secondary,#2a2a2a);border-color:#ffffff1a;border-color:var(--theme-border-light,#ffffff1a)}[data-theme=dark] .points-display-collapsed:hover{background:#2a2a2acc;background:var(--theme-bg-primary,#2a2a2acc);border-color:#fff3;border-color:var(--theme-border-medium,#fff3)}[data-theme=forest] .points-count,[data-theme=forest] .points-icon,[data-theme=forest] .points-value{color:#22c55e;color:var(--theme-accent,#22c55e)}.points-display-container-collapsed{align-items:center;display:flex;flex-direction:column;gap:8px;margin:16px auto 4px;max-width:56px;width:calc(100% - 16px)}.points-display-collapsed{margin:0!important;width:100%}[data-theme=dark] .vip-section{border-top-color:#ffffff1a;border-top-color:var(--theme-border-light,#ffffff1a)}[data-theme=claude] .vip-button-collapsed:hover,[data-theme=claude] .vip-button:hover{background:#2d3648!important;background:var(--theme-accent,#2d3648)!important;border-color:#2d3648!important;border-color:var(--theme-accent,#2d3648)!important;color:#fff!important}.action-buttons{gap:8px;margin-top:8px}.action-buttons-collapsed{display:flex;flex-direction:column;gap:8px;width:100%}.points-text{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.points-remaining{color:#6b4eff;color:var(--theme-accent,#6b4eff);font-size:14px;font-weight:700}.points-total{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-weight:500}.distribution-button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#595959;flex:1 1;font-size:12px;height:28px;transition:all .2s ease}.distribution-button:hover{border-color:#40a9ff;color:#40a9ff}.distribution-button-collapsed{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#595959;font-size:12px;height:28px;transition:all .2s ease;width:100%}.distribution-button-collapsed:hover{border-color:#40a9ff;color:#40a9ff}.vip-button{border-radius:4px;flex:1 1;font-size:12px;height:28px;transition:all .2s ease}.vip-button,.vip-button:hover{border-color:#6b4eff!important;border-color:var(--theme-accent,#6b4eff)!important}.vip-button,.vip-button-collapsed,.vip-button:hover{background:#6b4eff!important;background:var(--theme-accent,#6b4eff)!important;color:#fff!important}.vip-button-collapsed{border-radius:4px;font-size:12px;height:28px;transition:all .2s ease;width:100%}.vip-button-collapsed,.vip-button-collapsed:hover{border-color:#6b4eff!important;border-color:var(--theme-accent,#6b4eff)!important}.vip-button-collapsed:hover{background:#6b4eff!important;background:var(--theme-accent,#6b4eff)!important;color:#fff!important}[data-theme=dark] .distribution-button{background:var(--theme-bg-secondary);border-color:var(--theme-border-medium);color:var(--theme-text-secondary)}[data-theme=dark] .distribution-button:hover{border-color:var(--theme-accent);color:var(--theme-accent)}[data-theme=dark] .distribution-button-collapsed{background:var(--theme-bg-secondary);border-color:var(--theme-border-medium);color:var(--theme-text-secondary)}[data-theme=dark] .distribution-button-collapsed:hover{border-color:var(--theme-accent);color:var(--theme-accent)}[data-theme=dark] .vip-button,[data-theme=dark] .vip-button-collapsed,[data-theme=dark] .vip-button-collapsed:hover,[data-theme=dark] .vip-button:hover{background:#8b7fff!important;background:var(--theme-accent,#8b7fff)!important;border-color:#8b7fff!important;border-color:var(--theme-accent,#8b7fff)!important;color:#fff!important}.notes-list-container{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:var(--font-family-base);height:100%;overflow:hidden;text-rendering:optimizeLegibility}.notes-list-loading{align-items:center;display:flex;justify-content:center;padding:20px}.notes-list-header{border-bottom:1px solid #0000000a;border-bottom:1px solid var(--theme-border-light,#0000000a);flex-shrink:0;padding:8px 16px}.notes-categories{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:4px 0}.notes-categories::-webkit-scrollbar{width:6px}.notes-categories::-webkit-scrollbar-track{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px}.notes-categories::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--theme-border-medium,#d9d9d9);border-radius:3px}.notes-categories::-webkit-scrollbar-thumb:hover{background:#bfbfbf;background:var(--theme-text-muted,#bfbfbf)}.notes-category{margin-bottom:-8px}.category-header{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:0 8px;padding:6px 16px;transition:background-color .2s ease}.category-header:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.category-title{align-items:center;color:#4b5563;color:var(--theme-text-secondary,#4b5563);display:flex;font-family:var(--font-family-mixed);font-size:13px;font-weight:500;gap:8px;width:100%}.category-add-btn{align-items:center;border-radius:4px;color:#6b727a;color:var(--theme-text-muted,#6b727a);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:4px;opacity:0;transition:all .2s ease;width:20px}.category-header:hover .category-add-btn{opacity:1}.category-add-btn:hover{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);color:#4b5563;color:var(--theme-text-secondary,#4b5563);transform:scale(1.1)}.category-icon{flex-shrink:0;font-size:12px;transition:transform .2s ease}.category-label-icon{flex-shrink:0;font-size:14px}.category-label{flex:1 1;font-family:var(--font-family-chinese);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border-radius:10px;color:#6b727a;color:var(--theme-text-muted,#6b727a);flex-shrink:0;font-family:var(--font-family-base);font-size:11px;padding:2px 6px}.notes-list{margin-top:4px;padding-left:24px}.category-loading{align-items:center;display:flex;font-family:var(--font-family-chinese);font-size:13px;justify-content:center;padding:16px}.category-loading,.category-loading .ant-spin{color:#6b727a;color:var(--theme-text-muted,#6b727a)}.note-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:0 8px 2px;padding:8px 16px;position:relative;transition:all .2s ease}.note-item:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.note-item.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border:1px solid #d9d9d9;border:1px solid var(--theme-border-medium,#d9d9d9);border-radius:6px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--theme-shadow-light,#0000001a);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.note-item.selected:after{background-color:#52c41a;border-radius:2px 0 0 2px;bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.note-item.more-item{font-style:italic;opacity:.8}.note-item.more-item:hover{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);opacity:1}.note-item.more-item .note-icon,.note-item.more-item .note-title{color:#6b727a;color:var(--theme-text-muted,#6b727a)}.note-item.more-item .note-title{font-family:var(--font-family-chinese);font-size:13px}.note-icon{flex-shrink:0;font-size:16px;opacity:.7}.note-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);flex:1 1;font-family:var(--font-family-mixed);font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.note-item:hover .note-actions{opacity:1}.note-action-btn{align-items:center;border-radius:4px;color:#6b727a;color:var(--theme-text-muted,#6b727a);display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.note-action-btn:hover{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);color:#4b5563;color:var(--theme-text-secondary,#4b5563)}.empty-category{color:#6b727a;color:var(--theme-text-muted,#6b727a);font-family:var(--font-family-chinese);font-size:12px;opacity:.7;padding:12px 16px;text-align:center}.notes-list-collapsed-actions{border-top:1px solid #0000000a;border-top:1px solid var(--theme-border-light,#0000000a);display:flex;justify-content:center;padding:8px}.collapsed-action-btn{align-items:center;border-radius:6px;color:#6b727a;color:var(--theme-text-muted,#6b727a);display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collapsed-action-btn:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080);color:#4b5563;color:var(--theme-text-secondary,#4b5563)}@media (max-width:768px){.notes-list-header{padding:6px 12px}.category-header{margin:0 4px;padding:4px 12px}.homepage-category{padding:4px 12px}.note-item{margin:0 4px 2px;padding:6px 12px}.notes-list{padding-left:16px}.category-title{font-size:12px}.note-title{font-size:13px}}[data-theme=dark] .notes-list-container{background:#1f1f1f;background:var(--theme-bg-surface,#1f1f1f)}[data-theme=dark] .category-header:hover,[data-theme=dark] .note-item:hover{background-color:#ffffff14;background-color:var(--theme-bg-primary,#ffffff14)}.secondary-notes-list{height:100%;overflow-y:auto;padding:8px 0}.secondary-notes-list .note-item{border-radius:6px;margin:0 16px 2px;padding:10px 16px}.secondary-notes-list .note-item:hover{background-color:#f6f4f099;background-color:var(--theme-bg-primary,#f6f4f099)}.secondary-notes-list .note-item.selected{background-color:#6b4eff1a;background-color:var(--theme-accent,#6b4eff1a);border:1px solid #6b4eff;border:1px solid var(--theme-accent,#6b4eff)}.secondary-notes-list::-webkit-scrollbar{width:6px}.secondary-notes-list::-webkit-scrollbar-track{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px}.secondary-notes-list::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--theme-border-medium,#d9d9d9);border-radius:3px}.secondary-notes-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf;background:var(--theme-text-muted,#bfbfbf)}.ant-drawer-header{background:#fff;background:var(--theme-bg-surface,#fff);border-bottom:1px solid #0000000a;border-bottom:1px solid var(--theme-border-light,#0000000a)}.ant-drawer-title{color:#2d3648;color:var(--theme-text-primary,#2d3648);font-family:var(--font-family-chinese);font-weight:500}.ant-drawer-body{background:#fff;background:var(--theme-bg-surface,#fff);padding:0}.ant-drawer-close{color:#6b727a;color:var(--theme-text-muted,#6b727a)}.ant-drawer-close:hover{color:#2d3648;color:var(--theme-text-primary,#2d3648)}.note-item.readonly-note{opacity:.85}.note-item.readonly-note:hover{background-color:#f6f4f099;background-color:var(--theme-bg-primary,#f6f4f099)}.note-item.readonly-note .note-title{color:#6b7280;color:var(--theme-text-secondary,#6b7280)}.readonly-indicator{color:#9ca3af;color:var(--theme-text-muted,#9ca3af);font-size:12px;margin-left:6px;opacity:.7}.homepage-category{border-radius:4px;margin:0 8px 2px;padding:6px 16px;position:relative;transition:all .2s ease}.homepage-category:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}.homepage-category.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border:1px solid #d9d9d9;border:1px solid var(--theme-border-medium,#d9d9d9);border-radius:6px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--theme-shadow-light,#0000001a);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.homepage-category.selected:after{background-color:#ff6b35;border-radius:2px 0 0 2px;bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.homepage-category .category-title{font-family:var(--font-family-chinese);font-weight:600}[data-theme=claude] .homepage-category:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}[data-theme=claude] .homepage-category.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border-color:#e5e7eb;border-color:var(--theme-border-medium,#e5e7eb);box-shadow:0 2px 8px #2d364814;box-shadow:0 2px 8px var(--theme-shadow-light,#2d364814)}[data-theme=claude] .homepage-category.selected:after{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff)}[data-theme=claude] .note-item.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border-color:#e5e7eb;border-color:var(--theme-border-medium,#e5e7eb);box-shadow:0 2px 8px #2d364814;box-shadow:0 2px 8px var(--theme-shadow-light,#2d364814)}[data-theme=claude] .homepage-category .category-label-icon{color:#6b4eff!important;color:var(--theme-accent,#6b4eff)!important}[data-theme=dark] .homepage-category:hover{background-color:#ffffff14;background-color:var(--theme-bg-primary,#ffffff14)}[data-theme=dark] .homepage-category.selected{background-color:#2a2a2a!important;background-color:var(--theme-bg-surface,#2a2a2a)!important;border-color:#3a3a3a;border-color:var(--theme-border-medium,#3a3a3a);box-shadow:0 2px 8px #0000004d;box-shadow:0 2px 8px var(--theme-shadow-medium,#0000004d)}[data-theme=dark] .homepage-category.selected:after{background-color:#c92edd;background-color:var(--theme-accent,#c92edd)}[data-theme=dark] .note-item.selected{background-color:#2a2a2a!important;background-color:var(--theme-bg-surface,#2a2a2a)!important;border-color:#3a3a3a;border-color:var(--theme-border-medium,#3a3a3a);box-shadow:0 2px 8px #0000004d;box-shadow:0 2px 8px var(--theme-shadow-medium,#0000004d)}[data-theme=dark] .homepage-category .category-label-icon{color:#c92edd!important;color:var(--theme-accent,#c92edd)!important}[data-theme=forest] .homepage-category:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080)}[data-theme=forest] .homepage-category.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--theme-shadow-light,#0000001a)}[data-theme=forest] .homepage-category.selected:after{background-color:#748b75;background-color:var(--theme-accent,#748b75)}[data-theme=forest] .note-item.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--theme-shadow-light,#0000001a)}[data-theme=forest] .homepage-category .category-label-icon{color:#748b75!important;color:var(--theme-accent,#748b75)!important}.template-category{border-radius:6px;margin:1px 8px;position:relative;transition:all .3s ease}.template-category:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080);transform:translateX(2px)}.template-category.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border:1px solid #d9d9d9;border:1px solid var(--theme-border-medium,#d9d9d9);border-radius:6px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--theme-shadow-light,#0000001a);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.template-category.selected:after{background-color:#722ed1;border-radius:2px 0 0 2px;bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.template-category .category-title{align-items:center;display:flex;font-family:var(--font-family-chinese);font-weight:500;gap:8px}.template-category .category-label-icon{color:#722ed1!important;color:var(--theme-accent,#722ed1)!important}.template-category .category-label{font-family:var(--font-family-chinese);font-weight:500}[data-theme=claude] .note-item.selected:after,[data-theme=claude] .template-category.selected:after{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff)}[data-theme=dark] .note-item.selected:after,[data-theme=dark] .template-category.selected:after{background-color:#c92edd;background-color:var(--theme-accent,#c92edd)}[data-theme=forest] .note-item.selected:after,[data-theme=forest] .template-category.selected:after{background-color:#748b75;background-color:var(--theme-accent,#748b75)}.notes-card-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:4px 8px!important}.note-card-horizontal{align-items:center;background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #0000000a;border:1px solid var(--theme-border-light,#0000000a);border-radius:6px;box-shadow:0 1px 2px #0000000a;cursor:pointer;display:flex;min-height:60px;overflow:hidden;padding:6px;position:relative;transition:all .2s ease}.note-card-horizontal:hover{border-color:#d9d9d9;border-color:var(--theme-border-medium,#d9d9d9);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.note-card-horizontal.selected{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 2px 8px #6b4eff26;transform:translateY(-1px)}.note-card-horizontal.selected:before{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.note-card-cover-horizontal{align-items:center;background:#f8f9fa;background:var(--theme-bg-secondary,#f8f9fa);border-radius:4px;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:10px;overflow:hidden;position:relative;width:48px}.note-card-cover-horizontal.loading{background:#f6f4f080;background:var(--theme-bg-primary,#f6f4f080)}.note-card-cover-horizontal img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.note-card-horizontal:hover .note-card-cover-horizontal img{transform:scale(1.08)}.note-card-content-horizontal{align-items:center;display:flex;flex:1 1;min-width:0}.note-card-header-horizontal{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.note-card-title-horizontal{color:#2d3648;color:var(--theme-text-primary,#2d3648);flex:1 1;font-family:var(--font-family-mixed);font-size:13px;font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-actions-horizontal{align-items:center;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .2s ease}.note-card-horizontal:hover .note-card-actions-horizontal{opacity:1}.note-card-horizontal .note-action-btn{align-items:center;border-radius:3px;color:#6b727a;color:var(--theme-text-muted,#6b727a);display:flex;font-size:11px;height:20px;justify-content:center;padding:3px;transition:all .2s ease;width:20px}.note-card-horizontal .note-action-btn:hover{background-color:#f8f6f2;background-color:var(--theme-bg-secondary,#f8f6f2);color:#4b5563;color:var(--theme-text-secondary,#4b5563)}.note-card.more-card{align-items:center;background:#f6f4f04d;background:var(--theme-bg-primary,#f6f4f04d);border:2px dashed #d9d9d9;border:2px dashed var(--theme-border-medium,#d9d9d9);display:flex;justify-content:center;min-height:180px}.note-card.more-card:hover{background:#f6f4f080;background:var(--theme-bg-primary,#f6f4f080);border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff)}.more-card-content{align-items:center;color:#6b727a;color:var(--theme-text-muted,#6b727a);display:flex;flex-direction:column;gap:8px;text-align:center}.more-card-icon{font-size:24px;opacity:.6}.more-card-text{font-family:var(--font-family-chinese);font-size:12px;font-weight:500}.notes-card-list::-webkit-scrollbar{width:6px}.notes-card-list::-webkit-scrollbar-track{background:#f5f5f5;background:var(--theme-bg-primary,#f5f5f5);border-radius:3px}.notes-card-list::-webkit-scrollbar-thumb{background:#d9d9d9;background:var(--theme-border-medium,#d9d9d9);border-radius:3px}.notes-card-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf;background:var(--theme-text-muted,#bfbfbf)}[data-theme=claude] .note-card-horizontal.selected{border-color:#6b4eff;border-color:var(--theme-accent,#6b4eff);box-shadow:0 2px 8px #6b4eff26}[data-theme=claude] .note-card-horizontal.selected:before{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff)}[data-theme=dark] .note-card-horizontal{background:#2a2a2a;background:var(--theme-bg-surface,#2a2a2a);border-color:#3a3a3a;border-color:var(--theme-border-medium,#3a3a3a)}[data-theme=dark] .note-card-horizontal.selected{border-color:#c92edd;border-color:var(--theme-accent,#c92edd);box-shadow:0 2px 8px #c92edd26}[data-theme=dark] .note-card-horizontal.selected:before{background-color:#c92edd;background-color:var(--theme-accent,#c92edd)}[data-theme=forest] .note-card-horizontal.selected{border-color:#748b75;border-color:var(--theme-accent,#748b75);box-shadow:0 2px 8px #748b7526}[data-theme=forest] .note-card-horizontal.selected:before{background-color:#748b75;background-color:var(--theme-accent,#748b75)}@media (max-width:768px){.notes-card-list{gap:4px;padding:2px 6px!important}.note-card-horizontal{min-height:52px;padding:4px}.note-card-cover-horizontal{height:40px;margin-right:8px;width:40px}.note-card-title-horizontal{font-size:12px}.note-card-horizontal .note-action-btn{font-size:10px;height:18px;width:18px}}.vocabulary-category{border-radius:6px;margin:1px 8px;position:relative;transition:all .3s ease}.vocabulary-category:hover{background-color:#f6f4f080;background-color:var(--theme-bg-primary,#f6f4f080);transform:translateX(2px)}.vocabulary-category.selected{background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;border:1px solid #d9d9d9;border:1px solid var(--theme-border-medium,#d9d9d9);border-radius:6px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--theme-shadow-light,#0000001a);color:#2d3648;color:var(--theme-text-primary,#2d3648)}.vocabulary-category.selected:after{background-color:#f56a00;border-radius:2px 0 0 2px;bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.vocabulary-category .category-title{align-items:center;display:flex;font-family:var(--font-family-chinese);font-weight:500;gap:8px}.vocabulary-category .category-label-icon{color:#f56a00!important;color:var(--theme-accent,#f56a00)!important}.vocabulary-category .category-label{font-family:var(--font-family-chinese);font-weight:500}[data-theme=claude] .vocabulary-category.selected:after{background-color:#6b4eff;background-color:var(--theme-accent,#6b4eff)}[data-theme=dark] .vocabulary-category.selected:after{background-color:#c92edd;background-color:var(--theme-accent,#c92edd)}[data-theme=forest] .vocabulary-category.selected:after{background-color:#748b75;background-color:var(--theme-accent,#748b75)}.share-popover .ant-popover-content{padding:0}.share-popover .ant-popover-inner{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:12px;box-shadow:var(--theme-shadow-medium)}.share-popover .ant-popover-title{background:var(--theme-bg-surface);border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);font-weight:600;margin:0;padding:16px 20px 12px}.share-popover-content{padding:16px 20px 20px;width:320px}.share-popover-content .ant-tabs{margin:-8px 0 0}.share-popover-content .ant-tabs-content-holder{padding:16px 0 0}.share-popover-content .ant-form-item{margin-bottom:16px}.share-popover-content .ant-form-item:last-child{margin-bottom:0}.share-popover-content .ant-form-item-label>label{color:var(--theme-text-primary);font-weight:500}.share-popover-content .ant-input{background:var(--theme-bg-surface);border-color:var(--theme-border-medium);color:var(--theme-text-primary)}.share-popover-content .ant-input:focus,.share-popover-content .ant-input:hover{border-color:var(--theme-primary)}.share-popover-content .ant-btn{border-radius:6px;font-weight:500}.share-popover-content .ant-btn-primary{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-bg-surface)}.share-popover-content .ant-btn-primary:hover{background:var(--theme-primary);border-color:var(--theme-primary);opacity:.9}.cover-image-section{background:var(--theme-bg-container);border:1px dashed var(--theme-border-medium);border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.cover-image-section:hover{background:var(--theme-primary-bg-hover);border-color:var(--theme-primary)}.cover-image-preview{border-radius:6px;box-shadow:var(--theme-shadow-small);overflow:hidden;transition:transform .3s ease}.cover-image-preview:hover{transform:scale(1.02)}.cover-image-preview img{border-radius:6px;display:block}.cover-generate-buttons{gap:8px;justify-content:center}.cover-generate-btn{align-items:center;display:flex;font-size:13px;gap:6px;height:28px;padding:0 12px}.cover-download-btn{border:1px solid var(--theme-border-medium);color:var(--theme-text-secondary)}.cover-download-btn:hover{border-color:var(--theme-primary);color:var(--theme-primary)}.share-button{background:#0000;border:none;color:var(--theme-text-secondary);padding:6px 12px}.share-button:hover{background:var(--theme-primary-bg-hover);color:var(--theme-primary)}.share-button:disabled{color:var(--theme-text-muted);cursor:not-allowed}.share-popover .ant-tabs-tab{color:var(--theme-text-secondary)}.share-popover .ant-tabs-tab:hover{color:var(--theme-primary)}.share-popover .ant-tabs-tab-active{color:var(--theme-primary)!important}.share-popover .ant-tabs-ink-bar{background:var(--theme-primary)}.share-popover .ant-tabs-content{color:var(--theme-text-primary)}.share-popover .ant-form-item-explain-error{color:var(--theme-error)}.share-popover .ant-input-status-error,.share-popover .ant-input-status-error:focus,.share-popover .ant-input-status-error:hover{border-color:var(--theme-error)}.share-popover .ant-btn-loading{color:var(--theme-text-muted)}.share-popover .ant-spin-dot-item{background-color:var(--theme-primary)}.share-popover .ant-popover-arrow{border-color:var(--theme-border-light)}.share-popover .ant-popover-arrow:before{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light)}.share-popover .ant-card{background:var(--theme-bg-container);border-color:var(--theme-border-light)}.share-popover .ant-card-body{padding:8px}@media (max-width:480px){.share-popover-content{padding:12px 16px 16px;width:280px}.share-popover .ant-popover-title{padding:12px 16px 8px}.cover-image-preview img{max-width:100%}}.page-actions{align-items:center!important;background-color:#fff!important;background-color:var(--theme-bg-surface,#fff)!important;box-shadow:0 1px 2px #0000000f!important;box-shadow:0 1px 2px var(--theme-shadow-light,#0000000f)!important;display:flex!important;gap:16px!important;justify-content:space-between!important;left:260px!important;padding:12px 24px!important;position:fixed!important;right:0!important;top:0!important;transition:left .2s ease!important;z-index:100!important}.ant-layout-sider-collapsed+.editor-content .page-actions{left:80px!important}.auto-save-status{min-width:200px}.auto-save-status,.sync-status{align-items:center;display:flex;font-size:14px;gap:8px}.sync-status{min-width:120px}.sync-indicator{align-items:center;background:#fffc;border:1px solid #f0f0f0;border:1px solid var(--theme-border-light,#f0f0f0);border-radius:4px;display:flex;font-weight:500;padding:4px 8px;transition:all .2s ease}.sync-indicator:hover{background:#fffffff2;box-shadow:0 2px 4px #0000000f;box-shadow:0 2px 4px var(--theme-shadow-light,#0000000f)}.saving-indicator{align-items:center;color:#1890ff;display:flex;font-weight:500}.saved-indicator{align-items:center;color:#6b727a;color:var(--theme-text-muted,#6b727a);display:flex;font-weight:400}.unsaved-indicator{align-items:center;color:#faad14;display:flex;font-weight:500}.action-buttons{align-items:center;display:flex;gap:12px}.feedback-button{background:#0000!important;border:none!important;box-shadow:none!important;color:#999!important;color:var(--theme-text-muted,#999)!important;height:auto!important;min-width:auto!important;padding:4px 8px!important}.feedback-button:focus,.feedback-button:hover{background:#1890ff0a!important;box-shadow:none!important;color:#1890ff!important}.feedback-button:active{background:#1890ff14!important;color:#1890ff!important}.share-button{background:#0000!important;border:none!important;box-shadow:none!important;color:#999!important;color:var(--theme-text-muted,#999)!important;height:auto!important;min-width:auto!important;padding:4px 8px!important}.share-button:focus,.share-button:hover{background:#1890ff0a!important;box-shadow:none!important;color:#1890ff!important}.share-button:active{background:#1890ff14!important;color:#1890ff!important}.share-button:disabled{background:#0000!important;color:#bfbfbf!important;color:var(--theme-text-disabled,#bfbfbf)!important;cursor:not-allowed!important}.sync-button{min-width:90px;text-align:center}.edit-mode-button{min-width:80px;text-align:center;transition:all .2s ease}.edit-mode-button:hover{box-shadow:0 2px 4px #0000001a}.edit-mode-button.ant-btn-primary{background:#1890ff;border-color:#1890ff}.edit-mode-button.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.ant-badge .sync-button{position:relative}.action-buttons .ant-btn{transition:background-color .2s,border-color .2s,color .2s}.action-buttons .ant-btn:not(.ant-btn-loading){animation:none!important;transform:none!important}.feedback-modal .ant-modal-header{background:#fff;background:var(--theme-bg-surface,#fff);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);padding:16px 24px}.feedback-modal .ant-modal-body{background:#fff;background:var(--theme-bg-surface,#fff);padding:24px}.feedback-modal .ant-modal-content{background:#fff;background:var(--theme-bg-surface,#fff);color:#262626;color:var(--theme-text-primary,#262626)}.feedback-content{text-align:center}.feedback-content p{color:#595959!important;color:var(--theme-text-secondary,#595959)!important;font-size:14px;line-height:1.5;margin-bottom:16px}.feedback-content img{border-radius:8px;box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--theme-shadow-light,#0000000f);transition:transform .2s ease}.feedback-content img:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--theme-shadow-medium,#0000001a);transform:scale(1.02)}[data-theme=dark] .page-actions{background:#141414!important;background:var(--theme-bg-surface,#141414)!important;box-shadow:0 1px 2px #ffffff0f!important;box-shadow:0 1px 2px var(--theme-shadow-light,#ffffff0f)!important}[data-theme=dark] .saved-indicator,[data-theme=dark] .saving-indicator,[data-theme=dark] .unsaved-indicator{color:#d9d9d9;color:var(--theme-text-secondary,#d9d9d9)}[data-theme=dark] .feedback-button{color:#666!important;color:var(--theme-text-muted,#666)!important}[data-theme=dark] .feedback-button:focus,[data-theme=dark] .feedback-button:hover{background:#40a9ff0f!important;background:var(--theme-primary-bg-hover,#40a9ff0f)!important;color:#40a9ff!important;color:var(--theme-primary,#40a9ff)!important}[data-theme=dark] .feedback-button:active{background:#40a9ff1a!important;background:var(--theme-primary-bg-active,#40a9ff1a)!important;color:#40a9ff!important;color:var(--theme-primary,#40a9ff)!important}[data-theme=dark] .feedback-modal .ant-modal-content,[data-theme=dark] .feedback-modal .ant-modal-header{background:#1f1f1f;background:var(--theme-bg-surface,#1f1f1f);color:#d9d9d9;color:var(--theme-text-primary,#d9d9d9)}[data-theme=dark] .feedback-modal .ant-modal-header{border-bottom:1px solid #303030;border-bottom:1px solid var(--theme-border-light,#303030)}[data-theme=dark] .feedback-modal .ant-modal-title{color:#d9d9d9!important;color:var(--theme-text-primary,#d9d9d9)!important}[data-theme=dark] .feedback-content p{color:#bfbfbf!important;color:var(--theme-text-secondary,#bfbfbf)!important}[data-theme=dark] .feedback-content img{box-shadow:0 2px 8px #0000004d;box-shadow:0 2px 8px var(--theme-shadow-light,#0000004d)}[data-theme=dark] .feedback-content img:hover{box-shadow:0 4px 12px #00000080;box-shadow:0 4px 12px var(--theme-shadow-medium,#00000080)}[data-theme=dark] .share-button{color:#666!important;color:var(--theme-text-muted,#666)!important}[data-theme=dark] .share-button:focus,[data-theme=dark] .share-button:hover{background:#40a9ff0f!important;background:var(--theme-primary-bg-hover,#40a9ff0f)!important;color:#40a9ff!important;color:var(--theme-primary,#40a9ff)!important}[data-theme=dark] .share-button:active{background:#40a9ff1a!important;background:var(--theme-primary-bg-active,#40a9ff1a)!important;color:#40a9ff!important;color:var(--theme-primary,#40a9ff)!important}[data-theme=dark] .share-button:disabled{color:#434343!important;color:var(--theme-text-disabled,#434343)!important}[data-theme=forest] .page-actions{background:#2d3748!important;background:var(--theme-bg-surface,#2d3748)!important;box-shadow:0 1px 2px #0000001a!important;box-shadow:0 1px 2px var(--theme-shadow-light,#0000001a)!important}[data-theme=forest] .saved-indicator,[data-theme=forest] .saving-indicator,[data-theme=forest] .unsaved-indicator{color:#a0aec0;color:var(--theme-text-secondary,#a0aec0)}[data-theme=forest] .feedback-button{color:#718096!important;color:var(--theme-text-muted,#718096)!important}[data-theme=forest] .feedback-button:focus,[data-theme=forest] .feedback-button:hover{background:#68d3910f!important;background:var(--theme-primary-bg-hover,#68d3910f)!important;color:#68d391!important;color:var(--theme-primary,#68d391)!important}[data-theme=forest] .feedback-button:active{background:#68d3911a!important;background:var(--theme-primary-bg-active,#68d3911a)!important;color:#68d391!important;color:var(--theme-primary,#68d391)!important}[data-theme=forest] .feedback-modal .ant-modal-content,[data-theme=forest] .feedback-modal .ant-modal-header{background:#2d3748;background:var(--theme-bg-surface,#2d3748);color:#e2e8f0;color:var(--theme-text-primary,#e2e8f0)}[data-theme=forest] .feedback-modal .ant-modal-header{border-bottom:1px solid #4a5568;border-bottom:1px solid var(--theme-border-light,#4a5568)}[data-theme=forest] .feedback-modal .ant-modal-title{color:#e2e8f0!important;color:var(--theme-text-primary,#e2e8f0)!important}[data-theme=forest] .feedback-content p{color:#cbd5e0!important;color:var(--theme-text-secondary,#cbd5e0)!important}[data-theme=forest] .feedback-content img{box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--theme-shadow-light,#0003)}[data-theme=forest] .feedback-content img:hover{box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--theme-shadow-medium,#0000004d)}[data-theme=forest] .share-button{color:#718096!important;color:var(--theme-text-muted,#718096)!important}[data-theme=forest] .share-button:focus,[data-theme=forest] .share-button:hover{background:#68d3910f!important;background:var(--theme-primary-bg-hover,#68d3910f)!important;color:#68d391!important;color:var(--theme-primary,#68d391)!important}[data-theme=forest] .share-button:active{background:#68d3911a!important;background:var(--theme-primary-bg-active,#68d3911a)!important;color:#68d391!important;color:var(--theme-primary,#68d391)!important}[data-theme=forest] .share-button:disabled{color:#4a5568!important;color:var(--theme-text-disabled,#4a5568)!important}.share-modal .ant-modal-header{background:#fff;background:var(--theme-bg-surface,#fff);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--theme-border-light,#f0f0f0);padding:16px 24px}.share-modal .ant-modal-body{background:#fff;background:var(--theme-bg-surface,#fff);padding:24px}.share-modal .ant-modal-content{background:#fff;background:var(--theme-bg-surface,#fff);color:#262626;color:var(--theme-text-primary,#262626)}[data-theme=dark] .share-modal .ant-modal-content,[data-theme=dark] .share-modal .ant-modal-header{background:#1f1f1f;background:var(--theme-bg-surface,#1f1f1f);color:#d9d9d9;color:var(--theme-text-primary,#d9d9d9)}[data-theme=dark] .share-modal .ant-modal-header{border-bottom:1px solid #303030;border-bottom:1px solid var(--theme-border-light,#303030)}[data-theme=dark] .share-modal .ant-modal-title{color:#d9d9d9!important;color:var(--theme-text-primary,#d9d9d9)!important}[data-theme=forest] .share-modal .ant-modal-content,[data-theme=forest] .share-modal .ant-modal-header{background:#2d3748;background:var(--theme-bg-surface,#2d3748);color:#f7fafc;color:var(--theme-text-primary,#f7fafc)}[data-theme=forest] .share-modal .ant-modal-header{border-bottom:1px solid #4a5568;border-bottom:1px solid var(--theme-border-light,#4a5568)}[data-theme=forest] .share-modal .ant-modal-title{color:#f7fafc!important;color:var(--theme-text-primary,#f7fafc)!important}@media (max-width:768px){.page-actions{flex-direction:row!important;gap:12px!important;left:0!important;padding:12px 16px!important}.auto-save-status{flex:1 1;min-width:auto}.action-buttons{flex-shrink:0}.feedback-button{margin-right:4px!important;padding:2px 4px!important}}@media (max-width:480px){.action-buttons{gap:4px}.action-buttons .ant-btn{font-size:12px;padding:4px 8px}.feedback-modal{width:90vw!important}.feedback-modal .ant-modal-body{padding:16px}}[data-theme=dark] .sync-indicator{background:#282828cc;border:1px solid #303030;border:1px solid var(--theme-border-light,#303030)}[data-theme=dark] .sync-indicator:hover{background:#282828f2;box-shadow:0 2px 4px #ffffff0f;box-shadow:0 2px 4px var(--theme-shadow-light,#ffffff0f)}[data-theme=forest] .sync-indicator{background:#f5f5f5cc;border:1px solid #e8f5e8;border:1px solid var(--theme-border-light,#e8f5e8)}[data-theme=forest] .sync-indicator:hover{background:#f5f5f5f2;box-shadow:0 2px 4px #0000000f;box-shadow:0 2px 4px var(--theme-shadow-light,#0000000f)}.daily-word-achievement{background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:10px;box-shadow:var(--theme-shadow-medium);font-family:var(--theme-font-family);margin:0;max-width:none;padding:18px;transition:all .2s ease-out;width:100%}.achievement-header{margin-bottom:18px;text-align:center}.achievement-header .ant-typography-title{color:var(--theme-text-primary)!important;font-family:var(--theme-font-family)!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.01em;margin-bottom:6px!important}.achievement-stats{grid-gap:12px;background:var(--theme-bg-primary);border:1px solid var(--theme-border-light);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:18px;padding:16px}.stat-item{color:var(--theme-text-primary);font-family:var(--theme-font-family);font-size:14px;font-weight:500;gap:8px;padding:4px 0}.stat-item .anticon{color:var(--theme-text-secondary);font-size:16px}.calendar-container{margin-bottom:18px}.achievement-main-content{display:flex;gap:24px;margin-bottom:18px}.achievement-charts{display:flex;flex:0 0 380px;flex-direction:column;gap:20px}.chart-container{background:var(--theme-bg-primary);border:1px solid var(--theme-border-light);border-radius:8px;box-shadow:var(--theme-shadow-light);padding:16px}.chart-title{color:var(--theme-text-primary);font-family:var(--theme-font-family);font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.calendar-container{flex:1 1;margin-bottom:0;position:relative}.daily-word-achievement .calendar-container .ant-picker-calendar{background:var(--theme-bg-surface)!important;border:1px solid var(--theme-border-light)!important;border-radius:12px!important;box-shadow:var(--theme-shadow-light)!important;font-family:var(--theme-font-family)!important;overflow:hidden}.daily-word-achievement .calendar-container .ant-picker-calendar-header{background:var(--theme-bg-primary)!important;border-bottom:1px solid var(--theme-border-light)!important;padding:16px 24px!important}.daily-word-achievement .calendar-container .ant-picker-calendar-header .ant-picker-calendar-month-select,.daily-word-achievement .calendar-container .ant-picker-calendar-header .ant-picker-calendar-year-select{color:var(--theme-text-primary)!important;font-family:var(--theme-font-family)!important;font-weight:600!important}.daily-word-achievement .calendar-container .ant-picker-calendar-header .ant-picker-calendar-month-select .ant-select-selector,.daily-word-achievement .calendar-container .ant-picker-calendar-header .ant-picker-calendar-year-select .ant-select-selector{background:#0000!important;border:none!important;box-shadow:none!important;color:var(--theme-text-primary)!important}.daily-word-achievement .calendar-container .ant-picker-calendar table,.daily-word-achievement .calendar-container .ant-picker-calendar tbody{background:var(--theme-bg-surface)!important}.daily-word-achievement .calendar-container .ant-picker-calendar thead th{background:var(--theme-bg-primary)!important;border-bottom:1px solid var(--theme-border-light)!important;color:var(--theme-text-muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px;padding:12px 8px!important;text-transform:uppercase}.daily-word-achievement .calendar-container .ant-picker-calendar-date{background:var(--theme-bg-surface)!important;border:none!important;border-radius:6px!important;margin:1px!important;position:relative!important;transition:all .15s ease-out!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date:hover{background:var(--theme-bg-hover)!important;transform:none!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-value{color:var(--theme-text-primary)!important;font-size:14px!important;font-weight:500!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-today{background:var(--theme-error)!important;border:none!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:#fff!important;font-weight:600!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-selected{background:var(--theme-primary)!important;border:none!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-selected .ant-picker-calendar-date-value{color:#fff!important;font-weight:600!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-content{height:auto!important;min-height:50px!important;padding:4px!important}.daily-word-achievement .calendar-container .ant-picker-calendar-date-not-current-month .ant-picker-calendar-date-value{color:var(--theme-text-disabled)!important}.date-cell{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:2px;justify-content:flex-start;margin-top:8px;min-height:35px;padding:2px;transition:all .2s ease-out}.date-cell,.date-cell-wrapper{background:#0000;position:relative}.date-cell-wrapper{border-radius:6px;height:100%;transition:all .15s ease-out;width:100%}.date-cell-wrapper.has-data{background:#0000}.date-cell-wrapper.low-count{background:linear-gradient(135deg,#4bc0c026,#36a2eb26);border:1px solid #4bc0c040;box-shadow:0 1px 4px #4bc0c026}.date-cell-wrapper.medium-count{background:linear-gradient(135deg,#ff9f4033,#ffce5433);border:1px solid #ff9f4059;box-shadow:0 2px 6px #ff9f4033}.date-cell-wrapper.high-count{background:linear-gradient(135deg,#ff638440,#ff408140);border:1px solid #ff638466;box-shadow:0 3px 8px #ff638440}.date-cell-wrapper.super-high-count{animation:gentle-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#9966ff4d,#9b59b64d 50%,#e74c3c4d);border:1px solid #9966ff73;box-shadow:0 4px 12px #9966ff4d}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 12px #9966ff4d;transform:scale(1)}50%{box-shadow:0 6px 16px #96f6;transform:scale(1.02)}}.date-cell-wrapper.has-data:hover{transform:translateY(-1px)}.date-cell-wrapper.low-count:hover{background:linear-gradient(135deg,#4bc0c033,#36a2eb33);box-shadow:0 3px 8px #4bc0c040;transform:translateY(-1px)}.date-cell-wrapper.medium-count:hover{background:linear-gradient(135deg,#ff9f4040,#ffce5440);box-shadow:0 4px 10px #ff9f404d;transform:translateY(-1px)}.date-cell-wrapper.high-count:hover{background:linear-gradient(135deg,#ff63844d,#ff40814d);box-shadow:0 5px 12px #ff638459;transform:translateY(-1px)}.date-cell-wrapper.super-high-count:hover{background:linear-gradient(135deg,#9966ff59,#9b59b659 50%,#e74c3c59);box-shadow:0 6px 16px #96f6;transform:translateY(-1px)}.date-cell .ant-badge{line-height:1}.date-cell .ant-badge-count{border:1.5px solid var(--theme-bg-surface)!important;border-radius:10px!important;box-shadow:var(--theme-shadow-light)!important;font-family:var(--theme-font-family)!important;font-size:11px!important;font-weight:600!important;height:20px!important;line-height:20px!important;min-width:20px!important;padding:0!important}.date-cell .total-badge{background:var(--theme-primary)!important;color:#fff!important}.date-cell .mastered-badge{background:var(--theme-success)!important;color:#fff!important;font-size:10px!important;height:18px!important;line-height:18px!important;margin-top:1px;min-width:18px!important}.month-cell{border-radius:6px;padding:8px;text-align:center}.month-achievement{align-items:center;color:var(--theme-primary);display:flex;font-family:var(--theme-font-family);font-size:14px;font-weight:600;gap:6px;justify-content:center}.achievement-legend{margin-top:24px}.achievement-legend .ant-typography-title{color:var(--theme-text-primary)!important;font-family:var(--theme-font-family)!important;font-size:17px!important;font-weight:600!important;margin-bottom:16px!important;text-align:center}.legend-items{background:var(--theme-bg-primary);border:1px solid var(--theme-border-light);border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:16px}.legend-item{align-items:center;background:var(--theme-bg-surface);color:var(--theme-text-primary);display:flex;font-family:var(--theme-font-family);font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.legend-color,.legend-item{border-radius:8px;box-shadow:var(--theme-shadow-light)}.legend-color{border:1.5px solid var(--theme-bg-surface);height:16px;width:16px}.legend-color.total-color{background:var(--theme-primary)}.legend-color.mastered-color{background:var(--theme-success)}.legend-color.low-count-color{background:linear-gradient(135deg,#4bc0c0cc,#36a2ebcc)}.legend-color.medium-count-color{background:linear-gradient(135deg,#ff9f40cc,#ffce54cc)}.legend-color.high-count-color{background:linear-gradient(135deg,#ff6384cc,#ff4081cc)}.legend-color.super-high-count-color{background:linear-gradient(135deg,#96fc,#9b59b6cc 50%,#e74c3ccc)}@media (max-width:768px){.daily-word-achievement{border-radius:8px;margin:0;padding:16px}.achievement-header .ant-typography-title{font-size:18px!important}.achievement-main-content{flex-direction:column;gap:16px}.achievement-charts{flex:none;width:100%}.chart-container{padding:12px}.chart-title{font-size:14px;margin-bottom:8px}.legend-items{gap:12px;padding:12px}.legend-item{font-size:12px}}@media (max-width:480px){.achievement-header .ant-typography-title{font-size:16px!important}.achievement-charts{gap:12px}.chart-container{padding:10px}.chart-title{font-size:13px}.date-cell .ant-badge-count{font-size:10px!important;height:18px!important;line-height:18px!important;min-width:18px!important}.legend-items{flex-direction:column;gap:8px}}[data-theme=claude] .achievement-header .ant-typography-title,[data-theme=dark] .achievement-header .ant-typography-title,[data-theme=forest] .achievement-header .ant-typography-title{color:var(--theme-text-primary)!important}.learning-plan-list{padding:20px;width:100%}.learning-plan-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.learning-plan-title{align-items:center;color:#262626;display:flex;font-size:18px;font-weight:600;margin:0}.learning-plan-empty,.learning-plan-loading{align-items:center;display:flex;justify-content:center;padding:60px 20px}.learning-plan-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.learning-plan-card{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 4px #0000000a;cursor:pointer;transition:all .3s ease}.learning-plan-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.learning-plan-card .ant-card-body{padding:16px}.learning-plan-card .ant-card-actions{background-color:#fafafa;border-top:1px solid #f0f0f0}.learning-plan-card .ant-card-actions>li{margin:8px 0}.learning-plan-card .ant-card-actions>li>span{align-items:center;display:flex;justify-content:center}.plan-card-title{align-items:center;display:flex;margin-bottom:8px}.plan-card-description{display:flex;flex-direction:column;gap:4px}.plan-info,.plan-meta{align-items:center;display:flex}.plan-meta{justify-content:space-between}@media (max-width:768px){.learning-plan-list{padding:16px}.learning-plan-grid{gap:12px;grid-template-columns:1fr}.learning-plan-header{align-items:flex-start;flex-direction:column;gap:12px}.learning-plan-title{font-size:16px}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learning-plan-card{animation:cardSlideIn .3s ease-out}.learning-plan-list::-webkit-scrollbar{width:6px}.learning-plan-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.learning-plan-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.learning-plan-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.checkin-heatmap{background:#fff;background:var(--theme-bg-primary,#fff);border:1px solid #0000000f;border:1px solid var(--theme-border-light,#0000000f);border-radius:12px;padding:20px}.heatmap-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.heatmap-title-section h4{color:#262626;color:var(--theme-text-primary,#262626);font-size:16px;font-weight:600;margin:0}.heatmap-description{line-height:1.4;margin:4px 0 0}.heatmap-description,.heatmap-legend{color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);font-size:12px}.heatmap-legend{align-items:center;display:flex;gap:8px}.legend-colors{display:flex;gap:2px}.legend-color{border:1px solid #0000001a;border:1px solid var(--theme-border-light,#0000001a);border-radius:2px;height:11px;width:11px}.legend-color.level-0{background:#ebedf0;background:var(--theme-bg-hover,#ebedf0)}.legend-color.level-1{background:#9be9a8}.legend-color.level-2{background:#40c463}.legend-color.level-3{background:#30a14e}.legend-color.level-4{background:#216e39}.heatmap-container{position:relative}.month-labels{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(53,1fr);margin-bottom:8px;margin-left:42px}.month-label{color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);font-size:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.heatmap-content{display:flex}.weekday-labels{display:flex;flex-direction:column;gap:2px;margin-right:2px;width:40px}.weekday-label{align-items:center;color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);display:flex;font-size:10px;height:11px;justify-content:flex-end;line-height:11px;text-align:right}.heatmap-grid{display:flex;flex:1 1;gap:2px}.heatmap-week{display:flex;flex-direction:column;gap:2px}.heatmap-day{border:1px solid #0000001a;border:1px solid var(--theme-border-light,#0000001a);border-radius:2px;cursor:pointer;height:11px;transition:all .2s ease;width:11px}.heatmap-day:hover:not(.empty){border-color:#1890ff;border-color:var(--theme-primary,#1890ff);box-shadow:0 2px 4px #0003;position:relative;transform:scale(1.2);z-index:1}.heatmap-day.level-0{background:#ebedf0;background:var(--theme-bg-hover,#ebedf0)}.heatmap-day.level-1{background:#9be9a8}.heatmap-day.level-2{background:#40c463}.heatmap-day.level-3{background:#30a14e}.heatmap-day.level-4{background:#216e39}.heatmap-day.empty{background:#0000;border:none;cursor:default}[data-theme=dark] .checkin-heatmap{background:var(--theme-bg-primary);border-color:var(--theme-border-light)}[data-theme=dark] .heatmap-header h4{color:var(--theme-text-primary)}[data-theme=dark] .heatmap-legend,[data-theme=dark] .month-label,[data-theme=dark] .weekday-label{color:var(--theme-text-secondary)}[data-theme=dark] .heatmap-day.level-0,[data-theme=dark] .legend-color.level-0{background:#2f2f2f;background:var(--theme-bg-hover,#2f2f2f);border-color:#ffffff1a;border-color:var(--theme-border-light,#ffffff1a)}[data-theme=dark] .heatmap-day,[data-theme=dark] .legend-color{border-color:#ffffff1a;border-color:var(--theme-border-light,#ffffff1a)}@media (max-width:768px){.checkin-heatmap{overflow-x:auto;padding:16px}.heatmap-header{align-items:flex-start;flex-direction:column;gap:12px}.heatmap-legend{align-self:flex-end}.heatmap-container{min-width:600px}.month-labels{margin-left:30px}.weekday-labels{width:28px}.weekday-label{font-size:9px}.month-label{font-size:11px}}@media (max-width:480px){.heatmap-header h4{font-size:14px}.heatmap-legend{font-size:11px}.heatmap-day,.legend-color{height:10px;width:10px}.weekday-label{font-size:8px}}.daily-checkin{background:#fafafa;background:var(--theme-bg-secondary,#fafafa);border-radius:12px;padding:20px}.checkin-main-card{background:#fff;background:var(--theme-bg-primary,#fff);border:1px solid #0000000f;border:1px solid var(--theme-border-light,#0000000f);border-radius:16px;box-shadow:0 4px 20px #00000014;height:100%}.checkin-main-card .ant-card-body{padding:24px}.checkin-header{margin-bottom:24px}.checkin-header,.checkin-icon{align-items:center;display:flex}.checkin-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:20px;height:48px;justify-content:center;margin-right:16px;width:48px}.checkin-title h3{color:#262626;color:var(--theme-text-primary,#262626);font-size:20px;font-weight:600;margin:0}.checkin-title p{color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);font-size:14px;margin:4px 0 0}.checked-in,.checkin-action{text-align:center}.checked-in{padding:20px}.checked-icon{color:#52c41a;display:block;font-size:48px;margin-bottom:12px}.checked-text{color:#262626;color:var(--theme-text-primary,#262626);display:block;font-size:18px;font-weight:600;margin-bottom:8px}.continuous-days{color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);font-size:16px;margin:0}.checkin-buttons{display:flex;gap:12px;justify-content:center}.quick-checkin-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 15px #667eea66;font-size:16px;font-weight:600;height:48px;padding:0 24px;transition:all .3s ease}.quick-checkin-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.note-checkin-btn{border:2px solid #d9d9d9;border:2px solid var(--theme-border-light,#d9d9d9);border-radius:24px;color:#262626;color:var(--theme-text-primary,#262626);font-size:16px;height:48px;padding:0 24px;transition:all .3s ease}.note-checkin-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.checkin-stats-card{background:#fff;background:var(--theme-bg-primary,#fff);border:1px solid #0000000f;border:1px solid var(--theme-border-light,#0000000f);border-radius:16px;box-shadow:0 4px 20px #00000014;height:100%}.checkin-stats-card .ant-card-body{padding:24px}.checkin-stats-card .ant-statistic-title{color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);font-size:14px;margin-bottom:8px}.checkin-stats-card .ant-statistic-content{font-size:24px;font-weight:600}.checkin-calendar-card{background:#fff;background:var(--theme-bg-primary,#fff);border:1px solid #0000000f;border:1px solid var(--theme-border-light,#0000000f);border-radius:16px;box-shadow:0 4px 20px #00000014}.checkin-calendar-card .ant-card-head{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--theme-border-light,#0000000f)}.checkin-calendar-card .ant-card-head-title{color:#262626;color:var(--theme-text-primary,#262626);font-size:18px;font-weight:600}.checkin-calendar{background:#0000}.checkin-calendar .ant-picker-calendar-header{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--theme-border-light,#0000000f);padding:16px 0}.checkin-calendar .ant-picker-content{padding:16px 0}.checkin-calendar .ant-picker-cell{border-radius:8px;transition:all .3s ease}.checkin-calendar .ant-picker-cell:hover{background:#f5f5f5;background:var(--theme-bg-hover,#f5f5f5)}.checkin-calendar .ant-picker-calendar-date-today{background:#1890ff1a;border:2px solid #1890ff}.checkin-date{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.checkin-date .ant-badge-status-dot{height:8px;width:8px}.month-checkin{background:#f0f0f0;background:var(--theme-bg-secondary,#f0f0f0);border-radius:4px;color:#8c8c8c;color:var(--theme-text-secondary,#8c8c8c);display:inline-block;font-size:12px;margin:2px auto;padding:2px 4px;text-align:center}[data-theme=dark] .daily-checkin{background:var(--theme-bg-secondary)}[data-theme=dark] .checkin-calendar-card,[data-theme=dark] .checkin-main-card,[data-theme=dark] .checkin-stats-card{background:var(--theme-bg-primary);border-color:var(--theme-border-light)}[data-theme=dark] .checked-text,[data-theme=dark] .checkin-title h3{color:var(--theme-text-primary)}[data-theme=dark] .checkin-title p,[data-theme=dark] .continuous-days{color:var(--theme-text-secondary)}[data-theme=dark] .note-checkin-btn{background:var(--theme-bg-primary);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=dark] .note-checkin-btn:hover{border-color:#667eea;color:#667eea}[data-theme=dark] .checkin-calendar .ant-picker-cell:hover{background:var(--theme-bg-hover)}[data-theme=dark] .month-checkin{background:var(--theme-bg-hover);color:var(--theme-text-secondary)}@media (max-width:768px){.checkin-calendar-card .ant-card-body,.checkin-main-card .ant-card-body,.checkin-stats-card .ant-card-body,.daily-checkin{padding:16px}.checkin-buttons{flex-direction:column;gap:8px}.note-checkin-btn,.quick-checkin-btn{font-size:15px;height:44px;width:100%}.checkin-stats-card .ant-statistic-content{font-size:20px}}.checkin-calendar-card,.checkin-main-card,.checkin-stats-card{transition:all .3s ease}.checkin-calendar-card:hover,.checkin-main-card:hover,.checkin-stats-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.checked-in{animation:checkInSuccess .6s ease}@keyframes checkInSuccess{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.home-page{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);box-sizing:border-box;min-height:100vh;padding:24px;width:100%}.home-header{background:#fff;background:var(--theme-bg-surface,#fff);border-bottom:1px solid #00000014;border-bottom:1px solid var(--theme-border-light,#00000014);border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--theme-shadow-light,0 2px 4px #0000000d);margin:0 0 40px;padding:32px 0;text-align:center}.home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b4eff,#1890ff);background:linear-gradient(135deg,var(--theme-accent,#6b4eff),var(--theme-primary,#1890ff));-webkit-background-clip:text;background-clip:text;color:#2d3648;color:var(--theme-text-primary,#2d3648);font-size:2.5rem;font-weight:600;margin:0 0 12px;text-shadow:none}.home-subtitle{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:1.2rem;margin:0;opacity:.8}.home-content{display:flex;flex-direction:column;gap:32px;width:100%}.learning-plan-section{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:12px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a);box-sizing:border-box;overflow:hidden;padding:0;transition:all .3s ease;width:100%}.learning-plan-section:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--theme-shadow-heavy,0 8px 24px #00000026);transform:translateY(-2px)}.checkin-section{background:#0000}.achievement-section,.checkin-section{border-radius:12px;box-sizing:border-box;overflow:hidden;padding:0;width:100%}.achievement-section{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a);transition:all .3s ease}.achievement-section:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--theme-shadow-heavy,0 8px 24px #00000026);transform:translateY(-2px)}.vocabulary-section{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:12px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--theme-shadow-medium,0 4px 8px #0000001a);box-sizing:border-box;padding:24px;transition:all .3s ease;width:100%}.vocabulary-section:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--theme-shadow-heavy,0 8px 24px #00000026);transform:translateY(-2px)}.section-title{align-items:center;color:#2d3648;color:var(--theme-text-primary,#2d3648);display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0 0 20px}.section-title:before{content:"📚";font-size:1.2em}[data-theme=claude] .home-page{background:var(--theme-bg-primary)}[data-theme=claude] .achievement-section,[data-theme=claude] .home-header,[data-theme=claude] .learning-plan-section,[data-theme=claude] .vocabulary-section{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=claude] .home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--theme-accent),var(--theme-primary));-webkit-background-clip:text;background-clip:text}[data-theme=claude] .section-title{color:var(--theme-text-primary)!important}[data-theme=dark] .home-page{background:var(--theme-bg-primary)}[data-theme=dark] .home-header{box-shadow:var(--theme-shadow-medium)}[data-theme=dark] .achievement-section,[data-theme=dark] .home-header,[data-theme=dark] .learning-plan-section,[data-theme=dark] .vocabulary-section{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=dark] .home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--theme-accent),var(--theme-primary));-webkit-background-clip:text;background-clip:text}[data-theme=dark] .home-subtitle{color:var(--theme-text-secondary)}[data-theme=dark] .section-title{color:var(--theme-text-primary)}[data-theme=forest] .home-page{background:var(--theme-bg-primary)}[data-theme=forest] .achievement-section,[data-theme=forest] .home-header,[data-theme=forest] .learning-plan-section,[data-theme=forest] .vocabulary-section{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=forest] .home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--theme-accent),#10b981);background:linear-gradient(135deg,var(--theme-accent),var(--theme-success,#10b981));-webkit-background-clip:text;background-clip:text}[data-theme=forest] .home-subtitle{color:var(--theme-text-secondary)}[data-theme=forest] .section-title{color:var(--theme-text-primary)}@media (max-width:768px){.home-page{padding:16px}.home-header{border-radius:8px;margin-bottom:24px;padding:24px 16px}.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.achievement-section{border-radius:8px}.vocabulary-section{border-radius:8px;padding:16px}.section-title{font-size:1.3rem}}@media (min-width:769px){.home-page{min-height:100vh}}:root{--template-card-bg:var(--theme-bg-surface,#fff);--template-card-border:var(--theme-border-light,#00000014);--template-card-shadow:var(--theme-shadow-light,0 2px 8px #00000014);--template-card-hover-shadow:var(--theme-shadow-medium,0 4px 16px #0000001f);--template-card-title-color:var(--theme-text-primary,#2d3648);--template-card-description-color:var(--theme-text-secondary,#4b5563);--template-card-meta-color:var(--theme-text-muted,#6b727a);--template-card-gradient-start:var(--theme-bg-secondary,#f8f6f2cc);--template-card-gradient-end:var(--theme-bg-primary,#f6f4f0e6);--template-list-title-color:var(--theme-text-primary,#2d3648);--template-list-loading-color:var(--theme-text-muted,#6b727a);--template-list-bg:var(--theme-bg-primary,#f6f4f0);--template-type-free-color:#52c41a;--template-type-free-bg:#f6ffed;--template-type-free-border:#b7eb8f;--template-type-member-shared-color:#40a9ff;--template-type-member-shared-bg:#40a9ff26;--template-type-member-shared-border:#40a9ff4d;--template-type-member-exclusive-color:#b37feb;--template-type-member-exclusive-bg:#b37feb26;--template-type-member-exclusive-border:#b37feb4d;--template-type-default-color:#666;--template-type-default-bg:#f5f5f5;--template-type-default-border:#d9d9d9}.template-list-container{background:#f6f4f0;background:var(--template-list-bg);margin:0 auto;min-height:100vh;padding:24px;width:100%}.template-list-header{margin-bottom:32px;text-align:center}.template-list-title{color:#2d3648;color:var(--template-list-title-color);font-size:28px;font-weight:600;margin:0 0 8px}.template-list-subtitle{color:#6b727a;color:var(--template-card-meta-color);font-size:16px;margin:0}.template-grid{grid-gap:16px;animation:fadeIn .3s ease-out;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.notion-template-card{animation:fadeInUp .4s ease-out;background:#fff;background:var(--template-card-bg);border:1px solid #00000014;border:1px solid var(--template-card-border);border-radius:8px;box-shadow:0 2px 8px #00000014;box-shadow:var(--template-card-shadow);cursor:pointer;overflow:hidden;transition:all .15s ease}.notion-template-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--template-card-hover-shadow);transform:translateY(-1px)}.notion-card-cover{background:#00000014;background:var(--template-card-border);height:180px;overflow:hidden;position:relative}.notion-card-cover.loading{align-items:center;background:#f8f6f2cc;background:var(--template-card-gradient-start);display:flex;justify-content:center}.notion-card-cover img{height:100%;object-fit:cover;transition:transform .15s ease;width:100%}.notion-template-card:hover .notion-card-cover img{transform:scale(1.02)}.notion-card-cover-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.notion-cover-gradient{background:linear-gradient(135deg,#f8f6f2cc,#f6f4f0e6);background:linear-gradient(135deg,var(--template-card-gradient-start) 0,var(--template-card-gradient-end) 100%);height:100%;width:100%}.notion-card-content{display:flex;flex-direction:column;padding:12px 16px}.notion-card-single-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.notion-card-left{flex:1 1;min-width:0}.notion-card-left,.notion-card-right{align-items:center;display:flex;gap:8px}.notion-card-right{flex-shrink:0}.notion-card-icon{flex-shrink:0;font-size:16px}.notion-card-title{color:#2d3648;color:var(--template-card-title-color);flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notion-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--template-card-description-color);display:-webkit-box;flex:1 1;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.notion-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.notion-card-meta{align-items:center;display:flex;flex:1 1;gap:12px}.notion-card-usage{color:#6b727a;color:var(--template-card-meta-color);font-size:12px}.notion-card-usage:before{color:#00000014;color:var(--template-card-border);content:"•";margin-right:4px}.notion-card-time{color:#6b727a;color:var(--template-card-meta-color);font-size:12px;white-space:nowrap}.notion-card-type{border:1px solid;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.template-list-loading{align-items:center;color:#6b727a;color:var(--template-list-loading-color);display:flex;font-size:16px;justify-content:center;min-height:200px}.template-list-empty{color:#6b727a;color:var(--template-card-meta-color);padding:60px 20px;text-align:center}.template-filters{border-bottom:1px solid #00000014;border-bottom:1px solid var(--template-card-border);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:20px 0}.filter-category{display:flex;flex-direction:column;gap:10px}.filter-category-label{color:var(--theme-text-primary);font-size:14px;font-weight:600;margin:0}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{align-items:center;background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:16px;color:var(--theme-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-tag:hover{background-color:var(--theme-accent-light);background-color:var(--theme-primary-bg-hover,var(--theme-accent-light));color:var(--theme-accent);color:var(--theme-primary,var(--theme-accent))}.filter-tag.active,.filter-tag:hover{border-color:var(--theme-primary,var(--theme-accent))}.filter-tag.active{background-color:var(--theme-accent);background-color:var(--theme-primary,var(--theme-accent));color:#fff}.filter-tag.active:hover{opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notion-template-card:active{transform:translateY(0)}@media (max-width:768px){.template-list-container{padding:16px}.template-list-header{margin-bottom:24px}.template-list-title{font-size:24px}.template-list-subtitle{font-size:14px}.template-filters{gap:16px}.filter-category{gap:8px}.filter-category-label{font-size:13px}.filter-tags{gap:6px}.filter-tag{font-size:12px;padding:5px 10px}.template-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.template-list-container{padding:12px}.template-list-title{font-size:20px;margin-bottom:4px}.template-filters{padding:16px 0}.filter-category{gap:6px}.filter-category-label{font-size:12px}.filter-tag{font-size:11px;padding:4px 8px}.template-grid{gap:8px}.notion-card-cover{height:140px}.notion-card-content{padding:8px 12px}.notion-card-left,.notion-card-right{gap:6px}.notion-card-icon,.notion-card-title{font-size:14px}.notion-card-time{font-size:11px}.notion-card-type{font-size:9px;padding:2px 4px}}[data-theme=dark]{--template-card-bg:var(--theme-bg-surface,#1f1f1f);--template-card-border:var(--theme-border-light,#ffffff1a);--template-card-shadow:var(--theme-shadow-light,0 2px 8px #0000004d);--template-card-hover-shadow:var(--theme-shadow-medium,0 4px 16px #00000080);--template-card-title-color:var(--theme-text-primary,#fff);--template-card-description-color:var(--theme-text-secondary,#b3b3b3);--template-card-meta-color:var(--theme-text-muted,#888);--template-card-gradient-start:var(--theme-bg-secondary,#2a2a2acc);--template-card-gradient-end:var(--theme-bg-primary,#1f1f1fe6);--template-list-title-color:var(--theme-text-primary,#fff);--template-list-loading-color:var(--theme-text-muted,#888);--template-list-bg:var(--theme-bg-primary,#1a1a1a);--template-type-free-color:#73d13d;--template-type-free-bg:#73d13d26;--template-type-free-border:#73d13d4d;--template-type-member-shared-color:#40a9ff;--template-type-member-shared-bg:#40a9ff26;--template-type-member-shared-border:#40a9ff4d;--template-type-member-exclusive-color:#b37feb;--template-type-member-exclusive-bg:#b37feb26;--template-type-member-exclusive-border:#b37feb4d;--template-type-default-color:#d9d9d9;--template-type-default-bg:#d9d9d91a;--template-type-default-border:#d9d9d933}[data-theme=dark] .notion-card-cover{background:#2a2a2a;background:var(--theme-bg-secondary,#2a2a2a)}[data-theme=dark] .notion-card-usage:before{color:#fff3;color:var(--theme-border-medium,#fff3)}[data-theme=forest]{--template-card-bg:var(--theme-bg-surface,#f8fbf8);--template-card-border:var(--theme-border-light,#22c55e1a);--template-card-shadow:var(--theme-shadow-light,0 2px 8px #22c55e14);--template-card-hover-shadow:var(--theme-shadow-medium,0 4px 16px #22c55e1f);--template-card-title-color:var(--theme-text-primary,#1f2937);--template-card-description-color:var(--theme-text-secondary,#374151);--template-card-meta-color:var(--theme-text-muted,#6b7280);--template-card-gradient-start:var(--theme-bg-secondary,#ecfdf5cc);--template-card-gradient-end:var(--theme-bg-primary,#f0fdf4e6);--template-list-title-color:var(--theme-text-primary,#1f2937);--template-list-loading-color:var(--theme-text-muted,#6b7280);--template-list-bg:var(--theme-bg-primary,#f0fdf4);--template-type-free-color:#22c55e;--template-type-free-bg:#dcfce7;--template-type-free-border:#86efac;--template-type-member-shared-color:#0ea5e9;--template-type-member-shared-bg:#e0f2fe;--template-type-member-shared-border:#7dd3fc;--template-type-member-exclusive-color:#8b5cf6;--template-type-member-exclusive-bg:#ede9fe;--template-type-member-exclusive-border:#c4b5fd;--template-type-default-color:#6b7280;--template-type-default-bg:#f3f4f6;--template-type-default-border:#d1d5db}[data-theme=forest] .notion-card-cover{background:#ecfdf5;background:var(--theme-bg-secondary,#ecfdf5)}[data-theme=forest] .notion-card-usage:before{color:#22c55e;color:var(--theme-accent,#22c55e)}[data-theme=forest] .notion-template-card:hover{border-color:#22c55e;border-color:var(--theme-accent,#22c55e)}[data-theme=claude]{--template-card-bg:var(--theme-bg-surface,#fff);--template-card-border:var(--theme-border-light,#2d364814);--template-card-shadow:var(--theme-shadow-light,0 2px 8px #2d364814);--template-card-hover-shadow:var(--theme-shadow-medium,0 4px 16px #2d36481f);--template-card-title-color:var(--theme-text-primary,#2d3648);--template-card-description-color:var(--theme-text-secondary,#4b5563);--template-card-meta-color:var(--theme-text-muted,#6b727a);--template-card-gradient-start:var(--theme-bg-secondary,#f8f6f2cc);--template-card-gradient-end:var(--theme-bg-primary,#f6f4f0e6);--template-list-title-color:var(--theme-text-primary,#2d3648);--template-list-loading-color:var(--theme-text-muted,#6b727a);--template-list-bg:var(--theme-bg-primary,#f6f4f0);--template-type-free-color:#52c41a;--template-type-free-bg:#f6ffed;--template-type-free-border:#b7eb8f;--template-type-member-shared-color:#1890ff;--template-type-member-shared-bg:#f0f8ff;--template-type-member-shared-border:#91d5ff;--template-type-member-exclusive-color:#722ed1;--template-type-member-exclusive-bg:#f9f0ff;--template-type-member-exclusive-border:#d3adf7;--template-type-default-color:#666;--template-type-default-bg:#f5f5f5;--template-type-default-border:#d9d9d9}[data-theme=claude] .notion-card-cover{background:#2d364814;background:var(--theme-border-light,#2d364814)}[data-theme=claude] .notion-card-usage:before{color:#2d364833;color:var(--theme-border-medium,#2d364833)}[data-theme=claude] .notion-template-card:hover{border-color:#2d36481f;border-color:var(--theme-border-medium,#2d36481f)}[data-theme=white]{--template-card-bg:var(--theme-bg-surface,#fff);--template-card-border:var(--theme-border-light,#0000000d);--template-card-shadow:var(--theme-shadow-light,0 2px 4px #0000000d);--template-card-hover-shadow:var(--theme-shadow-medium,0 4px 12px #00000014);--template-card-title-color:var(--theme-text-primary,#212529);--template-card-description-color:var(--theme-text-secondary,#495057);--template-card-meta-color:var(--theme-text-muted,#6c757d);--template-card-gradient-start:var(--theme-bg-secondary,#fafafacc);--template-card-gradient-end:var(--theme-bg-primary,#ffffffe6);--template-list-title-color:var(--theme-text-primary,#212529);--template-list-loading-color:var(--theme-text-muted,#6c757d);--template-list-bg:var(--theme-bg-primary,#fff);--template-type-free-color:#198754;--template-type-free-bg:#d1e7dd;--template-type-free-border:#a3cfbb;--template-type-member-shared-color:#0d6efd;--template-type-member-shared-bg:#cff4fc;--template-type-member-shared-border:#9eeaf9;--template-type-member-exclusive-color:#6f42c1;--template-type-member-exclusive-bg:#e2d9f3;--template-type-member-exclusive-border:#c5a3f0;--template-type-default-color:#495057;--template-type-default-bg:#f8f9fa;--template-type-default-border:#dee2e6}[data-theme=white] .notion-card-cover{background:#f8f9fa;background:var(--theme-bg-light,#f8f9fa)}[data-theme=white] .notion-card-usage:before{color:#0000001f;color:var(--theme-border-medium,#0000001f)}[data-theme=white] .notion-template-card:hover{border-color:#0000001f;border-color:var(--theme-border-medium,#0000001f)}.vocabulary-book{background:#f6f4f0;background:var(--theme-bg-primary,#f6f4f0);min-height:100%;padding:20px}.vocabulary-toolbar{align-items:center;justify-content:space-between}.vocabulary-stats,.vocabulary-toolbar{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--theme-shadow-light,0 2px 4px #0000000d);display:flex;margin-bottom:20px;padding:16px}.vocabulary-stats{gap:20px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#4b5563;color:var(--theme-text-secondary,#4b5563);font-size:14px;font-weight:500}.stat-value{color:#1f2937;color:var(--theme-text-primary,#1f2937);font-size:20px;font-weight:600}.stat-value.unmastered{color:#1890ff;color:var(--theme-primary,#1890ff)}.stat-value.mastered{color:#10b981;color:var(--theme-success,#10b981)}.vocabulary-table-container{background:#fff;background:var(--theme-bg-surface,#fff);border:1px solid #00000014;border:1px solid var(--theme-border-light,#00000014);border-radius:8px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--theme-shadow-medium,0 2px 8px #0000000f);overflow:hidden}.vocabulary-table-container .ant-table{background:#0000}.vocabulary-table-container .ant-table-thead>tr>th{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);font-weight:600}.vocabulary-table-container .ant-table-tbody>tr>td,.vocabulary-table-container .ant-table-thead>tr>th{border-color:#00000014;border-color:var(--theme-border-light,#00000014);color:#1f2937;color:var(--theme-text-primary,#1f2937);padding:16px 12px}.vocabulary-table-container .ant-table-tbody>tr>td{background:#fff;background:var(--theme-bg-surface,#fff);transition:background-color .2s ease}.vocabulary-table-container .ant-table-tbody>tr:hover>td{background:#6b4eff0d!important;background:var(--theme-bg-hover,#6b4eff0d)!important}.vocabulary-table-container .ant-table-placeholder{background:#fff;background:var(--theme-bg-surface,#fff);color:#6b7280;color:var(--theme-text-secondary,#6b7280)}.vocabulary-table-container .ant-switch{background-color:#d1d5db;background-color:var(--theme-text-disabled,#d1d5db)}.vocabulary-table-container .ant-switch-checked{background-color:#10b981;background-color:var(--theme-success,#10b981)}.vocabulary-table-container .ant-switch:focus{box-shadow:0 0 0 2px #1890ff33;box-shadow:0 0 0 2px var(--theme-primary-opacity,#1890ff33)}.vocabulary-table-container .ant-pagination{background:#0000;margin:16px}.vocabulary-table-container .ant-pagination .ant-pagination-item{background:#fff;background:var(--theme-bg-surface,#fff);border-color:#00000014;border-color:var(--theme-border-light,#00000014)}.vocabulary-table-container .ant-pagination .ant-pagination-item a{color:#1f2937;color:var(--theme-text-primary,#1f2937)}.vocabulary-table-container .ant-pagination .ant-pagination-item-active{background:#1890ff;background:var(--theme-primary,#1890ff);border-color:#1890ff;border-color:var(--theme-primary,#1890ff)}.vocabulary-table-container .ant-pagination .ant-pagination-item-active a{color:#fff}[data-theme=claude] .vocabulary-book{background:var(--theme-bg-primary)}[data-theme=claude] .vocabulary-stats,[data-theme=claude] .vocabulary-table-container,[data-theme=claude] .vocabulary-toolbar{background:var(--theme-bg-surface);border-color:var(--theme-border-light);box-shadow:var(--theme-shadow-light)}[data-theme=claude] .vocabulary-table-container .ant-table-thead>tr>th{background:var(--theme-bg-secondary);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=claude] .vocabulary-table-container .ant-table-tbody>tr>td{background:var(--theme-bg-surface);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=claude] .vocabulary-table-container .ant-table-tbody>tr:hover>td{background:#6b4eff14!important;background:var(--theme-bg-hover,#6b4eff14)!important}[data-theme=claude] .vocabulary-table-container .ant-switch-checked{background-color:var(--theme-accent)}[data-theme=claude] .vocabulary-table-container .ant-pagination .ant-pagination-item-active{background:var(--theme-accent);border-color:var(--theme-accent)}[data-theme=claude] .stat-value.unmastered{color:var(--theme-accent)}[data-theme=dark] .vocabulary-book{background:var(--theme-bg-primary)}[data-theme=dark] .vocabulary-stats,[data-theme=dark] .vocabulary-table-container,[data-theme=dark] .vocabulary-toolbar{background:var(--theme-bg-surface);border-color:var(--theme-border-light);box-shadow:var(--theme-shadow-medium)}[data-theme=dark] .vocabulary-table-container .ant-table-thead>tr>th{background:var(--theme-bg-secondary);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=dark] .vocabulary-table-container .ant-table-tbody>tr>td{background:var(--theme-bg-surface);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=dark] .vocabulary-table-container .ant-table-tbody>tr:hover>td{background:#c92edd1f!important;background:var(--theme-bg-hover,#c92edd1f)!important}[data-theme=dark] .vocabulary-table-container .ant-table-placeholder{background:var(--theme-bg-surface);color:var(--theme-text-secondary)}[data-theme=dark] .vocabulary-table-container .ant-switch-checked{background-color:var(--theme-accent)}[data-theme=dark] .vocabulary-table-container .ant-pagination .ant-pagination-item{background:var(--theme-bg-surface);border-color:var(--theme-border-light)}[data-theme=dark] .vocabulary-table-container .ant-pagination .ant-pagination-item a{color:var(--theme-text-primary)}[data-theme=dark] .vocabulary-table-container .ant-pagination .ant-pagination-item-active{background:var(--theme-accent);border-color:var(--theme-accent)}[data-theme=dark] .stat-label{color:var(--theme-text-secondary)}[data-theme=dark] .stat-value{color:var(--theme-text-primary)}[data-theme=dark] .stat-value.unmastered{color:var(--theme-accent)}[data-theme=forest] .vocabulary-book{background:var(--theme-bg-primary)}[data-theme=forest] .vocabulary-stats,[data-theme=forest] .vocabulary-table-container,[data-theme=forest] .vocabulary-toolbar{background:var(--theme-bg-surface);border-color:var(--theme-border-light);box-shadow:var(--theme-shadow-light)}[data-theme=forest] .vocabulary-table-container .ant-table-thead>tr>th{background:var(--theme-bg-secondary);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=forest] .vocabulary-table-container .ant-table-tbody>tr>td{background:var(--theme-bg-surface);border-color:var(--theme-border-light);color:var(--theme-text-primary)}[data-theme=forest] .vocabulary-table-container .ant-table-tbody>tr:hover>td{background:#748b7514!important;background:var(--theme-bg-hover,#748b7514)!important}[data-theme=forest] .vocabulary-table-container .ant-switch-checked{background-color:var(--theme-accent)}[data-theme=forest] .vocabulary-table-container .ant-pagination .ant-pagination-item-active{background:var(--theme-accent);border-color:var(--theme-accent)}[data-theme=forest] .stat-value.unmastered{color:var(--theme-accent)}@media (max-width:768px){.vocabulary-book{padding:16px}.vocabulary-toolbar{align-items:stretch}.vocabulary-stats,.vocabulary-toolbar{flex-direction:column;gap:12px;padding:12px}.stat-item{background:#f8f6f2;background:var(--theme-bg-secondary,#f8f6f2);border:1px solid #0000000d;border:1px solid var(--theme-border-light,#0000000d);border-radius:6px;flex-direction:row;justify-content:space-between;padding:8px}.vocabulary-table-container{border-radius:8px;margin:0}.vocabulary-table-container .ant-table{font-size:14px}.vocabulary-table-container .ant-table-tbody>tr>td,.vocabulary-table-container .ant-table-thead>tr>th{padding:12px 8px}}.vocabulary-table-container .ant-spin-container,.vocabulary-toolbar .ant-select{background:#fff;background:var(--theme-bg-surface,#fff)}.vocabulary-toolbar .ant-select{border-color:#00000014;border-color:var(--theme-border-light,#00000014)}.vocabulary-toolbar .ant-select:hover{border-color:#1890ff;border-color:var(--theme-primary,#1890ff)}.vocabulary-toolbar .ant-btn,.vocabulary-toolbar .ant-select-selection-item{color:#1f2937;color:var(--theme-text-primary,#1f2937)}.vocabulary-toolbar .ant-btn{background:#fff;background:var(--theme-bg-surface,#fff);border-color:#00000014;border-color:var(--theme-border-light,#00000014)}.vocabulary-toolbar .ant-btn:hover{border-color:#1890ff;border-color:var(--theme-primary,#1890ff);color:#1890ff;color:var(--theme-primary,#1890ff)}.review-statistics-screen{background:#f5f5f5;min-height:100vh}.review-statistics-content{padding:24px}.review-nav-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;box-shadow:0 1px 2px #0000000d}.review-title{color:#111827;font-size:18px;font-weight:500;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.review-statistics-content .review-statistics-module{margin:0 auto;width:100%}.review-statistics-content .statistics-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.review-statistics-content .word-list-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;width:100%}.back-header{align-items:center;background:#0000;color:#333;display:flex;font-size:17px;height:44px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:100}.small-logo{border-radius:6px;height:24px;margin-right:8px;width:24px}.invite-screen{align-items:center;background:linear-gradient(180deg,#a5d6a7,#81c784);display:flex;flex-direction:column;min-height:100vh;padding:64px 20px 20px}.invite-content{max-width:400px;padding:20px;text-align:center;width:100%}.app-icon-container{background:#ffffffe6;border-radius:24px;box-shadow:0 4px 20px #0000001a;height:120px;margin:0 auto 24px;padding:4px;width:120px}.app-icon{border-radius:20px;height:100%;object-fit:cover;width:100%}h1{color:#333;font-size:24px;margin-bottom:12px}.app-tag{color:#666;font-size:14px;margin-bottom:24px}.invite-tip{background:#ffffffe6;border-radius:12px;margin:0 auto 24px;max-width:300px;padding:16px}.tip-title{color:#333;font-size:16px;font-weight:500;margin-bottom:8px}.tip-content{color:#666;font-size:14px;line-height:1.6}.invite-code{background:#f5f5f5;border-radius:4px;color:#333;display:inline-block;font-weight:500;margin:0 4px;padding:2px 8px}.ios-button{background:#000!important;border-color:#000!important;border-radius:8px;box-shadow:0 2px 8px #0003;font-size:16px;height:44px;padding:0 32px}.ios-button:hover{opacity:.9}.browser-guide-modal .ant-modal-content{border-radius:12px;padding:24px}.browser-guide-modal .ant-modal-close{color:#999}.guide-content{text-align:center}.guide-title{color:#333;font-size:18px;font-weight:500;margin-bottom:12px}.guide-desc{color:#666;font-size:14px;margin-bottom:24px}.guide-steps{background:#f8f8f8;border-radius:8px;margin-bottom:24px;padding:16px;text-align:left}.step{align-items:center;display:flex;margin-bottom:12px}.step:last-child{margin-bottom:0}.step-num{align-items:center;background:#e6f3ff;border-radius:50%;color:#1890ff;display:flex;font-size:12px;height:20px;justify-content:center;margin-right:8px;width:20px}.guide-btn{font-size:16px;height:40px}@media screen and (max-width:480px){.invite-content{padding:0 16px}.invite-tip{margin:0 12px 20px}.browser-guide-modal{margin:0 12px}}.page-layout{min-height:100vh}.nav-placeholder{height:64px}.page-content{flex:1 1}.page-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:16px}.hero-content p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.container{margin:0 auto;max-width:1200px;padding:0 20px}.features-detail{background:#f8f9fa;padding:80px 0}.features-detail h2{color:#333;font-size:2.5rem;margin-bottom:48px;text-align:center}.detail-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:48px}.detail-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:32px;transition:transform .3s ease}.detail-item:hover{transform:translateY(-4px)}.detail-item h3{color:#333;font-size:1.3rem;margin-bottom:16px}.detail-item p{color:#666;line-height:1.6}.help-guides{padding:80px 0}.help-guides h2{color:#333;font-size:2.5rem;margin-bottom:48px;text-align:center}.guides-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.guide-item{background:#fff;border-left:4px solid #1890ff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:32px}.guide-item h3{color:#333;font-size:1.2rem;margin-bottom:16px}.guide-item p{color:#666;line-height:1.6;margin-bottom:16px}.guide-item ul{list-style:none;padding:0}.guide-item li{color:#666;padding:8px 0 8px 20px;position:relative}.guide-item li:before{color:#1890ff;content:"→";font-weight:700;left:0;position:absolute}.contact-support{background:#f8f9fa;padding:80px 0;text-align:center}.contact-support h2{color:#333;font-size:2rem;margin-bottom:16px}.contact-support p{color:#666;font-size:1.1rem;margin-bottom:32px}.contact-methods{display:flex;flex-wrap:wrap;gap:48px;justify-content:center}.contact-item{text-align:left}.contact-item strong{color:#333;display:block;margin-bottom:8px}.contact-item a{color:#1890ff;font-size:1.1rem;text-decoration:none}.contact-item a:hover{text-decoration:underline}.about-content{padding:80px 0}.about-section{margin-bottom:64px}.about-section h2{color:#333;font-size:2rem;margin-bottom:24px}.about-section p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:16px}.team-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:48px}.team-member{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:32px;text-align:center}.team-member img{border-radius:50%;height:100px;margin-bottom:16px;object-fit:cover;width:100px}.team-member h4{color:#333;margin-bottom:8px}.team-member .role{color:#1890ff;margin-bottom:16px}.team-member p{color:#666;font-size:.9rem}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.detail-grid,.guides-grid{grid-template-columns:1fr}.contact-methods{flex-direction:column;gap:24px}.about-content,.features-detail,.help-guides,.page-hero{padding:60px 0}}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}
/*# sourceMappingURL=main.2736cd34.css.map*/