@charset "UTF-8";.list-move,.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.list-leave-active{position:absolute}.fade-enter-active,.fade-leave-active{transition:all .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shakeBottom{10%,90%{transform:translate3d(-1px,.3rem,0)}20%,80%{transform:translate3d(2px,.3rem,0)}30%,50%,70%{transform:translate3d(-4px,.3rem,0)}40%,60%{transform:translate3d(4px,.3rem,0)}}.go-enter-from{transform:translate3d(100%,0,0)}.back-enter-to,.back-enter-from,.go-enter-to,.go-leave-from{transform:translateZ(0)}.go-leave-to{transform:translate3d(-100%,0,0)}.go-enter-active,.go-leave-active,.back-enter-active,.back-leave-active{transition:all .3s}.back-enter-from{transform:translate3d(-100%,0,0)}.back-leave-to{transform:translate3d(100%,0,0)}:root{--color-reverse-white: white;--color-reverse-black: black;--bg-history: white;--color-item-bg: rgb(228, 230, 232);--color-item-hover: white;--color-item-active: rgb(253, 246, 236);--color-item-border: rgb(226, 226, 226);--color-tooltip-bg: white;--color-tooltip-shadow: #d9d9d9;--color-font-2: rgb(46, 46, 46);--color-font-3: rgb(75, 85, 99);--color-font-active-1: white;--color-scrollbar: rgb(147, 173, 227);--color-sub-gray: #c0bfbf;--article-width: 50vw;--article-toolbar-width: 50vw;--article-panel-width: 20rem;--article-panel-margin-left: calc(50% + var(--article-width) / 2 + 1rem);--toolbar-width: 50rem;--panel-width: 24rem;--space: .9rem;--stat-gap: 1rem;--shadow: rgba(0, 0, 0, .08) 0px 4px 12px;--word-panel-margin-left: calc(50% + var(--toolbar-width) / 2 + 1rem);--anim-time: .5s;--color-input-color: black;--color-input-bg: white;--color-input-border: #bfbfbf;--color-input-icon: #d3d4d7;--color-textarea-bg: white;--color-article: black;--aside-width: 12rem;--font-family: -apple-system, sans-serif;--word-font-family: ui-monospace, sans-serif;--en-article-family: Georgia, sans-serif;--zh-article-family: "Songti SC", "SimSun", "Noto Serif CJK SC", serif;--btn-primary: rgb(75, 85, 99);--btn-info: white;--color-primary: #E6E8EB;--color-second: rgb(247, 247, 247);--color-third: rgb(226 232 240 / 1);--color-fourth: rgb(193, 193, 193);--color-card-active: #FED7AA;--color-list-item-active: rgb(253, 246, 236);--color-icon-hightlight: rgb(12, 140, 233);--color-sub-text: gray;--color-main-text: rgb(91, 91, 91);--color-select-bg: rgb(12, 140, 233);--color-select-text: white;--color-notice-bg: rgb(247, 247, 247);--color-progress-bar: #d1d5df !important}.footer.hide{--color-progress-bar: #dbdbdb !important}html.dark{--color-reverse-white: black;--color-reverse-black: white;--color-primary: #0E1217;--color-second: rgb(30, 31, 34);--color-third: rgb(43, 45, 48);--color-card-active: rgb(84, 84, 84);--color-list-item-active: rgb(84, 84, 84);--color-icon-hightlight: rgb(147, 173, 227);--color-sub-text: #b8b8b8;--color-main-text: rgba(249, 250, 251, .8);--color-select-bg: rgb(147, 173, 227);--color-select-text: black;--color-notice-bg: rgb(43, 45, 48);--bg-history: rgb(43, 45, 48);--color-item-bg: rgb(43, 45, 48);--color-item-hover: rgb(67, 69, 74);--color-item-active: rgb(84, 84, 84);--color-item-border: rgb(41, 41, 41);--color-tooltip-bg: #252525;--color-tooltip-shadow: #3b3b3b;--color-font-2: rgba(255, 255, 255, .5);--color-font-3: rgba(255, 255, 255, .3);--color-sub-gray: #383737;--color-scrollbar: rgb(92, 93, 94);--btn-info: transparent;--color-input-color: white;--color-input-bg: rgba(14, 18, 23, 1);--color-input-icon: #383737;--color-textarea-bg: rgb(43, 45, 48);--color-article: white;--color-progress-bar: rgb(73, 77, 82) !important}html.dark .footer.hide{--color-progress-bar: var(--color-third) !important}@media (max-width: 1720px){:root{--toolbar-width: 50vw;--panel-width: 20vw;--space: .5rem;--article-toolbar-width: 50rem;--article-panel-width: 18rem}}@media (max-width: 1366px){:root{--panel-width: 20vw;--toolbar-width: 50vw;--stat-gap: .5rem;--space: .3rem;--article-toolbar-width: 40rem;--article-panel-width: 16rem}}.anim,.book{transition:background var(--anim-time),color var(--anim-time),border var(--anim-time),opacity var(--anim-time)}.en-article-family{font-family:var(--en-article-family)}.font-family{font-family:var(--font-family)}html,body{padding:0;margin:0;overflow-x:hidden;color:var(--color-main-text);font-family:var(--font-family);background:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;z-index:1;height:100%;width:100%;font-size:.9rem;display:flex;flex-direction:column}.mobile-page{position:fixed;inset:0;overflow:auto;font-size:18rem;width:100vw;height:100vh;display:flex;flex-direction:column}.mobile-page>.page-content{padding:10rem;box-sizing:border-box;overflow:auto}#app{width:100vw;min-height:100vh}a{color:#409eff;text-decoration:none}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:.5rem;height:.6rem}::-webkit-scrollbar-track{background:transparent;border-radius:.1rem}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:.6rem}}.panel-page-item{display:flex;flex-direction:column;height:100%;padding-bottom:var(--space);box-sizing:border-box}.scroll{padding:0 var(--space);flex:1;overflow:auto}.virtual-list{overflow:overlay;height:100%;padding:0 var(--space)}.list-item-wrapper{padding-bottom:1rem}.common-list-item{cursor:pointer;width:100%;box-sizing:border-box;background:var(--color-item-bg);color:var(--color-main-text);font-size:1.1rem;border-radius:.5rem;display:flex;justify-content:space-between;transition:all .3s;padding:.6rem;gap:.6rem;border:1px solid var(--color-item-border)}.common-list-item .left{display:flex;gap:.6rem}.common-list-item .left .title-wrapper{display:flex;flex-direction:column;gap:.2rem;word-break:break-word}.common-list-item .right{display:flex;flex-direction:column;gap:.1rem;transition:all .3s}.common-list-item svg{opacity:0}.common-list-item.active,.common-list-item:hover{background:var(--color-list-item-active)}.common-list-item.active .item-sub-title,.common-list-item:hover .item-sub-title{color:var(--color-sub-text)}.common-list-item .fill svg{opacity:1!important}.common-list-item:hover svg{opacity:1}.common-list-item .item-title{display:flex;align-items:center;gap:.5rem;color:var(--color-main-text)}.common-list-item .item-title span{flex-shrink:0}.common-list-item .item-title .word{font-size:1.2rem;display:flex}.common-list-item .item-title .phonetic{font-size:.9rem;color:gray}.common-list-item .item-sub-title{font-size:1rem;color:gray}.word-shadow{color:transparent!important;text-shadow:#b0b0b0 0 0 .5rem;-webkit-user-select:none;user-select:none}.common-title{min-height:2.8rem;font-size:1.1rem;color:var(--color-main-text);display:flex;justify-content:center;align-items:center}.slide{flex:1;width:100%;transition:height .3s;position:relative;overflow:hidden}.slide .slide-infinite{z-index:1;margin-top:0;transition:all .3s}.slide .slide-list{height:100%;width:100%;display:flex;position:relative}.container2{width:50%;padding-top:1.25rem}.center{display:flex;align-items:center;justify-content:center}.card{position:relative;margin-bottom:1.25rem;box-sizing:border-box;border-radius:.75rem;padding:1rem;background:var(--color-second)}.inline-center{display:inline-flex;align-items:center;justify-content:center}.title{font-size:1.125rem;line-height:1.75rem;font-weight:500}.book{position:relative;display:flex;flex-shrink:0;flex-direction:column;cursor:pointer;justify-content:space-between;border-radius:.375rem;background-color:var(--color-third);padding:.75rem;width:6rem;height:8.4rem}.book:hover{background-color:var(--color-card-active)}.line{width:100%;border-bottom:1px solid var(--color-item-border)}.line-white{width:100%;border-bottom:1px dashed #ababab}.page-title{font-size:1.5rem;line-height:2rem}.red-point{position:absolute;right:.75rem;width:.75rem;height:.75rem;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity))}.cursor{position:absolute;left:0;top:0;height:1.8rem;animation:underline 1s infinite steps(1,start)}@keyframes underline{0%,to{border-left:.1rem solid var(--color-article)}50%{border-left:.1rem solid transparent}}#typing-listener{position:fixed;right:0;bottom:0;z-index:9999;height:3rem}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}.gap-space{gap:var(--space)}.border-item{border-color:var(--color-item-border)}.bg-third{background-color:var(--color-third)}.px-space{padding-left:var(--space);padding-right:var(--space)}.color-main{color:var(--color-main-text)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.bottom-1{bottom:.25rem}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.top-\[100\%\]{top:100%}.top-0{top:0}.top-1{top:.25rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.z-1{z-index:1}.z-2{z-index:2}.grid{display:grid}.col-span-full{grid-column:1/-1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m-0,.m0{margin:0}.my,.my-4{margin-top:1rem;margin-bottom:1rem}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-ml-3{margin-left:-.75rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-50{margin-bottom:12.5rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-26{margin-top:6.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.box-border{box-sizing:border-box}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-\[95vh\]{height:95vh}.h-0{height:0}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-8{height:2rem}.h-80vh{height:80vh}.h-full{height:100%}.h-screen{height:100vh}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.max-h-60vh{max-height:60vh}.min-h-200{min-height:50rem}.min-h-50{min-height:12.5rem}.min-h-screen{min-height:100vh}.w-\[70vw\]{width:70vw}.w-0{width:0}.w-10{width:2.5rem}.w-100{width:25rem}.w-12{width:3rem}.w-120,.w-30rem{width:30rem}.w-14{width:3.5rem}.w-150{width:37.5rem}.w-20{width:5rem}.w-3\/10{width:30%}.w-4\/10{width:40%}.w-50{width:12.5rem}.w-50\!{width:12.5rem!important}.w-60{width:15rem}.w-8{width:2rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-\[2\]{flex:2}.flex-\[3\]{flex:3}.flex-\[4\]{flex:4}.flex-\[7\]{flex:7}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.border-collapse{border-collapse:collapse}.transform-rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.resize-none{resize:none}.items-start{align-items:flex-start}.items-start\!{align-items:flex-start!important}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0\!{gap:0!important}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-40{gap:10rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.b,.border{border-width:1px}.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-lt-md{border-top-left-radius:.375rem}.rounded-rt-md{border-top-right-radius:.375rem}.border-none{border-style:none}.border-solid{border-style:solid}.bg-\[\#409eff\]{--un-bg-opacity:1;background-color:rgb(64 158 255 / var(--un-bg-opacity))}.bg-\[var\(--bg-history\)\]{background-color:var(--bg-history)}.bg-black\/10{background-color:#0000001a}.bg-blue-600{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity))}.bg-green-200{--un-bg-opacity:1;background-color:rgb(187 247 208 / var(--un-bg-opacity))}.bg-green-600{--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity))}.bg-green\!{--un-bg-opacity:1 !important;background-color:rgb(74 222 128 / var(--un-bg-opacity))!important}.bg-red-200{--un-bg-opacity:1;background-color:rgb(254 202 202 / var(--un-bg-opacity))}.bg-red-400{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.hover\:bg-gray-300:hover{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity))}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.text-align-center,.text-center{text-align:center}.text-align-end{text-align:end}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-lg\!{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity))}.color-gray,.text-gray,.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity))}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity))}.color-red,.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.color-red\!,.text-red\!{--un-text-opacity:1 !important;color:rgb(248 113 113 / var(--un-text-opacity))!important}.color-white,.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\:text-blue-500:hover{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.color-\[\#409eff\]{--un-text-opacity:1;color:rgb(64 158 255 / var(--un-text-opacity))}.color-black\/60{color:#0009}.color-black\/70{color:#000000b3}.color-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.color-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.line-height-\[2\]{line-height:2}.line-height-1\.4rem\!{line-height:1.4rem!important}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width: 1536px){.\32xl\:w-\[50vw\]{width:50vw}}.icon-wrapper[data-v-33927ce9]{cursor:pointer;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.3rem;background:transparent;transition:all .3s}.icon-wrapper[data-v-33927ce9]:hover:not(.disabled,.noBg){background:var(--color-icon-hightlight)}.icon-wrapper[data-v-33927ce9]:hover:not(.disabled,.noBg) svg{color:#fff}.icon-wrapper.disabled[data-v-33927ce9]{cursor:not-allowed;opacity:.3}.icon-wrapper[data-v-33927ce9] svg{width:1.4rem;height:1.4rem}.page[data-v-49467802]{min-height:calc(100vh - 1.2rem);margin-top:1.2rem}.progress[data-v-023f45ee]{position:relative;width:100%;display:flex;align-items:center}.progress .progress-bar[data-v-023f45ee]{width:100%;border-radius:100px;background-color:var(--color-progress-bar);overflow:hidden;position:relative;vertical-align:middle}.progress .progress-bar .progress-bar-inner[data-v-023f45ee]{position:relative;height:100%;border-radius:100px;transition:width .6s ease;text-align:right}.progress .progress-bar .progress-bar-inner .progress-bar-text[data-v-023f45ee]{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px;white-space:nowrap}.progress .progress-bar-text[data-v-023f45ee]{margin-left:5px;min-width:50px;color:var(--el-text-color-regular);font-size:14px;text-align:center}.checkbox[data-v-7b447cb0]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[data-v-7b447cb0]{display:none}.checkbox .checkbox-box[data-v-7b447cb0]{position:relative;width:16px;height:16px;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff;margin-right:8px;transition:all .3s}.checkbox .checkbox-box .checkbox-inner[data-v-7b447cb0]{position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:#409eff;opacity:0;transition:opacity .3s;border-radius:1px}.checkbox input:checked+.checkbox-box .checkbox-inner[data-v-7b447cb0]{opacity:1}.checkbox:hover .checkbox-box[data-v-7b447cb0]{border-color:#409eff}.checkbox .checkbox-label[data-v-7b447cb0]{font-size:14px;color:#606266}.book-card[data-v-b0d4dbbe]{position:relative;cursor:pointer;background:var(--color-second);border-radius:.75rem;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;width:160px;box-shadow:0 2px 8px #00000014}.book-card[data-v-b0d4dbbe]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.book-card.add-card[data-v-b0d4dbbe]{width:160px;height:220px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-item-border);background:transparent}.book-card.add-card .add-button[data-v-b0d4dbbe]{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-sub-gray)}.book-cover[data-v-b0d4dbbe]{position:relative;width:100%;height:140px;overflow:hidden;background:#f0f0f0;flex-shrink:0}.book-cover img[data-v-b0d4dbbe]{width:100%;height:100%;object-fit:cover}.book-info[data-v-b0d4dbbe]{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.book-title[data-v-b0d4dbbe]{font-size:.85rem;font-weight:600;color:var(--color-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-description[data-v-b0d4dbbe]{font-size:.7rem;color:#666;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-count[data-v-b0d4dbbe]{font-size:.7rem;color:var(--color-sub-gray);margin-top:.15rem}.book-progress[data-v-b0d4dbbe]{margin-top:.5rem}.book-checkbox[data-v-b0d4dbbe]{position:absolute;left:.75rem;bottom:.75rem}.custom[data-v-b0d4dbbe]{position:absolute;top:8px;right:-28px;padding:2px 32px;background:#fffffff2;color:#4caf50;font-size:.7rem;font-weight:600;transform:rotate(45deg);box-shadow:0 2px 4px #0000001a}.line-clamp-2[data-v-b0d4dbbe]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pop-confirm-content[data-v-ee100b9f]{position:fixed;background:var(--color-tooltip-bg);padding:1rem;border-radius:.3rem;transform:translate(-50%,calc(-100% - .6rem));box-shadow:0 0 6px 1px var(--color-tooltip-shadow);z-index:999}.pop-confirm-content .text[data-v-ee100b9f]{color:var(--color-font-1);text-align:start;font-size:1rem;width:9rem;min-width:9rem}.pop-confirm-content .options[data-v-ee100b9f]{margin-top:.9rem;display:flex;justify-content:flex-end;align-items:center;gap:.7rem;font-size:.9rem}.pop-confirm-content .options div[data-v-ee100b9f]{cursor:pointer}.pop-confirm-content .options .main[data-v-ee100b9f]{color:gray;background:#e2e2e2;padding:.2rem .6rem;border-radius:.24rem}.radio[data-v-badb56d5]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.radio.is-disabled[data-v-badb56d5]{cursor:not-allowed;opacity:.6}.radio .radio__inner[data-v-badb56d5]{width:16px;height:16px;border-radius:50%;display:inline-block;margin-right:6px;position:relative;box-sizing:border-box;background:#fff}.radio .radio__inner[data-v-badb56d5]:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background-color:#409eff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in-out}.radio .radio__label[data-v-badb56d5]{font-size:14px;color:#606266}.radio.is-checked .radio__inner[data-v-badb56d5]{background-color:#409eff}.radio.is-checked .radio__label[data-v-badb56d5]{color:#409eff}.radio.is-checked .radio__inner[data-v-badb56d5]:after{background-color:#fff;transform:translate(-50%,-50%) scale(1)}.radio--small .radio__inner[data-v-badb56d5]{width:14px;height:14px}.radio--large .radio__inner[data-v-badb56d5]{width:20px;height:20px}.custom-slider[data-v-1d9b6482]{position:relative;width:100%;height:24px;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer}.custom-slider.is-disabled[data-v-1d9b6482]{opacity:.5;cursor:not-allowed}.custom-slider__track[data-v-1d9b6482]{position:absolute;top:50%;left:0;right:0;height:6px;background-color:#ddd;border-radius:2px;transform:translateY(-50%)}.custom-slider__fill[data-v-1d9b6482]{position:absolute;top:50%;left:0;height:6px;background-color:#409eff;border-radius:2px 0 0 2px;transform:translateY(-50%);pointer-events:none}.custom-slider__thumb[data-v-1d9b6482]{position:absolute;top:50%;width:16px;height:16px;background-color:#fff;border:2px solid #409eff;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:box-shadow .2s}.custom-slider__thumb[data-v-1d9b6482]:focus{outline:none;box-shadow:0 0 5px #409eff;cursor:grabbing}.custom-slider__value[data-v-1d9b6482]{position:absolute;top:100%;left:50%;transform:translate(-50%,4px);font-size:.75rem;color:#666;-webkit-user-select:none;user-select:none}.mini-row-title{min-height:2rem;text-align:center;font-size:1rem;font-weight:700;color:var(--color-font-1)}.mini-row{min-height:2rem;display:flex;justify-content:space-between;align-items:center;gap:var(--space);color:var(--color-font-1);word-break:keep-all}.mini-modal{position:absolute;z-index:9;width:12rem;background:var(--color-second);border-radius:.5rem;box-shadow:0 0 8px 2px var(--color-item-border);padding:.6rem var(--space);left:50%;transform:translate3d(-50%,0,0)}.empty[data-v-37709c16]{width:100%;height:100%;min-height:18rem;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:.9rem;gap:1.3rem}.empty span[data-v-37709c16]{font-family:var(--font-family)}.empty img[data-v-37709c16]{margin-top:-3rem;width:9rem}.pagination[data-v-e5b76825]{white-space:normal;color:var(--color-main-text);font-weight:400;display:flex;justify-content:center;width:100%}.pagination .pagination-container[data-v-e5b76825]{display:flex;align-items:center;font-size:.875rem;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.pagination .btn-prev[data-v-e5b76825],.pagination .btn-next[data-v-e5b76825]{display:inline-flex;justify-content:center;align-items:center;font-size:1rem;min-width:1.9375rem;height:1.9375rem;border-radius:.125rem;cursor:pointer;background-color:var(--color-third);color:#606266;border:none;padding:0 .375rem;margin:.25rem}.pagination .btn-prev[data-v-e5b76825]:disabled,.pagination .btn-next[data-v-e5b76825]:disabled{cursor:not-allowed}.pagination .btn-prev[data-v-e5b76825]:hover:not(:disabled),.pagination .btn-next[data-v-e5b76825]:hover:not(:disabled){color:var(--color-select-bg)}.pagination .pager[data-v-e5b76825]{display:inline-flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}.pagination .pager li[data-v-e5b76825]{display:inline-flex;justify-content:center;align-items:center;font-size:.875rem;min-width:1.9375rem;height:1.9375rem;line-height:1.9375rem;border-radius:.125rem;margin:.25rem;cursor:pointer;background-color:var(--color-third);border:none}.pagination .pager li.active[data-v-e5b76825]{background-color:var(--el-color-primary, #409eff);color:#fff}.pagination .pager li.more[data-v-e5b76825]{color:#606266}.pagination .pager li[data-v-e5b76825]:hover:not(.active){color:var(--el-color-primary, #409eff)}.pagination .sizes[data-v-e5b76825]{margin:.25rem .5rem}.pagination .sizes select[data-v-e5b76825]{height:1.9375rem;padding:0 .5rem;font-size:.875rem;border-radius:.125rem;border:1px solid #dcdfe6;background-color:#fff}.pagination .sizes select[data-v-e5b76825]:focus{outline:none;border-color:var(--el-color-primary, #409eff)}.pagination .sizes select[data-v-e5b76825]:disabled{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.pagination .total[data-v-e5b76825]{margin:.25rem .5rem;font-weight:400;color:#606266}.base-input2[data-v-b3838ac5]{position:relative;display:inline-flex;box-sizing:border-box;width:100%;border:1px solid var(--color-input-border);border-radius:4px;overflow:hidden;padding:.2rem .3rem;transition:all .3s;align-items:center;background:var(--color-input-bg)}.base-input2.is-disabled[data-v-b3838ac5]{opacity:.6}.base-input2.has-error .base-input2__inner[data-v-b3838ac5]{border-color:#f56c6c}.base-input2.has-error .base-input2__error[data-v-b3838ac5]{color:#f56c6c;font-size:.85rem;margin-top:.25rem}.base-input2.focus[data-v-b3838ac5]{border:1px solid var(--color-select-bg)}.base-input2[data-v-b3838ac5]:disabled{background-color:#f5f5f5;cursor:not-allowed}.base-input2__error[data-v-b3838ac5]{padding-left:.5rem}.base-input2 .inner[data-v-b3838ac5]{flex:1;font-size:1rem;outline:none;border:none;box-sizing:border-box;transition:all .3s;height:1.5rem;color:var(--color-input-color)}.practice-setting-modal[data-v-401f5d91]{max-width:90vw;width:100%;padding:1vh 2vw;max-height:80vh;overflow-y:auto}@media (min-width: 768px){.practice-setting-modal[data-v-401f5d91]{width:600px;padding:0 1.5rem}}.summary-card[data-v-401f5d91]{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:.75rem;padding:1.5vh 3vw;margin-bottom:2vh;text-align:center}@media (min-width: 768px){.summary-card[data-v-401f5d91]{padding:1rem 2rem;margin-bottom:1.5rem}}.summary-text[data-v-401f5d91]{font-size:clamp(.9rem,2.5vw,1rem);color:#1a1a1a;line-height:1.6;margin-bottom:.5vh;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}@media (min-width: 768px){.summary-text[data-v-401f5d91]{margin-bottom:.4rem}}.highlight-number[data-v-401f5d91]{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;color:#5b7fe8;margin:0 .5vw}@media (min-width: 768px){.highlight-number[data-v-401f5d91]{font-size:1.8rem;margin:0 .25rem}}.summary-subtitle[data-v-401f5d91]{font-size:clamp(.7rem,1.8vw,.8rem);color:#6b7280;line-height:1.4}@media (min-width: 768px){.summary-subtitle[data-v-401f5d91]{font-size:.8rem}}.setting-section[data-v-401f5d91]{margin-bottom:2vh}@media (min-width: 768px){.setting-section[data-v-401f5d91]{margin-bottom:1.5rem}}.section-label[data-v-401f5d91]{font-size:clamp(.85rem,2vw,.95rem);font-weight:600;color:#1a1a1a;margin-bottom:1vh}@media (min-width: 768px){.section-label[data-v-401f5d91]{font-size:.95rem;margin-bottom:.75rem}}.slider-control[data-v-401f5d91]{margin:1vh 0}@media (min-width: 768px){.slider-control[data-v-401f5d91]{margin:.75rem 0}}.dict-select-btn[data-v-401f5d91]{margin-top:1vh;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.2vh 3vw;background:#374151;color:#fff;border:none;border-radius:.5rem;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;transition:all .2s}@media (min-width: 768px){.dict-select-btn[data-v-401f5d91]{margin-top:.75rem;padding:.6rem 1.5rem;font-size:.9rem}}.dict-select-btn[data-v-401f5d91]:hover{background:#1f2937}.dict-select-btn .btn-icon[data-v-401f5d91]{width:16px;height:16px}.mode-section[data-v-401f5d91]{margin-bottom:2vh}@media (min-width: 768px){.mode-section[data-v-401f5d91]{margin-bottom:1.5rem}}.mode-options[data-v-401f5d91]{display:flex;flex-direction:column;gap:1vh}@media (min-width: 768px){.mode-options[data-v-401f5d91]{gap:.75rem}}.mode-card[data-v-401f5d91]{border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5vh 3vw;cursor:pointer;transition:all .2s;background:#fff}@media (min-width: 768px){.mode-card[data-v-401f5d91]{padding:.75rem 1.25rem}}.mode-card[data-v-401f5d91]:hover{border-color:#c7d2fe;background:#f9fafb}.mode-card.active[data-v-401f5d91]{border-color:#5b7fe8;background:#f0f4ff;box-shadow:0 2px 8px #5b7fe826}.mode-content[data-v-401f5d91]{display:flex;flex-direction:column;gap:.3vh}@media (min-width: 768px){.mode-content[data-v-401f5d91]{gap:.2rem}}.mode-title[data-v-401f5d91]{font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;color:#1a1a1a}@media (min-width: 768px){.mode-title[data-v-401f5d91]{font-size:1rem}}.mode-description[data-v-401f5d91]{font-size:clamp(.75rem,1.8vw,.85rem);color:#6b7280;line-height:1.4}@media (min-width: 768px){.mode-description[data-v-401f5d91]{font-size:.85rem}}.footer-checkbox[data-v-401f5d91]{display:flex;align-items:center;gap:.5rem;margin-top:-1vh;margin-left:1vw}@media (min-width: 768px){.footer-checkbox[data-v-401f5d91]{margin-top:-.5rem;margin-left:.5rem}}.checkbox-label[data-v-401f5d91]{font-size:clamp(.75rem,1.8vw,.85rem);color:#6b7280}@media (min-width: 768px){.checkbox-label[data-v-401f5d91]{font-size:.85rem}}[data-v-401f5d91] .el-radio{width:100%}[data-v-401f5d91] .el-radio .el-radio__label{width:100%;padding-left:0}.right-enter-active[data-v-f01e340e],.right-leave-active[data-v-f01e340e]{transition:all .5s ease}.right-enter-from[data-v-f01e340e],.right-leave-to[data-v-f01e340e]{transform:translate(110%)}.CollectNotice[data-v-f01e340e]{position:fixed;right:var(--space);top:var(--space);z-index:2;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;background:var(--color-notice-bg);padding:1.8rem;border-radius:.7rem;width:30rem;gap:2.4rem;color:var(--color-font-1);line-height:1.5;border:1px solid var(--color-item-border);box-shadow:var(--shadow);box-sizing:border-box}.CollectNotice.mobile[data-v-f01e340e]{width:95%;padding:.6rem}.CollectNotice .notice[data-v-f01e340e]{margin-top:2.4rem}.CollectNotice .active[data-v-f01e340e]{color:var(--color-select-bg)}.CollectNotice .wrapper .collect[data-v-f01e340e]{display:flex;flex-direction:column;align-items:center}.CollectNotice .wrapper .collect .href-wrapper[data-v-f01e340e]{display:flex;font-size:1rem;align-items:center;gap:.6rem}.CollectNotice .wrapper .collect .href-wrapper .round[data-v-f01e340e]{color:var(--color-font-1);border-radius:3rem;padding:.6rem .6rem .6rem 1.2rem;gap:2rem;display:flex;align-items:center;justify-content:space-between;background:var(--color-primary)}.CollectNotice .wrapper .collect .href-wrapper .round .href[data-v-f01e340e]{font-size:.9rem}.CollectNotice .wrapper .collect .href-wrapper .star[data-v-f01e340e]{color:var(--color-select-bg)}.CollectNotice .wrapper .collect .href-wrapper .right[data-v-f01e340e]{display:flex;align-items:center}.CollectNotice .wrapper .collect .collect-keyboard[data-v-f01e340e]{margin-top:1.2rem;font-size:1rem}.CollectNotice .wrapper .collect .collect-keyboard span[data-v-f01e340e]{margin-left:.6rem}.CollectNotice .close-wrapper[data-v-f01e340e]{right:var(--space);top:var(--space);position:absolute;font-size:.9rem;display:flex;justify-content:flex-end;align-items:center;color:var(--color-font-1);gap:.6rem}.view-more-btn[data-v-967d769e]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:2px solid #667eea;border-radius:24px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.view-more-btn[data-v-967d769e]:hover{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.view-more-btn:hover svg[data-v-967d769e]{transform:translate(4px)}.view-more-btn[data-v-967d769e]:active{transform:translateY(0)}.view-more-btn svg[data-v-967d769e]{width:18px;height:18px;transition:transform .3s ease}img[data-v-3f3909df]{cursor:pointer;height:2rem}.layout[data-v-fee0dab4]{width:100%;height:100%;display:flex;background:var(--color-primary)}.aside[data-v-fee0dab4]{background:var(--color-second);height:100vh;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;box-shadow:#00000008 0 0 12px;width:4.5rem;z-index:2}.aside .row[data-v-fee0dab4]{position:relative;margin-top:.5rem;margin-bottom:.5rem;display:flex;flex-shrink:0;cursor:pointer;align-items:center;gap:.5rem;border-radius:.375rem;padding:.5rem;transition:all .5s}.aside .row[data-v-fee0dab4]:hover{background:var(--color-select-bg);color:#fff}.aside .row span[data-v-fee0dab4]{flex-shrink:0}.aside .row svg[data-v-fee0dab4]{flex-shrink:0;font-size:1.3rem!important}.aside.expand[data-v-fee0dab4]{width:var(--aside-width)}.stat[data-v-ea7cf3db]{position:relative;box-sizing:border-box;flex:1 1 0%;border-radius:.75rem;padding:1rem;background:#fff;border:1px solid gainsboro}.stat .num[data-v-ea7cf3db]{font-size:1.25rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(64 158 255 / var(--un-text-opacity));font-weight:700}.stat .txt[data-v-ea7cf3db]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}:root{--vue-scroll-rect-scrollbar-thumb-color: rgba(122,122,122, .3);--vue-scroll-rect-scrollbar-thumb-color-light: rgba(122, 122, 122, .5);--vue-scroll-rect-scrollbar-thumb-color-pressed: rgba(112, 112, 112, .2);--vue-scroll-rect-scrollbar-thumb-radius: 5px;--vue-scroll-rect-scrollbar-thumb-margin: 0px;--vue-scroll-rect-scrollbar-size: 8px}.vue-scroll-rect{position:relative;width:100%;height:100%;margin:0;overflow:hidden}.vue-scroll-rect>.scroll-content{position:relative;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.vue-scroll-rect>.scroll-content::-webkit-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content::-ms-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content.both{overflow:scroll}.vue-scroll-rect>.scroll-content.horizontal{overflow-x:scroll}.vue-scroll-rect>.scroll-content.vertical{overflow-y:scroll}.vue-scroll-rect:hover>.scrollbar{opacity:1;transition:opacity .1s}.vue-scroll-rect.always-show-scrollbar>.scrollbar,.vue-scroll-rect .dragging>.scrollbar{opacity:1}.vue-scroll-rect.background-clickable>.scrollbar{pointer-events:all}.vue-scroll-rect>.scrollbar{position:absolute;opacity:0;transition:opacity 1.5s;pointer-events:none}.vue-scroll-rect>.scrollbar:hover{opacity:1}.vue-scroll-rect>.scrollbar .thumb{position:absolute;background-color:var(--vue-scroll-rect-scrollbar-thumb-color);border-radius:var(--vue-scroll-rect-scrollbar-thumb-radius);pointer-events:all}.vue-scroll-rect>.scrollbar .thumb:hover{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-light)}.vue-scroll-rect>.scrollbar .thumb:active{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-pressed)}.vue-scroll-rect>.scrollbar.horizontal{left:0;bottom:0;right:0;height:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.horizontal .thumb{top:var(--vue-scroll-rect-scrollbar-thumb-margin);bottom:var(--vue-scroll-rect-scrollbar-thumb-margin)}.vue-scroll-rect>.scrollbar.vertical{top:0;bottom:0;right:0;width:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.vertical .thumb{left:var(--vue-scroll-rect-scrollbar-thumb-margin);right:var(--vue-scroll-rect-scrollbar-thumb-margin)}:root{--mx-menu-backgroud: #fff;--mx-menu-hover-backgroud: #f1f1f1;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #f1f1f1;--mx-menu-divider: #f0f0f0;--mx-menu-text: #2e2e2e;--mx-menu-hover-text: #2e2e2e;--mx-menu-active-text: #2e2e2e;--mx-menu-open-text: #2e2e2e;--mx-menu-open-hover-text: #2e2e2e;--mx-menu-disabled-text: #c9c8c8;--mx-menu-icon-size: 16px;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--mx-menu-scrollbar-thumb-color-light: rgba(0, 0, 0, .3);--mx-menu-scrollbar-thumb-color-pressed: rgba(0, 0, 0, .1);--mx-menu-shortcut-backgroud: #ebebeb;--mx-menu-shortcut-backgroud-hover:#ebebeb;--mx-menu-shortcut-backgroud-active:#ebebeb;--mx-menu-shortcut-backgroud-open:#ebebeb;--mx-menu-shortcut-backgroud-disabled:#fdfdfd;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #424242;--mx-menu-shortcut-text-active: #424242;--mx-menu-shortcut-text-open: #424242;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-placeholder-width: 24px}.mx-context-menu{pointer-events:all;display:inline-block;overflow:visible;position:absolute;background-color:var(--mx-menu-backgroud);border-radius:var(--mx-menu-backgroud-radius);padding:12px 0;box-shadow:0 10px 40px 10px var(--mx-menu-shadow-color);opacity:1;transition:opacity .2s ease-in-out;--vue-scroll-rect-scrollbar-thumb-color: var(--mx-menu-scrollbar-thumb-color);--vue-scroll-rect-scrollbar-thumb-color-light: var(--mx-menu-scrollbar-thumb-color-light);--vue-scroll-rect-scrollbar-thumb-color-pressed: var(--mx-menu-scrollbar-thumb-color-pressed)}.mx-context-menu-items{position:relative;overflow:visible}.mx-context-menu-scroll{overscroll-behavior:contain}.mx-context-menu-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:6px 15px;-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;text-overflow:ellipsis;color:var(--mx-menu-text)}.mx-context-menu-item .mx-right-arrow,.mx-context-menu-item .mx-checked-mark{fill:var(--mx-menu-text)}.mx-context-menu-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-right-arrow,.mx-context-menu-item:hover .mx-checked-mark{fill:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-hover);color:var(--mx-menu-shortcut-text-hover)}.mx-context-menu-item:active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-right-arrow,.mx-context-menu-item:active .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-context-menu-item.open{background-color:var(--mx-menu-open-backgroud);color:var(--mx-menu-open-text)}.mx-context-menu-item.open:hover{background-color:var(--mx-menu-open-hover-backgroud);color:var(--mx-menu-open-hover-text)}.mx-context-menu-item.open .mx-right-arrow,.mx-context-menu-item.open .mx-checked-mark{fill:var(--mx-menu-open-text)}.mx-context-menu-item.open .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-open);color:var(--mx-menu-shortcut-text-open)}.mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud)}.mx-context-menu-item.disabled{color:var(--mx-menu-disabled-text);cursor:not-allowed}.mx-context-menu-item.disabled:hover,.mx-context-menu-item.disabled:active{background-color:transparent}.mx-context-menu-item.disabled .mx-right-arrow,.mx-context-menu-item.disabled .mx-checked-mark{fill:var(--mx-menu-disabled-text)}.mx-context-menu-item.disabled .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-disabled);color:var(--mx-menu-shortcut-text-second)}.mx-context-menu-item .mx-item-row{display:flex;flex-direction:row;align-items:center;max-width:100%}.mx-context-menu-item .mx-icon-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;height:auto;overflow:hidden}.mx-context-menu-item .mx-icon-placeholder.preserve-width{width:var(--mx-menu-placeholder-width)}.mx-context-menu-item .icon{display:inline-block;font-size:var(--mx-menu-icon-size)}.mx-context-menu-item .icon.svg{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-context-menu-item .label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:16px}.mx-context-menu-item-wrapper{position:relative}.mx-context-menu-item-sperator{display:block;padding:5px 0;background-color:var(--mx-menu-backgroud)}.mx-context-menu-item-sperator:after{display:block;content:"";background-color:var(--mx-menu-divider);height:1px}.mx-right-arrow{width:14px;height:14px}.mx-checked-mark{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-shortcut{position:relative;justify-self:flex-end;font-size:11.5px;padding:2px 4px;background-color:var(--mx-menu-shortcut-backgroud);color:var(--mx-menu-shortcut-text)}.mx-menu-bar.dark,.mx-context-menu.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #464646;--mx-menu-text: #ffffff;--mx-menu-hover-text: #ffffff;--mx-menu-active-text: #ffffff;--mx-menu-open-text: #ffffff;--mx-menu-open-hover-text: #ffffff;--mx-menu-disabled-text: #9c9c9c;--mx-menu-shadow-color: rgba(51, 51, 51, .2);--mx-menu-scrollbar-thumb-color: rgba(255, 255, 255, .3);--mx-menu-scrollbar-thumb-color-light: rgba(255, 255, 255, .5);--mx-menu-scrollbar-thumb-color-pressed: rgba(255, 255, 255, .2);--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d}.mx-menu-bar.flat,.mx-context-menu.flat{border-radius:0;padding:7px 0;box-shadow:0 1px 2px 1px var(--mx-menu-shadow-color)}.mx-menu-bar.flat .mx-context-menu-item,.mx-context-menu.flat .mx-context-menu-item{padding:3px 12px}.mx-menu-bar.win10,.mx-context-menu.win10{border-radius:0;padding:8px 0;border:1px solid var(--mx-menu-border-color);box-shadow:2px 2px 1px 0 var(--mx-menu-shadow-color)}.mx-menu-bar.win10,.mx-context-menu.win10{--mx-menu-backgroud: #eeeeee;--mx-menu-hover-backgroud: #d8d8d8;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #d8d8d8;--mx-menu-divider: #aaaaaa;--mx-menu-border-color: #b1b1b1;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover: transparent;--mx-menu-shortcut-backgroud-active: transparent;--mx-menu-shortcut-backgroud-open: transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #272727;--mx-menu-shortcut-text-hover: #272727;--mx-menu-shortcut-text-active: #272727;--mx-menu-shortcut-text-open: #272727;--mx-menu-shortcut-text-disabled: #6b6b6b}.mx-menu-bar.win10 .mx-context-menu-item,.mx-context-menu.win10 .mx-context-menu-item{padding:2px 4px;margin:0 4px}.mx-menu-bar.win10 .mx-context-menu-item-sperator,.mx-context-menu.win10 .mx-context-menu-item-sperator{margin:0 4px}.mx-menu-bar.win10.dark,.mx-context-menu.win10.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #808080;--mx-menu-border-color: #656565;--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d;padding:8px 0}.mx-menu-bar.win10.dark .mx-context-menu-item,.mx-context-menu.win10.dark .mx-context-menu-item{padding:6px 12px;margin:0}.mx-menu-bar.win10.dark .mx-context-menu-item-sperator,.mx-context-menu.win10.dark .mx-context-menu-item-sperator{margin:0 7px}.mx-menu-bar.mac,.mx-context-menu.mac{padding:8px 0;box-shadow:0 5px 7px 1px var(--mx-menu-shadow-color);border:1px solid var(--mx-menu-border-color)}.mx-menu-bar.mac,.mx-context-menu.mac{--mx-menu-backgroud: #ececec;--mx-menu-hover-backgroud: #0165e1;--mx-menu-active-backgroud: #0165e1;--mx-menu-open-backgroud: #858585;--mx-menu-open-hover-backgroud: #0165e1;--mx-menu-divider: #d2d2d2;--mx-menu-text: #232323;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #bbbbbb;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-border-color: #bbbbbb}.mx-menu-bar.mac.dark,.mx-context-menu.mac.dark{--mx-menu-backgroud: #333333;--mx-menu-hover-backgroud: #0153d2;--mx-menu-active-backgroud: #0153d2;--mx-menu-open-hover-backgroud: #0153d2;--mx-menu-open-backgroud: #414346;--mx-menu-divider: #575757;--mx-menu-text: #dcdcdc;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #6a6a6a;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #dadada;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #6a6a6a;--mx-menu-border-color: #222}.mx-menu-bar.mac .mx-context-menu-item,.mx-context-menu.mac .mx-context-menu-item{border-radius:5px;margin:0 6px;padding:3px 6px}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text);outline:none}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-shortcut,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-menu-bar.mac .mx-context-menu-item-sperator,.mx-context-menu.mac .mx-context-menu-item-sperator{margin:0 12px}.mx-context-menu .vue-scroll-rect>.scroll-content{overflow-y:scroll;height:100%;width:auto;position:relative!important}.mx-menu-ghost-host{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mx-menu-ghost-host.fullscreen{position:fixed}.mx-menu-bar{flex:1;display:flex;flex-direction:row;align-items:center;background-color:var(--mx-menu-backgroud);padding:5px 0}.mx-menu-bar.mini{flex-grow:0}.mx-menu-bar .mx-menu-bar-content{display:flex;flex-direction:row;align-items:center}.mx-menu-bar .mx-menu-bar-item{padding:2px 8px;border-radius:5px;-webkit-user-select:none;user-select:none;background-color:var(--mx-menu-backgroud);color:var(--mx-menu-text)}.mx-menu-bar .mx-menu-bar-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:hover .mx-menu-bar-icon-menu{fill:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:active,.mx-menu-bar .mx-menu-bar-item.active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-item:active .mx-menu-bar-icon-menu,.mx-menu-bar .mx-menu-bar-item.active .mx-menu-bar-icon-menu{fill:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-icon-menu{fill:var(--mx-menu-text);width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-menu-bar.flat .mx-menu-bar-item{border-radius:0}.word-space[data-v-2b177b98]{position:relative;display:inline-block;width:.8rem;height:1.5rem;box-sizing:border-box;margin:0 1px;border-bottom:2px solid transparent}.word-space.wrong[data-v-2b177b98]{border-bottom:2px solid red}.word-space.to-bottom[data-v-2b177b98]{transform:translateY(.3rem)}.word-space.wait[data-v-2b177b98]{border-bottom:2px solid var(--color-article);margin-left:.125rem;margin-right:.125rem}.word-space.wait[data-v-2b177b98]:after{content:" ";position:absolute;width:2px;height:.25rem;background:var(--color-article);bottom:0;right:0}.word-space.wait[data-v-2b177b98]:before{content:" ";position:absolute;width:2px;height:.26rem;background:var(--color-article);bottom:0;left:0}.shake[data-v-2b177b98],.shakeBottom[data-v-2b177b98]{border-bottom:2px solid red!important;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.shake[data-v-2b177b98]:after,.shakeBottom[data-v-2b177b98]:after{background:red!important}.shake[data-v-2b177b98]:before,.shakeBottom[data-v-2b177b98]:before{background:red!important}.shakeBottom[data-v-2b177b98]{animation:shakeBottom .82s cubic-bezier(.36,.07,.19,.97) both}.input-right[data-v-3dcfa848]{color:var(--color-select-bg)}.input-wrong[data-v-3dcfa848]{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.hide[data-v-3dcfa848]{opacity:0}.wrote[data-v-69bcfbc9]{color:gray}.typing-article[data-v-69bcfbc9]{height:100%;overflow:auto;color:var(--color-article);width:var(--article-width);font-size:1.6rem}.typing-article header[data-v-69bcfbc9]{word-wrap:break-word;position:relative;padding-top:3rem}.typing-article header .title[data-v-69bcfbc9],.typing-article header .titleTranslate[data-v-69bcfbc9]{text-align:center;font-size:2.2rem;font-family:var(--en-article-family)}.typing-article header .titleTranslate[data-v-69bcfbc9]{font-size:1.2rem;margin-top:.5rem;font-family:var(--zh-article-family);font-weight:700}.typing-article .article-content[data-v-69bcfbc9]{position:relative}.typing-article article[data-v-69bcfbc9]{word-break:keep-all;word-wrap:break-word;white-space:pre-wrap;font-family:var(--en-article-family)}.typing-article article.dictation .border-bottom[data-v-69bcfbc9]{display:inline-block!important}.typing-article article .wrote[data-v-69bcfbc9] .hide,.typing-article article .hover-show[data-v-69bcfbc9] .hide{opacity:1!important}.typing-article article .wrote .border-bottom[data-v-69bcfbc9],.typing-article article .hover-show .border-bottom[data-v-69bcfbc9]{display:none!important}.typing-article article .hover-show[data-v-69bcfbc9]{border-radius:.2rem;--un-bg-opacity:1 !important;background-color:rgb(74 222 128 / var(--un-bg-opacity))!important}.typing-article article .hover-show[data-v-69bcfbc9] .hide{opacity:1!important}.typing-article article.tall[data-v-69bcfbc9]{line-height:2.4}.typing-article article .section[data-v-69bcfbc9]{margin-bottom:1.5rem}.typing-article article .section .sentence[data-v-69bcfbc9]{transition:all .3s}.typing-article article .section .word[data-v-69bcfbc9]{display:inline-block}.typing-article article .section .word .word-wrap[data-v-69bcfbc9]{position:relative;transition:background-color .3s}.typing-article article .section .word .border-bottom[data-v-69bcfbc9]{position:absolute;width:100%;height:100%;left:0;top:0;border-bottom:2px solid var(--color-article);display:none;transform:translateY(-.2rem)}.typing-article .translate[data-v-69bcfbc9]{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;font-size:1.2rem;line-height:3.2;letter-spacing:.2rem;font-family:var(--zh-article-family);font-weight:700}.typing-article .translate .row[data-v-69bcfbc9]{position:absolute;left:0;width:100%;opacity:0;transition:all .3s}.typing-article .translate .row .space[data-v-69bcfbc9]{transition:all .3s;display:inline-block}.panel[data-v-b5da4879]{border-radius:.5rem;background:var(--color-second);height:100%;display:flex;flex-direction:column;border:1px solid var(--color-item-border);box-shadow:var(--shadow)}.scroller[data-v-a326594c]{flex:1;padding-right:var(--space)}.list[data-v-efbe4c7d]{display:flex;flex-direction:column;gap:1rem;flex:1;overflow:hidden}.list .search[data-v-efbe4c7d]{box-sizing:border-box;width:100%;padding-right:var(--space)}.list .translate[data-v-efbe4c7d]{font-size:1rem}.disabled{opacity:.5}.disabled textarea{cursor:not-allowed!important}textarea{font-family:var(--font-family);color:var(--color-input-color);background:var(--color-input-bg);font-size:1rem;line-height:1.5rem}textarea:focus{outline:none;border:1px solid var(--color-select-bg)}.edit-text[data-v-f7484aa9]{margin-top:.6rem;color:var(--color-font-1)}.text[data-v-f7484aa9]{color:var(--color-font-1);font-size:1.2rem;min-height:1.1rem}.select[data-v-c6da8a4d]{position:relative;width:100%;font-size:1rem}.select__wrapper[data-v-c6da8a4d]{display:flex;align-items:center;justify-content:space-between;height:2rem;padding:0 .5rem;border:1px solid var(--color-input-border);border-radius:.25rem;background-color:var(--color-input-bg, #fff);cursor:pointer;transition:all .3s}.select__wrapper[data-v-c6da8a4d]:hover{border-color:var(--color-select-bg)}.select__label[data-v-c6da8a4d]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__label.is-placeholder[data-v-c6da8a4d]{color:#999}.select__suffix[data-v-c6da8a4d]{display:flex;align-items:center;color:#999}.select__suffix .arrow[data-v-c6da8a4d]{transform:rotate(-90deg);transition:transform .3s}.select__suffix .is-reverse[data-v-c6da8a4d]{transform:rotate(90deg)}.select__dropdown[data-v-c6da8a4d]{max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid var(--color-input-border);border-radius:.25rem;box-shadow:0 2px 12px #0000001a}.select__options[data-v-c6da8a4d]{margin:0;padding:0;list-style:none}.select__option[data-v-c6da8a4d]{padding:.5rem;cursor:pointer;transition:background-color .3s}.select__option[data-v-c6da8a4d]:hover{background-color:#f5f7fa}.select__option.is-selected[data-v-c6da8a4d]{color:var(--color-select-bg);font-weight:700;background-color:#f5f7fa}.is-disabled[data-v-c6da8a4d]{opacity:.7;cursor:not-allowed}.zoom-in-top-enter-active[data-v-c6da8a4d],.zoom-in-top-leave-active[data-v-c6da8a4d]{transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from[data-v-c6da8a4d],.zoom-in-top-leave-to[data-v-c6da8a4d]{opacity:0;transform:scaleY(0)}.zoom-in-bottom-enter-active[data-v-c6da8a4d],.zoom-in-bottom-leave-active[data-v-c6da8a4d]{transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.zoom-in-bottom-enter-from[data-v-c6da8a4d],.zoom-in-bottom-leave-to[data-v-c6da8a4d]{opacity:0;transform:scaleY(0)}.option[data-v-e5fc4b19]{display:flex;align-items:center;padding:.2rem 1rem;cursor:pointer;transition:background-color .3s}.option[data-v-e5fc4b19]:hover{background-color:var(--color-third)}.option.is-selected[data-v-e5fc4b19]{color:var(--color-select-bg);font-weight:700;background-color:var(--color-third)}.option.is-disabled[data-v-e5fc4b19]{color:#c0c4cc;cursor:not-allowed}.option__label[data-v-e5fc4b19]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-number[data-v-47c03924]{border:1px solid var(--color-input-border);overflow:hidden;border-radius:4px;background:var(--color-input-bg)}.input-number[data-v-47c03924]:hover{border-color:var(--color-select-bg)}.input-number.is-disabled[data-v-47c03924]{opacity:.3}.input-number.is-disabled .btn[data-v-47c03924],.input-number.is-disabled .input-inner[data-v-47c03924]{cursor:not-allowed}.input-number .input-inner[data-v-47c03924]{color:var(--color-input-color)}.input-number .btn[data-v-47c03924]{background:var(--color-second);color:var(--color-input-color)}.input-number .btn.minus-btn[data-v-47c03924]{border-right:1px solid var(--color-input-border)}.input-number .btn.plus-btn[data-v-47c03924]{border-left:1px solid var(--color-input-border)}.input-number .btn[data-v-47c03924]:hover{background:var(--color-third);color:var(--color-select-bg)}.input-number .btn[data-v-47c03924]:disabled{opacity:.5;cursor:not-allowed}.custom-audio[data-v-ebfec263]{--audio-border-radius: 8px;--audio-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);--audio-button-bg: rgba(255, 255, 255, .2);--audio-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .2);--audio-volume-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .2);--audio-speed-button-border: rgba(255, 255, 255, .3);--audio-error-bg: #f56c6c;--height: 32px;--gap: 8px;display:inline-block;box-sizing:border-box;width:100%;max-width:600px;background:var(--color-primary);border-radius:var(--audio-border-radius);box-shadow:var(--audio-box-shadow);color:var(--color-reverse-black);transition:all .3s ease;font-family:var(--font-family);padding:.3rem .4rem;position:relative}.custom-audio.disabled[data-v-ebfec263]{pointer-events:none}.custom-audio.has-error[data-v-ebfec263]{border:1px solid var(--audio-error-bg)}.audio-container[data-v-ebfec263]{display:flex;align-items:center;gap:var(--gap)}.play-button[data-v-ebfec263]{display:flex;align-items:center;justify-content:center;width:var(--height);height:var(--height);color:var(--color-reverse-black);border-radius:50%;background:var(--color-second);cursor:pointer;transition:all .3s ease;flex-shrink:0;border:1px solid var(--audio-speed-button-border)}.play-button[data-v-ebfec263]:hover{background:var(--color-card-active)!important}.play-button.loading[data-v-ebfec263]{background:var(--audio-button-bg)}.play-button .icon[data-v-ebfec263]{width:20px;height:20px}.play-button .loading-spinner[data-v-ebfec263]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin-ebfec263 1s linear infinite}.progress-section[data-v-ebfec263]{display:flex;align-items:center;gap:var(--gap);flex:1;min-width:0}.time-display[data-v-ebfec263]{font-size:12px;font-weight:500;opacity:.8;white-space:nowrap;text-align:center}.progress-container[data-v-ebfec263]{flex:1;display:flex;align-items:center;cursor:pointer;padding:8px 0}.progress-track[data-v-ebfec263]{position:relative;width:100%;height:6px;background:var(--color-second);border-radius:2px}.progress-fill[data-v-ebfec263]{height:100%;background:var(--color-fourth);border-radius:2px;transition:width .1s ease}.progress-thumb[data-v-ebfec263]{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-fourth);border-radius:50%;box-shadow:var(--audio-thumb-shadow);cursor:grab;opacity:1;transition:all .2s ease}.progress-thumb[data-v-ebfec263]:active{cursor:grabbing}.volume-section[data-v-ebfec263]{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.volume-button[data-v-ebfec263]{display:flex;align-items:center;justify-content:center;width:var(--height);height:var(--height);border-radius:4px;background:var(--color-second);cursor:pointer;color:var(--color-reverse-black);transition:all .2s ease;border:1px solid var(--audio-speed-button-border)}.volume-button[data-v-ebfec263]:hover{background:var(--color-card-active)}.volume-button .icon[data-v-ebfec263]{width:16px;height:16px}.volume-dropdown[data-v-ebfec263]{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-primary);border-radius:4px;padding:8px;margin-top:8px;box-shadow:0 2px 8px #0003;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10}.volume-dropdown.active[data-v-ebfec263]{opacity:1;visibility:visible}.volume-container[data-v-ebfec263]{width:24px;height:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px 0}.volume-track[data-v-ebfec263]{position:relative;width:6px;height:100%;background:var(--color-second);border-radius:2px;overflow:hidden}.volume-fill[data-v-ebfec263]{position:absolute;top:0;width:100%;height:var(--fill-height);background:var(--color-fourth);border-radius:2px}.volume-thumb[data-v-ebfec263]{position:absolute;left:50%;top:var(--thumb-top);transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-fourth);border-radius:50%;box-shadow:var(--audio-volume-thumb-shadow);cursor:grab;opacity:1;transition:all .2s ease}.volume-thumb[data-v-ebfec263]:active{cursor:grabbing}.speed-button[data-v-ebfec263]{padding:0 .5rem;border:1px solid var(--audio-speed-button-border);border-radius:4px;background:var(--color-second);height:var(--height);cursor:pointer;color:var(--color-reverse-black);transition:all .2s ease}.speed-button[data-v-ebfec263]:hover{background:var(--color-card-active)}.error-message[data-v-ebfec263]{position:absolute;right:0;left:2.6rem;top:0;height:100%;display:flex;justify-content:center;align-items:center;background:var(--audio-error-bg);color:var(--color-reverse-white);font-size:12px;border-radius:var(--audio-border-radius)}@keyframes spin-ebfec263{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content[data-v-067e36f5]{color:var(--color-article);height:100%;width:100%;box-sizing:border-box;display:flex;gap:var(--space);padding:.6rem;padding-left:0}.row[data-v-067e36f5]{flex:7;width:33%;display:flex;flex-direction:column}.row[data-v-067e36f5]:nth-child(3){flex:10}.row .title[data-v-067e36f5]{font-weight:700;font-size:1.4rem}.row .article-translate[data-v-067e36f5]{flex:1;overflow-y:overlay}.row .article-translate .section[data-v-067e36f5]{background:var(--color-textarea-bg);margin-bottom:1.2rem}.row .article-translate .section .section-title[data-v-067e36f5]{padding:.5rem;border-bottom:1px solid var(--color-item-border)}.row .article-translate .section[data-v-067e36f5]:last-child{margin-bottom:0}.row .article-translate .section .sentence[data-v-067e36f5]{display:flex;padding:.5rem;line-height:1.2;border-bottom:1px solid var(--color-item-border)}.row .article-translate .section .sentence[data-v-067e36f5]:last-child{border-bottom:none}.row .options[data-v-067e36f5]{display:flex;align-items:center;justify-content:space-between}.row .options .status[data-v-067e36f5]{display:flex;align-items:center}.row .options .warning[data-v-067e36f5]{display:flex;align-items:center;font-size:1.2rem;color:red}.row .options .success[data-v-067e36f5]{display:flex;align-items:center;font-size:1.2rem;color:#67c23a}.wrapper[data-v-0fbe74b6]{width:100%;height:100%;display:flex;background:var(--color-primary)}.practice-layout-container[data-v-c6ff2c50]{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.content-wrapper[data-v-c6ff2c50]{flex:1;display:flex;justify-content:center;overflow:hidden;transition:all .3s ease;position:relative}.content-wrapper.panel-open[data-v-c6ff2c50]{justify-content:flex-start;padding-right:25vw}.main-content[data-v-c6ff2c50]{flex:1;display:flex;justify-content:center;overflow:hidden;transition:all .3s ease;max-width:100%}.panel-sidebar[data-v-c6ff2c50]{width:25vw;flex-shrink:0;height:100vh;overflow:hidden;border-left:1px solid var(--color-item-border);background:var(--color-second);transition:all .3s ease;position:fixed;right:0;top:0;z-index:90}.footer-hide .main-content[data-v-c6ff2c50]{height:calc(100vh - 3rem)!important}.footer-hide .footer-wrap[data-v-c6ff2c50]{bottom:-6rem}.footer-wrap[data-v-c6ff2c50]{position:fixed;bottom:.8rem;transition:all var(--anim-time);z-index:50}.switch[data-v-5b108b3b]{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;background-color:#dcdfe6;position:relative;transition:background-color .3s}.switch.disabled[data-v-5b108b3b]{cursor:not-allowed;opacity:.6}.switch.checked[data-v-5b108b3b]{background-color:#409eff}.switch .ball[data-v-5b108b3b]{background-color:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 0 2px #0003;position:absolute}.switch .text[data-v-5b108b3b]{position:absolute;font-size:.75rem;color:#fff;-webkit-user-select:none;user-select:none}.switch .text.left[data-v-5b108b3b]{margin-left:6px}.switch .text.right[data-v-5b108b3b]{right:6px}.footer[data-v-42808334]{width:var(--article-toolbar-width)}.footer .bottom[data-v-42808334]{position:relative;width:100%;box-sizing:border-box;border-radius:.6rem;background:var(--color-second);padding:.5rem var(--space);z-index:2;border:1px solid var(--color-item-border);box-shadow:var(--shadow)}.footer .bottom .stat[data-v-42808334]{margin-top:.5rem;display:flex;justify-content:space-around;gap:var(--stat-gap)}.footer .bottom .stat .row[data-v-42808334]{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:6rem;color:gray}.footer .bottom .stat .row .line[data-v-42808334]{height:1px;width:100%;background:var(--color-sub-gray)}.footer .arrow[data-v-42808334]{position:absolute;top:-40%;left:50%;cursor:pointer;transition:all .5s;transform:rotate(-90deg);padding:.5rem;font-size:1.2rem}.footer .arrow.down[data-v-42808334]{top:-70%;transform:rotate(90deg)}.form-item .form-error[data-v-217088e0]{color:#f56c6c;font-size:.8rem}[data-v-40bc047c] .highlight-word{color:var(--color-icon-hightlight)}.word-detail-wrapper[data-v-ca5bce65]{width:90vw;max-width:800px;min-width:320px;margin:0 auto}@media (max-width: 640px){.word-detail-wrapper[data-v-ca5bce65]{width:calc(100vw - 32px)}}@media (min-width: 641px) and (max-width: 1024px){.word-detail-wrapper[data-v-ca5bce65]{width:calc(100vw - 80px)}}@media (min-width: 1025px){.word-detail-wrapper[data-v-ca5bce65]{width:800px}}.word-detail-content[data-v-ca5bce65]{max-height:75vh;overflow-y:auto;padding:2rem}@media (max-width: 640px){.word-detail-content[data-v-ca5bce65]{padding:1.25rem}}.word-header[data-v-ca5bce65]{border-bottom:3px solid #e5e7eb;padding-bottom:1.5rem;margin-bottom:2rem}.section[data-v-ca5bce65]{margin-bottom:2rem}.section[data-v-ca5bce65]:last-child{margin-bottom:0}.section-title[data-v-ca5bce65]{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.section-title .title-icon[data-v-ca5bce65]{font-size:1.5rem}.section-content[data-v-ca5bce65]{padding-left:.25rem}.trans-item[data-v-ca5bce65]{padding:.75rem 0;display:flex;align-items:baseline;gap:.75rem}.trans-item[data-v-ca5bce65]:not(:last-child){border-bottom:1px solid #f3f4f6}.trans-item .pos-tag[data-v-ca5bce65]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;flex-shrink:0}.trans-item .trans-text[data-v-ca5bce65]{color:#374151;font-size:1rem;line-height:1.6}.phrase-item[data-v-ca5bce65]{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f6f8fb,#f0f4f8);border-radius:.75rem;border-left:4px solid #3b82f6;box-shadow:0 2px 4px #0000000d;transition:all .2s}.phrase-item[data-v-ca5bce65]:hover{box-shadow:0 4px 8px #0000001a;transform:translate(4px)}.phrase-item[data-v-ca5bce65]:last-child{margin-bottom:0}.phrase-item .phrase-en[data-v-ca5bce65]{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:1rem}.phrase-item .phrase-cn[data-v-ca5bce65]{color:#6b7280;font-size:.95rem}.sentence-item[data-v-ca5bce65]{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fef6f0,#fff5eb);border-radius:.75rem;border-left:4px solid #f59e0b;box-shadow:0 2px 4px #0000000d;transition:all .2s}.sentence-item[data-v-ca5bce65]:hover{box-shadow:0 4px 8px #0000001a;transform:translate(4px)}.sentence-item[data-v-ca5bce65]:last-child{margin-bottom:0}.sentence-item .sentence-en[data-v-ca5bce65]{font-weight:500;color:#1f2937;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.sentence-item .sentence-cn[data-v-ca5bce65]{color:#6b7280;font-size:.95rem}.syno-item[data-v-ca5bce65]{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:.75rem;border-left:4px solid #0ea5e9;box-shadow:0 2px 4px #0000000d}.syno-item[data-v-ca5bce65]:last-child{margin-bottom:0}.syno-item .syno-pos[data-v-ca5bce65]{color:#0284c7;font-weight:700;margin-bottom:.5rem;font-size:.95rem}.syno-item .syno-cn[data-v-ca5bce65]{color:#374151;margin-bottom:.5rem;font-size:.95rem}.syno-item .syno-words[data-v-ca5bce65]{color:#6b7280;font-size:.9rem}.root-label[data-v-ca5bce65]{font-weight:600;color:#374151;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:.5rem;font-size:1rem}.root-label .root-text[data-v-ca5bce65]{color:#059669;font-weight:700}.rel-item[data-v-ca5bce65]{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fefce8,#fef9c3);border-radius:.75rem;border-left:4px solid #eab308;box-shadow:0 2px 4px #0000000d}.rel-item[data-v-ca5bce65]:last-child{margin-bottom:0}.rel-item .rel-pos[data-v-ca5bce65]{color:#ca8a04;font-weight:700;margin-bottom:.75rem;font-size:.95rem}.rel-item .rel-words[data-v-ca5bce65]{display:flex;flex-wrap:wrap;gap:.75rem}.rel-item .rel-word[data-v-ca5bce65]{background:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem;box-shadow:0 1px 3px #0000001a}.rel-item .rel-word .word-en[data-v-ca5bce65]{font-weight:600;color:#1f2937}.rel-item .rel-word .word-cn[data-v-ca5bce65]{color:#6b7280}.etymology-item[data-v-ca5bce65]{padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:.75rem;border-left:4px solid #a855f7;box-shadow:0 2px 4px #0000000d}.etymology-item[data-v-ca5bce65]:last-child{margin-bottom:0}.etymology-item .etymology-title[data-v-ca5bce65]{font-weight:600;color:#7e22ce;margin-bottom:.5rem;font-size:1rem}.etymology-item .etymology-desc[data-v-ca5bce65]{color:#4b5563;font-size:.95rem;line-height:1.6}.word-detail-content[data-v-ca5bce65]::-webkit-scrollbar{width:8px}.word-detail-content[data-v-ca5bce65]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.word-detail-content[data-v-ca5bce65]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:4px}.word-detail-content[data-v-ca5bce65]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.view-dict-page[data-v-a7361d79]{width:100%;min-height:100vh;background:#f8fafc}.dict-header[data-v-a7361d79]{position:relative;width:100%;height:16rem;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}@media (min-width: 768px){.dict-header[data-v-a7361d79]{height:20rem}}.dict-header-overlay[data-v-a7361d79]{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.dict-header-content[data-v-a7361d79]{color:#fff;z-index:10}.dict-header-title[data-v-a7361d79]{font-size:2.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.025em;line-height:1.1}@media (min-width: 768px){.dict-header-title[data-v-a7361d79]{font-size:3.75rem}}.dict-header-subtitle[data-v-a7361d79]{font-size:1.125rem;margin:0;opacity:.9;max-width:42rem}@media (min-width: 768px){.dict-header-subtitle[data-v-a7361d79]{font-size:1.25rem}}.main-content[data-v-a7361d79]{max-width:80rem;margin:0 auto -4rem;padding:2rem 1rem 3rem;position:relative;z-index:10}@media (min-width: 640px){.main-content[data-v-a7361d79]{padding:2rem 1.5rem 3rem}}@media (min-width: 768px){.main-content[data-v-a7361d79]{margin-top:-5rem;padding:3rem 2rem}}.content-wrapper[data-v-a7361d79]{width:100%}.buttons-section[data-v-a7361d79]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-button[data-v-a7361d79]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:none;border-radius:.5rem;color:#374151;font-size:.95rem;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.back-button[data-v-a7361d79]:hover{background:#f3f4f6}.back-button svg[data-v-a7361d79]{flex-shrink:0}.study-button[data-v-a7361d79]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #3b82f64d}.study-button[data-v-a7361d79]:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.study-button[data-v-a7361d79]:disabled{opacity:.6;cursor:not-allowed}.study-button svg[data-v-a7361d79]{flex-shrink:0}.cards-grid[data-v-a7361d79]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 640px){.cards-grid[data-v-a7361d79]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.cards-grid[data-v-a7361d79]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.cards-grid[data-v-a7361d79]{grid-template-columns:repeat(4,minmax(0,1fr))}}.word-card[data-v-a7361d79]{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.word-card[data-v-a7361d79]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-.25rem)}.word-header[data-v-a7361d79]{display:flex;justify-content:space-between;align-items:center}.word-title[data-v-a7361d79]{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.speaker-button[data-v-a7361d79]{color:#6b7280;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.speaker-button[data-v-a7361d79]:hover{color:#3b82f6}.speaker-button svg[data-v-a7361d79]{width:20px;height:20px}.phonetic[data-v-a7361d79]{color:#6b7280;font-size:.95rem;margin:-.5rem 0 0}.translation[data-v-a7361d79]{color:#4b5563;font-size:.875rem;line-height:1.5}.translation p[data-v-a7361d79]{margin:0}.example-section[data-v-a7361d79]{margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.example-label[data-v-a7361d79]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 .25rem}.example-text[data-v-a7361d79]{color:#374151;margin:0;font-size:.875rem;line-height:1.6}.example-text[data-v-a7361d79] .highlight-word{font-weight:600;color:#3b82f6}@media (max-width: 768px){.word-title[data-v-a7361d79]{font-size:1.25rem}}.statistics-container[data-v-ee0b25a9]{background:#fff;padding:3vh 4vw;border-radius:1rem;max-width:90vw;max-height:90vh;width:auto;display:flex;flex-direction:column;align-items:center;gap:1.5vh;box-shadow:0 10px 40px #0000001a;position:relative;overflow-y:auto}@media (min-width: 768px){.statistics-container[data-v-ee0b25a9]{max-width:600px;padding:2.5rem 3rem}}.close-button[data-v-ee0b25a9]{position:absolute;top:1vh;right:1vw;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .2s;border-radius:.5rem}.close-button[data-v-ee0b25a9]:hover{background:#f5f5f5;color:#1a1a1a}.close-button[data-v-ee0b25a9] svg{width:20px;height:20px}.success-icon[data-v-ee0b25a9]{width:8vw;height:8vw;max-width:56px;max-height:56px;display:flex;align-items:center;justify-content:center;color:#4caf50;background:#e8f5e9;border-radius:50%}.success-icon[data-v-ee0b25a9] svg{width:4vw;height:4vw;max-width:32px;max-height:32px}.main-title[data-v-ee0b25a9]{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#1a1a1a;margin:0;text-align:center}.subtitle[data-v-ee0b25a9]{font-size:clamp(.75rem,2vw,.875rem);color:#9ca3af;margin:0;text-align:center}.subtitle .time-highlight[data-v-ee0b25a9]{color:#4caf50;font-weight:600}.stats-grid[data-v-ee0b25a9]{display:flex;justify-content:space-around;width:100%;margin-top:.5vh;gap:2vw;flex-wrap:wrap}.stat-item[data-v-ee0b25a9]{display:flex;flex-direction:column;align-items:center;gap:.5vh;min-width:60px}.stat-label[data-v-ee0b25a9]{font-size:clamp(.7rem,2vw,.875rem);color:#9ca3af;font-weight:400}.stat-value[data-v-ee0b25a9]{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#1a1a1a;line-height:1}.result-cards[data-v-ee0b25a9]{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw;width:100%;margin-top:1vh}.result-card[data-v-ee0b25a9]{border-radius:1rem;padding:2vh 2vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.correct-card[data-v-ee0b25a9]{background:#e8f5e9}.correct-card .result-header[data-v-ee0b25a9],.correct-card .result-value[data-v-ee0b25a9]{color:#2e7d32}.incorrect-card[data-v-ee0b25a9]{background:#ffebee}.incorrect-card .result-header[data-v-ee0b25a9],.incorrect-card .result-value[data-v-ee0b25a9]{color:#c62828}.result-header[data-v-ee0b25a9]{display:flex;align-items:center;gap:.5rem;font-size:clamp(.75rem,2vw,.9rem);font-weight:500}.result-header[data-v-ee0b25a9] svg{width:18px;height:18px}.result-value[data-v-ee0b25a9]{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1}.weekly-section[data-v-ee0b25a9]{margin-top:1vh;display:flex;flex-direction:column;align-items:center;gap:1vh;width:100%}.weekly-title[data-v-ee0b25a9]{font-size:clamp(.8rem,2vw,.9rem);font-weight:500;color:#1a1a1a;margin:0}.week-header[data-v-ee0b25a9]{display:flex;gap:1.5vw;justify-content:center;font-size:clamp(.65rem,1.5vw,.75rem);color:#9ca3af;font-weight:400;width:100%}.week-header span[data-v-ee0b25a9]{width:2rem;text-align:center}.weekly-days[data-v-ee0b25a9]{display:flex;gap:1.5vw;justify-content:center;flex-wrap:wrap}.day-circle[data-v-ee0b25a9]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;background:#f5f5f5;color:#9ca3af;transition:all .3s ease}.day-circle.active[data-v-ee0b25a9]{background:#4caf50;color:#fff;font-weight:600}.action-buttons[data-v-ee0b25a9]{display:flex;gap:1vw;margin-top:1vh;width:100%;justify-content:center;flex-wrap:wrap}.action-buttons[data-v-ee0b25a9] .btn-primary{background:#4caf50;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;transition:all .2s;white-space:nowrap}.action-buttons[data-v-ee0b25a9] .btn-primary:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.action-buttons[data-v-ee0b25a9] .btn-secondary{background:#f5f5f5;color:#666;font-weight:500;border:none;padding:.75rem 1.2rem;border-radius:.75rem;font-size:clamp(.8rem,2vw,.9rem);cursor:pointer;transition:all .2s;white-space:nowrap}.action-buttons[data-v-ee0b25a9] .btn-secondary:hover{background:#e0e0e0;transform:translateY(-1px)}.typing-word[data-v-89ce43cc]{width:100%;flex:1;overflow:auto;word-break:break-word;position:relative;color:var(--color-font-2)}.typing-word .phonetic[data-v-89ce43cc],.typing-word .translate[data-v-89ce43cc]{font-size:1.2rem}.typing-word .phonetic[data-v-89ce43cc]{color:var(--color-font-1);font-family:var(--word-font-family)}.typing-word .word[data-v-89ce43cc]{font-size:3rem;line-height:1;font-family:var(--en-article-family);letter-spacing:.3rem}.typing-word .word .input[data-v-89ce43cc]{color:#16a34a}.typing-word .word .wrong[data-v-89ce43cc]{color:#f009}.typing-word .word.is-wrong[data-v-89ce43cc]{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.typing-word .tabs[data-v-89ce43cc]{font-size:1.125rem;line-height:1.75rem;font-weight:500;display:flex;gap:2rem}.typing-word .tabs .tab[data-v-89ce43cc]{cursor:pointer}.typing-word .tabs .tab.active[data-v-89ce43cc]{border-bottom:2px solid var(--color-font-2)}.typing-word .label[data-v-89ce43cc]{width:6rem;padding-top:.2rem;flex-shrink:0}.typing-word .cn[data-v-89ce43cc]{font-size:1rem;line-height:1.5rem}.typing-word .en[data-v-89ce43cc]{font-size:1.125rem;line-height:1.75rem}.typing-word .pos[data-v-89ce43cc]{font-family:var(--en-article-family);width:3rem;font-size:1.125rem;line-height:1.75rem}.practice-wrapper[data-v-539b7128]{width:100%;height:100vh;display:flex;justify-content:center;overflow:hidden}.practice-word[data-v-539b7128]{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:100%;max-width:1200px;padding:0 2rem 2rem;overflow-y:auto;overflow-x:hidden}.practice-word[data-v-539b7128]::-webkit-scrollbar{width:8px}.practice-word[data-v-539b7128]::-webkit-scrollbar-track{background:transparent}.practice-word[data-v-539b7128]::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.practice-word[data-v-539b7128]::-webkit-scrollbar-thumb:hover{background:#0000004d}.top-toolbar[data-v-539b7128]{width:70vw;max-width:900px;min-width:600px;background:var(--color-second);border-radius:1rem;box-shadow:0 2px 12px #00000014;flex-shrink:0;overflow:hidden;margin-bottom:1.5rem;margin-top:.5rem;position:absolute;top:.5rem;left:1vw;z-index:100}.top-toolbar .progress-bar-top[data-v-539b7128]{width:100%;position:relative}.top-toolbar .progress-bar-top[data-v-539b7128] .el-progress-bar{border-radius:0}.top-toolbar .progress-bar-top[data-v-539b7128] .el-progress-bar__outer{background:transparent;border-radius:1rem 1rem 0 0;overflow:hidden}.top-toolbar .progress-bar-top[data-v-539b7128] .el-progress-bar__inner{border-radius:0;background:linear-gradient(90deg,#4b89f7,#5b99ff);transition:width .3s ease}.top-toolbar .toolbar-content[data-v-539b7128]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem}.top-toolbar .toolbar-left[data-v-539b7128],.top-toolbar .toolbar-right[data-v-539b7128]{display:flex;align-items:center;gap:1rem;min-width:160px}.top-toolbar .toolbar-left .word-nav[data-v-539b7128],.top-toolbar .toolbar-right .word-nav[data-v-539b7128]{font-size:1.1rem;color:var(--color-main);font-weight:500;transition:color .2s,filter .3s;cursor:pointer}.top-toolbar .toolbar-left .word-nav[data-v-539b7128]:hover,.top-toolbar .toolbar-right .word-nav[data-v-539b7128]:hover{color:#4b89f7}.top-toolbar .toolbar-left .word-nav.word-shadow[data-v-539b7128],.top-toolbar .toolbar-right .word-nav.word-shadow[data-v-539b7128]{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--color-sub-gray)}.top-toolbar .toolbar-left[data-v-539b7128]{justify-content:flex-start}.top-toolbar .toolbar-right[data-v-539b7128]{justify-content:flex-end}.top-toolbar .toolbar-center[data-v-539b7128]{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.top-toolbar .toolbar-center[data-v-539b7128] .icon-wrapper{transition:transform .2s}.top-toolbar .toolbar-center[data-v-539b7128] .icon-wrapper:hover{transform:scale(1.15)}.toolbar-spacer[data-v-539b7128]{height:100px;flex-shrink:0}.word-panel-wrapper[data-v-539b7128]{position:absolute;left:var(--panel-margin-left);top:.8rem;z-index:1;height:calc(100% - 1.5rem)}.study-words-container[data-v-5745d97c]{display:flex;height:100vh;width:100vw;background:#fff;color:#202124;font-family:Roboto,sans-serif;overflow:hidden;position:fixed;top:0;left:0}.main-content[data-v-5745d97c]{flex:1;min-width:0;display:flex;flex-direction:column;padding:2rem;height:100vh;overflow:hidden}.nav-header[data-v-5745d97c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;color:#5f6368;flex-shrink:0}.nav-header .nav-link[data-v-5745d97c]{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .2s;font-size:1rem}.nav-header .nav-link[data-v-5745d97c]:hover{color:#4b89f7}.nav-header .nav-link .material-icons[data-v-5745d97c],.nav-header .nav-link .material-icons-outlined[data-v-5745d97c]{font-size:20px}.word-display-area[data-v-5745d97c]{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:1rem;min-height:0}.word-display-area[data-v-5745d97c]::-webkit-scrollbar{width:8px}.word-display-area[data-v-5745d97c]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.word-center[data-v-5745d97c]{text-align:center;margin-bottom:2rem;padding:1rem 0}.phonetic-line[data-v-5745d97c]{color:#5f6368;font-size:1.125rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.phonetic-line .play-button[data-v-5745d97c]{background:none;border:none;color:#5f6368;cursor:pointer;padding:.25rem;display:flex;align-items:center}.phonetic-line .play-button[data-v-5745d97c]:hover{color:#4b89f7}.phonetic-line .play-button svg[data-v-5745d97c]{width:24px;height:24px}.main-word[data-v-5745d97c]{font-size:6rem;font-weight:300;color:#202124;letter-spacing:-.02em;margin:0;line-height:1.1}.content-sections[data-v-5745d97c]{margin-top:2rem;padding:0 2rem}.content-sections section[data-v-5745d97c]{margin-bottom:2rem}.translation-line[data-v-5745d97c]{font-size:1.125rem;margin:.5rem 0}.translation-line .pos-tag[data-v-5745d97c]{color:#5f6368;margin-right:1rem}.divider[data-v-5745d97c]{border:none;border-top:1px solid #E0E0E0;margin:2.5rem 0}.sentences-section .sentence-item[data-v-5745d97c]{margin-bottom:1.5rem;font-size:1.125rem}.sentences-section .sentence-item .sentence-en[data-v-5745d97c]{margin:0 0 .25rem}.sentences-section .sentence-item .sentence-en[data-v-5745d97c] .highlight-word{color:#4b89f7;font-weight:500}.sentences-section .sentence-item .sentence-cn[data-v-5745d97c]{color:#5f6368;margin:0}.info-grid[data-v-5745d97c]{display:grid;grid-template-columns:auto 1fr;gap:0 2rem;font-size:1.125rem}.info-grid .info-label[data-v-5745d97c]{color:#5f6368;white-space:nowrap}.info-grid .info-content p[data-v-5745d97c]{margin:0 0 .75rem}.info-grid .info-content .phrase-item[data-v-5745d97c] .highlight-word{color:#4b89f7;font-weight:500}.info-grid .etymology-content[data-v-5745d97c]{color:#5f6368}.scroll-indicator[data-v-5745d97c]{display:flex;justify-content:center;margin-top:3rem;color:#5f6368}.main-footer[data-v-5745d97c]{border-top:1px solid #E0E0E0;padding-top:1rem;flex-shrink:0;background:#fff}.progress-bar-container[data-v-5745d97c]{width:100%;height:.5rem;background:#f5f5f5;border-radius:9999px;margin-bottom:1rem;overflow:hidden}.progress-bar-container .progress-bar[data-v-5745d97c]{height:100%;background:#4b89f7;border-radius:9999px;transition:width .3s ease}.footer-info[data-v-5745d97c]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#5f6368}.stats-section[data-v-5745d97c]{display:flex;align-items:center;gap:2rem}.stats-section .stat-item .stat-value[data-v-5745d97c]{color:#202124;font-weight:500;font-size:1.125rem;margin-right:.25rem}.tools-section[data-v-5745d97c]{display:flex;align-items:center;gap:1rem}.tools-section .tool-button[data-v-5745d97c]{background:none;border:none;color:#202124;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.tools-section .tool-button[data-v-5745d97c]:hover{color:#4b89f7}.tools-section .tool-button .material-icons[data-v-5745d97c],.tools-section .tool-button .material-icons-outlined[data-v-5745d97c]{font-size:24px}.sidebar[data-v-5745d97c]{width:400px;flex-shrink:0;background:#fff;border-left:1px solid #E0E0E0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-header[data-v-5745d97c]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1rem;border-bottom:1px solid #E0E0E0;background:#fff;flex-shrink:0}.sidebar-header .dict-title[data-v-5745d97c]{font-size:.9375rem;font-weight:700;color:#202124}.sidebar-header .sidebar-actions[data-v-5745d97c]{display:flex;gap:.75rem}.sidebar-header .sidebar-actions .icon-button[data-v-5745d97c]{background:none;border:none;color:#5f6368;cursor:pointer;padding:.375rem;display:flex;align-items:center;border-radius:.25rem;transition:all .2s}.sidebar-header .sidebar-actions .icon-button[data-v-5745d97c]:hover:not(:disabled){color:#4b89f7;background:#4b89f714}.sidebar-header .sidebar-actions .icon-button[data-v-5745d97c]:disabled{opacity:.3;cursor:not-allowed}.sidebar-header .sidebar-actions .icon-button .material-icons[data-v-5745d97c],.sidebar-header .sidebar-actions .icon-button .material-icons-outlined[data-v-5745d97c]{font-size:20px}.word-list[data-v-5745d97c]{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem;min-height:0}.word-list[data-v-5745d97c]::-webkit-scrollbar{width:8px}.word-list[data-v-5745d97c]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.word-list[data-v-5745d97c]::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.word-list[data-v-5745d97c]::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.word-list-item[data-v-5745d97c]{padding:1rem;margin-bottom:.5rem;border-radius:.75rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border:2px solid transparent;box-shadow:0 1px 3px #0000000f}.word-list-item[data-v-5745d97c]:hover:not(.active){background:#f8f9fa;border-color:#e0e0e0;box-shadow:0 2px 6px #0000001a}.word-list-item.active[data-v-5745d97c]{background:#e8f1ff;border:2px solid #4B89F7;box-shadow:0 3px 8px #4b89f733}.word-list-item.active .word-index[data-v-5745d97c],.word-list-item.active .word-name[data-v-5745d97c]{color:#4b89f7;font-weight:700}.word-list-item.active .word-phonetic[data-v-5745d97c]{color:#4b89f7}.word-list-item-main[data-v-5745d97c]{flex:1;min-width:0}.word-list-item-header[data-v-5745d97c]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.word-list-item-header .word-index[data-v-5745d97c]{font-size:.875rem;color:#5f6368;font-weight:600;min-width:2rem}.word-list-item-header .word-name[data-v-5745d97c]{font-weight:600;font-size:1rem;color:#202124;flex-shrink:0}.word-list-item-header .word-phonetic[data-v-5745d97c]{font-size:.8125rem;color:#5f6368;margin-left:.25rem;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-list-item-header .word-play-btn[data-v-5745d97c]{background:none;border:none;color:#5f6368;cursor:pointer;padding:.25rem;display:flex;align-items:center;margin-left:auto;border-radius:.25rem;transition:all .2s}.word-list-item-header .word-play-btn[data-v-5745d97c]:hover{color:#4b89f7;background:#4b89f71a}.word-list-item-header .word-play-btn .material-icons[data-v-5745d97c],.word-list-item-header .word-play-btn .material-icons-outlined[data-v-5745d97c]{font-size:18px}.word-preview[data-v-5745d97c]{font-size:.875rem;color:#5f6368;margin:0;padding-left:2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.word-list-item-actions[data-v-5745d97c]{display:flex;flex-direction:column;gap:.5rem;margin-left:.75rem;padding-top:.125rem}.word-list-item-actions .action-icon[data-v-5745d97c]{background:none;border:none;color:#5f6368;cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:.25rem;transition:all .2s}.word-list-item-actions .action-icon[data-v-5745d97c]:hover{color:#4b89f7;background:#4b89f71a}.word-list-item-actions .action-icon .material-icons[data-v-5745d97c],.word-list-item-actions .action-icon .material-icons-outlined[data-v-5745d97c]{font-size:20px}.material-icons[data-v-5745d97c],.material-icons-outlined[data-v-5745d97c]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons-outlined[data-v-5745d97c]{font-family:Material Icons Outlined}.dict-list[data-v-d9b3edb8]{display:flex;flex-wrap:wrap;gap:1rem}.tags[data-v-c7524832]{display:flex;flex-wrap:wrap;margin:1rem 0}.tags .tag[data-v-c7524832]{color:var(--color-font-1);cursor:pointer;padding:.4rem 1rem;border-radius:2rem}.tags .tag.active[data-v-c7524832]{color:var(--color-font-active-1);background:gray}.setting[data-v-de5cfa8d]{font-size:1.125rem;line-height:1.75rem;display:flex;color:var(--color-font-1)}.setting .left[data-v-de5cfa8d]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:2px solid gainsboro}.setting .left .tabs[data-v-de5cfa8d]{padding:.6rem 1.6rem;display:flex;flex-direction:column;gap:.6rem}.setting .left .tabs .tab[data-v-de5cfa8d]{position:relative;display:flex;cursor:pointer;align-items:center;padding:.6rem .9rem;border-radius:.5rem;gap:.6rem;transition:all .5s}.setting .left .tabs .tab[data-v-de5cfa8d]:hover,.setting .left .tabs .tab.active[data-v-de5cfa8d]{background:var(--color-select-bg);color:var(--color-select-text)}.setting .content[data-v-de5cfa8d]{flex:1;height:100%;overflow:auto;padding:0 1.6rem}.setting .content .row[data-v-de5cfa8d]{min-height:2.6rem;display:flex;justify-content:space-between;align-items:center;gap:calc(var(--space) * 5)}.setting .content .row .wrapper[data-v-de5cfa8d]{height:2rem;flex:1;display:flex;justify-content:flex-end;gap:var(--space)}.setting .content .row .wrapper span[data-v-de5cfa8d]{text-align:right;font-size:.7rem;color:gray}.setting .content .row .wrapper .set-key[data-v-de5cfa8d]{align-items:center}.setting .content .row .wrapper .set-key input[data-v-de5cfa8d]{width:9rem;box-sizing:border-box;margin-right:.6rem;height:1.8rem;outline:none;font-size:1rem;border:1px solid gray;border-radius:.2rem;padding:0 .3rem;background:var(--color-second);color:var(--color-font-1)}.setting .content .row .main-title[data-v-de5cfa8d]{font-size:1.1rem;font-weight:700}.setting .content .row .item-title[data-v-de5cfa8d]{font-size:1rem}.setting .content .row .sub-title[data-v-de5cfa8d]{font-size:.9rem}.setting .content .body[data-v-de5cfa8d]{height:100%;overflow:hidden;display:flex;flex-direction:column}.setting .content .scroll[data-v-de5cfa8d]{flex:1;padding-right:.6rem;overflow:auto}.setting .content .line[data-v-de5cfa8d]{border-bottom:1px solid #c4c3c3}.import[data-v-de5cfa8d]{display:inline-flex;position:relative}.import input[data-v-de5cfa8d]{position:absolute;height:100%;width:100%;opacity:0}.home-container[data-v-f4d8b6df]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;overflow-x:hidden}.content-wrapper[data-v-f4d8b6df]{max-width:1200px;margin:0 auto}.brand-header[data-v-f4d8b6df]{background:#fff;border-radius:24px;padding:50px 60px;margin-bottom:40px;box-shadow:0 10px 40px #00000026;text-align:center;display:flex;flex-direction:column;align-items:center}.logo-container[data-v-f4d8b6df]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.brand-logo-icon[data-v-f4d8b6df]{height:132px;width:auto;object-fit:contain;flex-shrink:0}.brand-title[data-v-f4d8b6df]{font-size:84px;font-weight:800;background:linear-gradient(135deg,#475ec7,#8f7aa6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px}.brand-subtitle[data-v-f4d8b6df]{font-size:28px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:-32px;letter-spacing:2px}.tagline[data-v-f4d8b6df]{font-size:36px;color:#fff;margin-bottom:24px;font-weight:800;letter-spacing:1px;padding:24px 48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:60px;display:inline-block;box-shadow:0 12px 32px #667eea59,0 4px 12px #764ba233;position:relative;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.2)}.tagline[data-v-f4d8b6df]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:0}.btn-lets-go[data-v-f4d8b6df]{padding:12px 32px;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(90deg,#f5576c,#f093fb);border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 32px #f093fb66,0 4px 16px #f5576c4d;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:floating-f4d8b6df 3s ease-in-out infinite}.btn-lets-go[data-v-f4d8b6df]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-lets-go[data-v-f4d8b6df]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 40px #f093fb80,0 8px 24px #f5576c66;animation-play-state:paused}.btn-lets-go[data-v-f4d8b6df]:hover:before{left:100%}.btn-lets-go[data-v-f4d8b6df]:active{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #f093fb66,0 4px 12px #f5576c4d}.btn-lets-go-text[data-v-f4d8b6df]{position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:1px}.btn-lets-go-arrow[data-v-f4d8b6df]{position:relative;z-index:1;font-size:24px;transition:transform .3s ease;display:inline-block}.btn-lets-go:hover .btn-lets-go-arrow[data-v-f4d8b6df]{transform:translate(6px);animation:arrowBounce-f4d8b6df .6s ease-in-out infinite}@keyframes floating-f4d8b6df{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes arrowBounce-f4d8b6df{0%,to{transform:translate(6px)}50%{transform:translate(12px)}}.hero-section[data-v-f4d8b6df]{background:#fff;border-radius:20px;padding:45px 50px 40px;margin-bottom:32px;box-shadow:0 10px 40px #00000026}.section-title[data-v-f4d8b6df]{font-size:42px;font-weight:700;color:#2d3748;margin-bottom:15px;text-align:center}.section-subtitle[data-v-f4d8b6df]{font-size:20px;color:#718096;text-align:center;margin-bottom:32px;line-height:1.8}.mb5-intro[data-v-f4d8b6df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:0}.intro-card[data-v-f4d8b6df]{background:linear-gradient(135deg,#f8f9ff,#eef2ff);border-radius:20px;padding:32px 28px;border-left:5px solid #667eea;transition:all .3s;position:relative;overflow:hidden}.intro-card[data-v-f4d8b6df]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 50%);pointer-events:none}.intro-card[data-v-f4d8b6df]:hover{transform:translateY(-6px);box-shadow:0 12px 28px #667eea40;border-left-width:6px}.intro-card h3[data-v-f4d8b6df]{font-size:24px;font-weight:700;color:#667eea;margin-bottom:16px;display:flex;align-items:center;gap:10px;position:relative;z-index:1}.intro-card p[data-v-f4d8b6df]{font-size:17px;color:#4a5568;line-height:1.8;position:relative;z-index:1}.architecture-section[data-v-f4d8b6df]{background:#1a202c;border-radius:24px;padding:60px 50px;margin-bottom:32px;box-shadow:0 20px 60px #0000004d}.mb5-header[data-v-f4d8b6df]{text-align:center;margin-bottom:50px}.mb5-title[data-v-f4d8b6df]{font-size:52px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-1px}.mb5-title .highlight[data-v-f4d8b6df]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mb5-subtitle[data-v-f4d8b6df]{font-size:18px;color:#ffffffb3;font-weight:400;letter-spacing:.5px}.what-is-mb5[data-v-f4d8b6df]{background:#1e293bcc;border-radius:20px;padding:32px 40px;margin-bottom:50px;display:flex;align-items:flex-start;gap:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0003}.icon-bulb[data-v-f4d8b6df]{font-size:48px;flex-shrink:0;width:72px;height:72px;background:#fbbf2426;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #fbbf244d}.mb5-content h3[data-v-f4d8b6df]{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px}.mb5-content p[data-v-f4d8b6df]{font-size:16px;color:#fffc;line-height:1.8}.layers-cards[data-v-f4d8b6df]{position:relative;height:400px;margin:0 auto 80px;max-width:1000px;display:flex;align-items:center;justify-content:center}.layer-card[data-v-f4d8b6df]{position:absolute;width:280px;height:360px;border-radius:24px;padding:32px 28px;color:#fff;box-shadow:0 20px 60px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.layer-card[data-v-f4d8b6df]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.layer-card[data-v-f4d8b6df]:after{content:"✦";position:absolute;top:20px;right:24px;font-size:28px;color:#ffffff4d;transition:all .3s ease;pointer-events:none}.layer-card[data-v-f4d8b6df]:hover:after{color:#fffc;transform:rotate(180deg) scale(1.2)}.card-corner[data-v-f4d8b6df]{position:absolute;top:16px;left:16px;font-size:24px;font-weight:900;opacity:.3;letter-spacing:-.5px}.card-title[data-v-f4d8b6df]{font-size:32px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:1}.card-subtitle[data-v-f4d8b6df]{font-size:14px;opacity:.9;margin-bottom:8px;position:relative;z-index:1;line-height:1.6}.card-description[data-v-f4d8b6df]{font-size:13px;opacity:.85;position:relative;z-index:1;line-height:1.5}.layer-purple[data-v-f4d8b6df]{background:linear-gradient(135deg,#a855f7,#9333ea);transform:rotate(-15deg) translate(-220px);z-index:1}.layer-orange[data-v-f4d8b6df]{background:linear-gradient(135deg,#fb923c,#f97316);transform:rotate(-7.5deg) translate(-110px);z-index:2}.layer-blue[data-v-f4d8b6df]{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:rotate(0);z-index:3;box-shadow:0 25px 70px #3b82f666}.layer-green[data-v-f4d8b6df]{background:linear-gradient(135deg,#34d399,#10b981);transform:rotate(7.5deg) translate(110px);z-index:2}.layer-pink[data-v-f4d8b6df]{background:linear-gradient(135deg,#f472b6,#ec4899);transform:rotate(15deg) translate(220px);z-index:1}.layer-purple[data-v-f4d8b6df]:hover{transform:rotate(-15deg) translate(-220px) scale(1.05);z-index:10!important;box-shadow:0 30px 80px #a855f780}.layer-orange[data-v-f4d8b6df]:hover{transform:rotate(-7.5deg) translate(-110px) scale(1.05);z-index:10!important;box-shadow:0 30px 80px #fb923c80}.layer-blue[data-v-f4d8b6df]:hover{transform:rotate(0) scale(1.05);z-index:10!important;box-shadow:0 30px 80px #3b82f680}.layer-green[data-v-f4d8b6df]:hover{transform:rotate(7.5deg) translate(110px) scale(1.05);z-index:10!important;box-shadow:0 30px 80px #34d39980}.layer-pink[data-v-f4d8b6df]:hover{transform:rotate(15deg) translate(220px) scale(1.05);z-index:10!important;box-shadow:0 30px 80px #f472b680}.architecture-list[data-v-f4d8b6df]{max-width:900px;margin:0 auto;position:relative}.architecture-list[data-v-f4d8b6df]:before{content:"";position:absolute;left:56px;top:118px;bottom:88px;width:3px;background:linear-gradient(to bottom,#a855f7,#fb923c,#60a5fa 40%,#34d399,#f472b6);border-radius:2px;pointer-events:none}.list-title[data-v-f4d8b6df]{font-size:32px;font-weight:700;color:#fff;text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1)}.architecture-item[data-v-f4d8b6df]{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;padding:28px;background:#1e293b80;border-radius:16px;transition:all .3s;position:relative;z-index:1}.architecture-item[data-v-f4d8b6df]:hover{background:#1e293bcc;transform:translate(8px)}.item-icon[data-v-f4d8b6df]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.purple-icon[data-v-f4d8b6df]{background:linear-gradient(135deg,#a855f7,#9333ea)}.architecture-item[data-v-f4d8b6df]:has(.purple-icon):hover{box-shadow:0 8px 24px #a855f74d}.orange-icon[data-v-f4d8b6df]{background:linear-gradient(135deg,#fb923c,#f97316)}.architecture-item[data-v-f4d8b6df]:has(.orange-icon):hover{box-shadow:0 8px 24px #fb923c4d}.blue-icon[data-v-f4d8b6df]{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.architecture-item[data-v-f4d8b6df]:has(.blue-icon):hover{box-shadow:0 8px 24px #60a5fa4d}.green-icon[data-v-f4d8b6df]{background:linear-gradient(135deg,#34d399,#10b981)}.architecture-item[data-v-f4d8b6df]:has(.green-icon):hover{box-shadow:0 8px 24px #34d3994d}.pink-icon[data-v-f4d8b6df]{background:linear-gradient(135deg,#f472b6,#ec4899)}.architecture-item[data-v-f4d8b6df]:has(.pink-icon):hover{box-shadow:0 8px 24px #f472b64d}.item-content h4[data-v-f4d8b6df]{font-size:22px;font-weight:700;color:#fff;margin-bottom:10px}.item-content p[data-v-f4d8b6df]{font-size:16px;color:#ffffffb3;line-height:1.6}.methodology-section[data-v-f4d8b6df]{background:#fff;border-radius:20px;padding:45px 50px 40px;margin-bottom:32px;box-shadow:0 10px 40px #00000026}.methodology-grid[data-v-f4d8b6df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.methodology-card[data-v-f4d8b6df]{background:#fff;border-radius:20px;padding:36px 32px;border:3px solid transparent;background-clip:padding-box;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000014}.methodology-card[data-v-f4d8b6df]:before{content:"";position:absolute;inset:0;border-radius:17px;padding:3px;background:linear-gradient(135deg,#10b981,#059669);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.methodology-card[data-v-f4d8b6df]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #10b98140}.methodology-card[data-v-f4d8b6df]:hover:before{background:linear-gradient(135deg,#10b981,#34d399)}.methodology-card h3[data-v-f4d8b6df]{font-size:28px;font-weight:700;color:#15803d;margin-bottom:8px;display:flex;align-items:center;gap:12px}.methodology-card .theory-name[data-v-f4d8b6df]{font-size:17px;color:#16a34a;font-weight:600;margin-bottom:20px;font-style:italic;opacity:.9}.methodology-card p[data-v-f4d8b6df]{font-size:17px;color:#1e293b;line-height:1.8;margin-bottom:16px}.methodology-card p strong[data-v-f4d8b6df]{color:#15803d;font-weight:700}.methodology-card ul[data-v-f4d8b6df]{list-style:none;margin-top:16px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border-left:4px solid #22c55e}.methodology-card li[data-v-f4d8b6df]{font-size:16px;color:#166534;padding:10px 0 10px 28px;position:relative;line-height:1.7;border-bottom:1px solid rgba(34,197,94,.1)}.methodology-card li[data-v-f4d8b6df]:last-child{border-bottom:none;padding-bottom:0}.methodology-card li[data-v-f4d8b6df]:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700;font-size:18px}.benefits-section[data-v-f4d8b6df]{background:#fff;border-radius:20px;padding:45px 50px 40px;margin-bottom:32px;box-shadow:0 10px 40px #00000026}.benefits-grid[data-v-f4d8b6df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.benefit-card[data-v-f4d8b6df]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:25px;text-align:center;border:2px solid #f59e0b}.benefit-icon[data-v-f4d8b6df]{font-size:56px;margin-bottom:15px}.benefit-card h4[data-v-f4d8b6df]{font-size:22px;font-weight:700;color:#92400e;margin-bottom:10px}.benefit-card p[data-v-f4d8b6df]{font-size:16px;color:#78350f;line-height:1.6}.footer[data-v-f4d8b6df]{text-align:center;padding:40px;background:#ffffff26;border-radius:20px;color:#fff;margin-bottom:40px}.footer p[data-v-f4d8b6df]{font-size:15px;margin-bottom:15px;line-height:1.6}.footer-note[data-v-f4d8b6df]{font-size:13px;opacity:.9;margin-top:20px}.bottom[data-v-f4d8b6df]{width:100%;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}a[data-v-f4d8b6df]{color:unset}@media (max-width: 768px){.home-container[data-v-f4d8b6df]{padding:16px}.brand-header[data-v-f4d8b6df]{padding:30px 25px}.brand-logo-icon[data-v-f4d8b6df]{height:60px}.brand-title[data-v-f4d8b6df]{font-size:40px}.brand-subtitle[data-v-f4d8b6df]{font-size:24px}.tagline[data-v-f4d8b6df]{font-size:28px;padding:16px 32px}.tagline-secondary[data-v-f4d8b6df]{font-size:16px}.section-title[data-v-f4d8b6df]{font-size:28px}.hero-section[data-v-f4d8b6df],.architecture-section[data-v-f4d8b6df],.methodology-section[data-v-f4d8b6df],.benefits-section[data-v-f4d8b6df]{padding:30px 25px}.pyramid-container[data-v-f4d8b6df]{padding:24px 16px;gap:16px;grid-template-columns:1fr}.layer-box[data-v-f4d8b6df]{padding:32px 24px;min-height:180px}.layer-name[data-v-f4d8b6df]{font-size:28px}.layer-subtitle[data-v-f4d8b6df]{font-size:13px}.layer-description[data-v-f4d8b6df]{font-size:12px}}.l5-container[data-v-27f7a3bf]{min-height:100vh;background:linear-gradient(135deg,#e8eaf6,#c5cae9);padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;max-width:1400px;margin:0 auto}.header[data-v-27f7a3bf]{background:#fff;border-radius:12px;padding:20px 28px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-left[data-v-27f7a3bf]{display:flex;align-items:center;gap:16px;flex:1}.header-right[data-v-27f7a3bf]{display:flex;align-items:center;gap:16px;flex-shrink:0}.question-nav-group[data-v-27f7a3bf]{display:flex;align-items:center;gap:12px}.btn-back[data-v-27f7a3bf]{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-27f7a3bf]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-27f7a3bf]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-27f7a3bf]{display:block;line-height:1}.layer-badge[data-v-27f7a3bf]{background:linear-gradient(135deg,#9c88ff,#7c4dff);color:#fff;width:80px;height:80px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;box-shadow:0 4px 12px #7c4dff4d}.badge-level[data-v-27f7a3bf]{font-size:28px;font-weight:800;line-height:1;letter-spacing:1px}.badge-name[data-v-27f7a3bf]{font-size:13px;font-weight:600;line-height:1;opacity:.95}.exam-year-title[data-v-27f7a3bf]{flex-shrink:0}.exam-year-badge[data-v-27f7a3bf]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 16px #667eea59;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.exam-year-badge[data-v-27f7a3bf]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.exam-icon[data-v-27f7a3bf]{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.exam-text[data-v-27f7a3bf]{display:flex;flex-direction:column;gap:4px}.exam-name[data-v-27f7a3bf]{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.5px}.exam-subtitle[data-v-27f7a3bf]{font-size:12px;font-weight:600;line-height:1;opacity:.9;letter-spacing:.3px}.header-content[data-v-27f7a3bf]{flex:1;min-width:0}.header-title[data-v-27f7a3bf]{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 4px;line-height:1.2}.header-subtitle[data-v-27f7a3bf]{font-size:14px;color:#718096;margin:0;line-height:1.4}.question-counter[data-v-27f7a3bf]{display:flex;align-items:center;gap:10px;padding:8px 20px;background:#f7fafc;border-radius:6px;white-space:nowrap}.question-nav-buttons[data-v-27f7a3bf]{display:flex;gap:8px}.counter-label[data-v-27f7a3bf]{font-size:13px;color:#718096;font-weight:500}.counter-numbers[data-v-27f7a3bf]{display:flex;align-items:baseline;gap:4px}.counter-current[data-v-27f7a3bf]{font-size:22px;font-weight:700;color:#2d3748;line-height:1}.counter-divider[data-v-27f7a3bf]{font-size:16px;color:#cbd5e0;font-weight:400}.counter-total[data-v-27f7a3bf]{font-size:16px;color:#a0aec0;font-weight:600}.topic-section[data-v-27f7a3bf]{background:#fff;border-radius:12px;padding:24px 28px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.topic-header[data-v-27f7a3bf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topic-left[data-v-27f7a3bf]{display:flex;align-items:center;gap:12px}.topic-icon[data-v-27f7a3bf]{font-size:32px;flex-shrink:0;line-height:1}.topic-label[data-v-27f7a3bf]{font-size:18px;color:#7c4dff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-translate[data-v-27f7a3bf]{padding:8px 16px;background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-translate[data-v-27f7a3bf]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c4dff4d}.btn-translate[data-v-27f7a3bf]:active{transform:translateY(0)}.topic-content[data-v-27f7a3bf]{flex:1}.topic-text[data-v-27f7a3bf]{font-size:20px;font-weight:500;line-height:1.7;color:#2d3748}.topic-text.translated[data-v-27f7a3bf]{color:#4a5568;font-style:italic}.types-grid[data-v-27f7a3bf]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:24px}.type-card[data-v-27f7a3bf]{background:#fff;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;border:2px solid transparent;position:relative;box-shadow:0 2px 8px #0000000f}.type-card[data-v-27f7a3bf]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.type-card.selected[data-v-27f7a3bf]{border-color:var(--number-color);background:var(--bg-color);box-shadow:0 4px 12px #0000001f}.type-card.disabled[data-v-27f7a3bf]{opacity:.7;pointer-events:none}.type-card.correct[data-v-27f7a3bf]{border-color:#48bb78;background:#f0fff4}.type-card.wrong[data-v-27f7a3bf]{border-color:#fc8181;background:#fff5f5}.card-header[data-v-27f7a3bf]{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.type-number[data-v-27f7a3bf]{width:40px;height:40px;background:var(--number-color);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.type-info[data-v-27f7a3bf]{flex:1;min-width:0}.type-name[data-v-27f7a3bf]{font-size:17px;font-weight:700;color:#2d3748;margin-bottom:5px;line-height:1.3}.type-subtitle[data-v-27f7a3bf]{font-size:14px;color:#4a5568;line-height:1.3}.type-keywords[data-v-27f7a3bf]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.keyword-tag[data-v-27f7a3bf]{font-size:12px;padding:5px 12px;background:#e2e8f0;color:#2d3748;border-radius:5px;font-weight:600;border:1px solid #cbd5e0}.type-structure[data-v-27f7a3bf]{font-size:13px;color:#2d3748;line-height:1.6;padding:12px;background:#f7fafc;border-radius:6px;margin-bottom:12px}.type-structure strong[data-v-27f7a3bf]{color:#1a202c;font-weight:700}.frequency-stars[data-v-27f7a3bf]{display:flex;align-items:center;gap:8px}.frequency-label[data-v-27f7a3bf]{font-size:12px;color:#4a5568;font-weight:600}.stars[data-v-27f7a3bf]{color:#fbbf24;font-size:13px;line-height:1}.result-badge[data-v-27f7a3bf]{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.result-badge.correct[data-v-27f7a3bf]{background:#c6f6d5;color:#22543d}.result-badge.wrong[data-v-27f7a3bf]{background:#fed7d7;color:#742a2a}.feedback-panel[data-v-27f7a3bf]{background:#fffbeb;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;display:none;border-left:4px solid #f59e0b}.feedback-panel.active[data-v-27f7a3bf]{display:flex;animation:fadeIn-27f7a3bf .3s ease-out}.panel-icon[data-v-27f7a3bf]{font-size:32px;flex-shrink:0;line-height:1}.panel-content[data-v-27f7a3bf]{flex:1;margin-left:16px}.panel-title[data-v-27f7a3bf]{font-size:14px;color:#92400e;font-weight:600;margin-bottom:10px}.wrong-text[data-v-27f7a3bf]{font-size:14px;color:#78350f;line-height:1.6}.ai-panel[data-v-27f7a3bf]{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 8px #0000000f;display:none;margin-bottom:24px}.ai-panel.active[data-v-27f7a3bf]{display:block;animation:fadeInUp-27f7a3bf .4s ease-out}.ai-header[data-v-27f7a3bf]{display:flex;align-items:center;gap:14px;margin-bottom:24px}.ai-avatar[data-v-27f7a3bf]{width:44px;height:44px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.ai-title[data-v-27f7a3bf]{font-size:18px;font-weight:700;color:#2d3748}.analysis-content[data-v-27f7a3bf]{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.analysis-box[data-v-27f7a3bf]{padding:18px;background:#f7fafc;border-radius:8px;border-left:3px solid #6c5ce7}.analysis-label[data-v-27f7a3bf]{font-size:16px;color:#6c5ce7;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.analysis-text[data-v-27f7a3bf]{font-size:14px;color:#2d3748;line-height:1.6}.bottom-actions[data-v-27f7a3bf]{background:#fff;border-radius:12px;padding:20px 28px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;align-items:center;gap:24px}.help-tip[data-v-27f7a3bf]{font-size:14px;color:#4a5568;display:flex;align-items:center;gap:10px;flex:1}.help-tip .tip-icon[data-v-27f7a3bf]{font-size:18px;flex-shrink:0}.action-buttons[data-v-27f7a3bf]{display:flex;gap:12px;flex-shrink:0;align-items:center}.btn[data-v-27f7a3bf]{padding:12px 24px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:44px;min-width:44px}.btn[data-v-27f7a3bf]:disabled{opacity:.4;cursor:not-allowed}.btn[data-v-27f7a3bf]:not(:disabled):hover{transform:translateY(-1px)}.btn-icon[data-v-27f7a3bf]{padding:0;width:44px;font-size:20px;gap:0}.btn-secondary[data-v-27f7a3bf]{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary[data-v-27f7a3bf]:not(:disabled):hover{background:#edf2f7}.btn-secondary span.btn-icon[data-v-27f7a3bf]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.btn-primary[data-v-27f7a3bf]{background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff}.btn-primary[data-v-27f7a3bf]:not(:disabled):hover{box-shadow:0 4px 12px #7c4dff4d}.btn-primary span.btn-icon[data-v-27f7a3bf]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.btn-success[data-v-27f7a3bf]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-success[data-v-27f7a3bf]:not(:disabled):hover{box-shadow:0 4px 12px #48bb784d}@keyframes fadeIn-27f7a3bf{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp-27f7a3bf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.types-grid[data-v-27f7a3bf]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.l5-container[data-v-27f7a3bf]{padding:16px}.header[data-v-27f7a3bf]{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.header-left[data-v-27f7a3bf]{flex-direction:column;align-items:flex-start;gap:10px}.header-right[data-v-27f7a3bf]{flex-direction:row;justify-content:center;align-items:center;width:100%}.question-nav-group[data-v-27f7a3bf]{gap:8px}.question-counter[data-v-27f7a3bf]{padding:6px 16px}.types-grid[data-v-27f7a3bf],.analysis-content[data-v-27f7a3bf]{grid-template-columns:1fr}.bottom-actions[data-v-27f7a3bf]{flex-direction:column;gap:12px;padding:16px}.help-tip[data-v-27f7a3bf]{text-align:center;justify-content:center}.action-buttons[data-v-27f7a3bf]{width:100%;justify-content:center;flex-wrap:wrap}}.l4-container[data-v-f598e162]{min-height:100vh;background:linear-gradient(135deg,#fa709a,#fee140);padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;max-width:1400px;margin:0 auto}.header[data-v-f598e162]{background:#fff;border-radius:12px;padding:20px 28px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-left[data-v-f598e162]{display:flex;align-items:center;gap:16px;flex:1}.header-content[data-v-f598e162]{flex:1}.flow-indicator[data-v-f598e162]{display:flex;align-items:center;gap:10px;font-size:12px;color:#718096;margin-bottom:10px}.flow-step[data-v-f598e162]{padding:5px 12px;background:#e2e8f0;border-radius:12px;font-weight:600}.flow-step.completed[data-v-f598e162]{background:#c6f6d5;color:#22543d}.flow-step.current[data-v-f598e162]{background:#fa709a;color:#fff}.flow-arrow[data-v-f598e162]{color:#cbd5e0}.header-title[data-v-f598e162]{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 4px}.header-subtitle[data-v-f598e162]{font-size:14px;color:#718096;margin:0}.btn-back[data-v-f598e162]{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-f598e162]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-f598e162]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-f598e162]{display:block;line-height:1}.main-content[data-v-f598e162]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.question-section[data-v-f598e162]{margin-bottom:32px}.question-header[data-v-f598e162]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.question-icon[data-v-f598e162]{font-size:36px;flex-shrink:0;line-height:1}.btn-translate[data-v-f598e162]{padding:8px 16px;background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #7c4dff4d}.btn-translate[data-v-f598e162]:hover{background:linear-gradient(135deg,#6a3de8,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #7c4dff66}.btn-translate[data-v-f598e162]:active{transform:translateY(0)}.question-topic[data-v-f598e162]{font-size:20px;font-weight:500;line-height:1.8;color:#2d3748;padding:24px 28px;background:#fff9db;border-radius:12px;border-left:4px solid #f59e0b;margin-bottom:20px}.question-topic.translated[data-v-f598e162]{color:#4a5568;font-style:italic}.question-topic[data-v-f598e162] .keyword-highlight{background:#f59e0b4d;padding:2px 6px;border-radius:4px;font-weight:700;color:#92400e}.instruction[data-v-f598e162]{padding:16px 20px;background:#f0f9ff;border-radius:10px;font-size:14px;color:#1e40af;line-height:1.6}.section-title[data-v-f598e162]{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:20px}.strategies-grid[data-v-f598e162]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:24px}.strategy-card[data-v-f598e162]{padding:20px 16px;background:#fff;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.strategy-card[data-v-f598e162]:hover:not(.disabled){border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 4px 12px #3b82f633}.strategy-card.selected[data-v-f598e162]{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f64d}.strategy-card.correct[data-v-f598e162]{border-color:#48bb78;background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.strategy-card.wrong[data-v-f598e162]{border-color:#f56565;background:linear-gradient(135deg,#fff5f5,#fed7d7)}.strategy-card.disabled[data-v-f598e162]{opacity:.7;pointer-events:none}.strategy-icon[data-v-f598e162]{font-size:32px;margin-bottom:12px}.strategy-name[data-v-f598e162]{font-size:15px;font-weight:700;color:#2d3748;margin-bottom:6px}.strategy-hint[data-v-f598e162]{font-size:12px;color:#718096;margin-bottom:8px}.strategy-keywords[data-v-f598e162]{font-size:11px;color:#0984e3;background:#e0f2fe;padding:5px 10px;border-radius:5px;font-weight:600}.strategy-tooltip[data-v-f598e162]{margin-top:24px;padding:24px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:16px;animation:slideDown-f598e162 .3s ease-out}@keyframes slideDown-f598e162{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tooltip-header[data-v-f598e162]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #bfdbfe}.tooltip-icon[data-v-f598e162]{font-size:28px}.tooltip-title[data-v-f598e162]{font-size:20px;font-weight:700;color:#1e40af}.tooltip-content[data-v-f598e162]{display:flex;flex-direction:column;gap:14px}.tooltip-section[data-v-f598e162]{background:#fff;padding:14px;border-radius:8px;border-left:3px solid #60a5fa}.tooltip-label[data-v-f598e162]{font-size:16px;font-weight:700;color:#1e40af;margin-bottom:8px}.tooltip-text[data-v-f598e162]{font-size:16px;color:#4a5568;line-height:1.6}.feedback-panel[data-v-f598e162]{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f;animation:slideUp-f598e162 .3s ease-out}@keyframes slideUp-f598e162{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-header[data-v-f598e162]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f7fafc}.feedback-icon[data-v-f598e162]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.feedback-icon.correct[data-v-f598e162]{background:linear-gradient(135deg,#c6f6d5,#9ae6b4)}.feedback-icon.wrong[data-v-f598e162]{background:linear-gradient(135deg,#fed7d7,#fc8181)}.feedback-text h3[data-v-f598e162]{font-size:22px;font-weight:700;color:#2d3748;margin:0 0 5px}.feedback-text p[data-v-f598e162]{font-size:14px;color:#718096;margin:0}.feedback-content[data-v-f598e162]{margin-bottom:24px}.feedback-box[data-v-f598e162]{padding:18px;background:#f7fafc;border-radius:10px;margin-bottom:16px}.feedback-box-title[data-v-f598e162]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border-left:4px solid #667eea}.feedback-box-text[data-v-f598e162]{font-size:16px;color:#4a5568;line-height:1.7}.framework-analysis[data-v-f598e162]{display:flex;flex-direction:column;gap:16px;margin-top:12px}.framework-card[data-v-f598e162]{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s ease}.framework-card[data-v-f598e162]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.framework-card-header[data-v-f598e162]{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.framework-icon[data-v-f598e162]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0}.intro-card .framework-icon[data-v-f598e162]{background:linear-gradient(135deg,#667eea,#764ba2)}.body1-card .framework-icon[data-v-f598e162]{background:linear-gradient(135deg,#f093fb,#f5576c)}.body2-card .framework-icon[data-v-f598e162]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.conclusion-card .framework-icon[data-v-f598e162]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.intro-card[data-v-f598e162]{border-color:#667eea4d}.body1-card[data-v-f598e162]{border-color:#f093fb4d}.body2-card[data-v-f598e162]{border-color:#4facfe4d}.conclusion-card[data-v-f598e162]{border-color:#43e97b4d}.framework-info[data-v-f598e162]{flex:1}.framework-title[data-v-f598e162]{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}.framework-wordcount[data-v-f598e162]{font-size:12px;color:#64748b;font-weight:600;background:#e2e8f0;padding:3px 10px;border-radius:10px}.framework-card-body[data-v-f598e162]{padding:16px 20px}.framework-strategy[data-v-f598e162]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border-left:3px solid #f59e0b}.strategy-label[data-v-f598e162]{font-size:12px;font-weight:700;color:#92400e}.strategy-text[data-v-f598e162]{font-size:13px;color:#78350f;font-weight:600}.framework-content[data-v-f598e162]{font-size:16px;color:#334155;line-height:1.7;margin-bottom:12px}.framework-elements[data-v-f598e162]{display:flex;flex-wrap:wrap;gap:8px}.element-tag[data-v-f598e162]{font-size:12px;padding:5px 12px;background:#f1f5f9;color:#475569;border-radius:6px;font-weight:600;border:1px solid #e2e8f0}.next-step-preview[data-v-f598e162]{background:#fef3c7;padding:20px;border-radius:10px;border-left:4px solid #f59e0b}.next-step-title[data-v-f598e162]{font-size:14px;font-weight:700;color:#92400e;margin-bottom:10px}.next-step-text[data-v-f598e162]{font-size:14px;color:#78350f;line-height:1.6}.bottom-actions[data-v-f598e162]{background:#fff;border-radius:12px;padding:20px 28px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}.help-tip[data-v-f598e162]{font-size:14px;color:#4a5568;display:flex;align-items:center;gap:10px;flex:1}.help-tip .tip-icon[data-v-f598e162]{font-size:18px;flex-shrink:0}.action-buttons[data-v-f598e162]{display:flex;gap:12px;flex-shrink:0;align-items:center}.btn[data-v-f598e162]{padding:12px 28px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;height:44px;display:inline-flex;align-items:center;gap:8px}.btn[data-v-f598e162]:hover{transform:translateY(-2px)}.btn-primary[data-v-f598e162]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-primary[data-v-f598e162]:hover{box-shadow:0 4px 12px #fa709a4d}.btn-primary .btn-icon[data-v-f598e162]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary[data-v-f598e162]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-f598e162]:hover{background:#cbd5e0}.btn-secondary .btn-icon[data-v-f598e162]{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.btn-success[data-v-f598e162]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-success[data-v-f598e162]:hover{box-shadow:0 4px 12px #48bb784d}@media (max-width: 1024px){.strategies-grid[data-v-f598e162]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.l4-container[data-v-f598e162]{padding:16px}.header[data-v-f598e162]{flex-direction:column;align-items:stretch}.strategies-grid[data-v-f598e162]{grid-template-columns:1fr}.bottom-actions[data-v-f598e162]{flex-direction:column;gap:12px;padding:16px}.help-tip[data-v-f598e162]{text-align:center;justify-content:center}.action-buttons[data-v-f598e162]{width:100%;justify-content:center;flex-wrap:wrap}}.argumentation-container[data-v-ce906245]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px 20px 120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.header[data-v-ce906245]{background:#fff;border-radius:20px;padding:30px 40px;margin:0 auto 25px;max-width:1400px;box-shadow:0 4px 20px #00000014}.header h1[data-v-ce906245]{font-size:28px;font-weight:700;color:#2d3748;margin:0}.header p[data-v-ce906245]{font-size:14px;color:#718096;margin:8px 0 0}.header-top[data-v-ce906245]{display:flex;align-items:center;gap:16px}.header-content[data-v-ce906245]{flex:1}.header-content h1[data-v-ce906245]{font-size:28px;font-weight:700;color:#2d3748;margin:0}.header-content p[data-v-ce906245]{font-size:14px;color:#718096;margin:8px 0 0}.btn-back[data-v-ce906245]{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-ce906245]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-ce906245]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-ce906245]{display:block;line-height:1}.integration-banner[data-v-ce906245]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:24px 28px;margin:0 auto 20px;max-width:1400px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.topic-header[data-v-ce906245]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:relative;z-index:1}.topic-label[data-v-ce906245]{font-size:14px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}.btn-translate[data-v-ce906245]{padding:6px 12px;background:#92400e1a;color:#92400e;border:1.5px solid rgba(146,64,14,.2);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-translate[data-v-ce906245]:hover{background:#92400e26;border-color:#92400e4d;transform:translateY(-1px)}.btn-translate[data-v-ce906245]:active{transform:translateY(0)}.topic-text[data-v-ce906245]{font-size:18px;line-height:1.8;color:#78350f;font-weight:500;position:relative;z-index:1;margin-bottom:8px}.topic-text-zh[data-v-ce906245]{font-size:15px;color:#92400e;line-height:1.6;position:relative;z-index:1}.content-grid[data-v-ce906245]{max-width:1400px;margin:0 auto}.progress-tracker-horizontal[data-v-ce906245]{background:#fff;border-radius:16px;padding:20px 28px;box-shadow:0 4px 20px #00000014;max-width:1400px;margin:0 auto 15px}.tracker-header[data-v-ce906245]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.tracker-title[data-v-ce906245]{font-size:18px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:8px}.tracker-stats[data-v-ce906245]{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px 24px;border-radius:12px;border:2px solid #e2e8f0}.stat-item[data-v-ce906245]{display:flex;align-items:baseline;gap:8px}.stat-label[data-v-ce906245]{font-size:12px;color:#64748b;font-weight:500}.stat-value[data-v-ce906245]{font-size:20px;font-weight:700;color:#2d3748}.stat-value.highlight[data-v-ce906245]{color:#667eea;font-size:24px}.stat-hint[data-v-ce906245]{font-size:12px;color:#94a3b8;font-weight:500}.stat-divider[data-v-ce906245]{width:1px;height:24px;background:linear-gradient(to bottom,transparent,#cbd5e0,transparent)}.tracker-steps-horizontal[data-v-ce906245]{display:flex;align-items:center;justify-content:space-between;gap:12px}.tracker-step-horizontal[data-v-ce906245]{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .3s;background:#f8fafc;border:2px solid transparent}.tracker-step-horizontal[data-v-ce906245]:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tracker-step-horizontal.active[data-v-ce906245]{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-color:#667eea}.tracker-step-horizontal.active .tracker-step-circle[data-v-ce906245]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.tracker-step-horizontal.completed .tracker-step-circle[data-v-ce906245]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tracker-step-horizontal.completed .tracker-step-circle[data-v-ce906245]:after{position:absolute;font-size:14px;font-weight:700}.tracker-step-horizontal .tracker-step-circle[data-v-ce906245]{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-bottom:8px;transition:all .3s;position:relative}.tracker-step-horizontal .tracker-step-info[data-v-ce906245]{text-align:center}.tracker-step-horizontal .tracker-step-label[data-v-ce906245]{font-size:13px;font-weight:600;color:#2d3748;margin-bottom:2px}.tracker-step-horizontal .tracker-step-subtitle[data-v-ce906245]{font-size:11px;color:#64748b;line-height:1.3}.tracker-connector[data-v-ce906245]{width:30px;height:2px;background:linear-gradient(90deg,#e2e8f0,#cbd5e0);flex-shrink:0}.progress-tracker[data-v-ce906245]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;position:sticky;top:20px;width:220px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;z-index:100;margin-right:25px}.progress-tracker[data-v-ce906245]::-webkit-scrollbar{width:6px}.progress-tracker[data-v-ce906245]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.progress-tracker[data-v-ce906245]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:3px}.progress-tracker[data-v-ce906245]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e082ea,#e44658)}.tracker-title[data-v-ce906245]{font-size:14px;font-weight:700;color:#2d3748;margin-bottom:15px}.tracker-steps[data-v-ce906245]{display:flex;flex-direction:column;gap:12px}.tracker-step[data-v-ce906245]{display:flex;align-items:center;gap:15px;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.tracker-step[data-v-ce906245]:hover{border-color:#f093fb;background:#fff5f8;transform:translate(3px)}.tracker-step.completed[data-v-ce906245]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#48bb78}.tracker-step.active[data-v-ce906245]{background:linear-gradient(135deg,#fef5ff,#fae8ff);border-color:#f093fb;box-shadow:0 4px 12px #f093fb33}.tracker-step.active.completed[data-v-ce906245]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#48bb78;box-shadow:0 4px 12px #48bb7833}.tracker-step-circle[data-v-ce906245]{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;transition:all .3s}.tracker-step.completed .tracker-step-circle[data-v-ce906245]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.tracker-step.active .tracker-step-circle[data-v-ce906245]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.tracker-step.active.completed .tracker-step-circle[data-v-ce906245]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.tracker-step-info[data-v-ce906245]{flex:1}.tracker-step-label[data-v-ce906245]{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:2px}.tracker-step.active .tracker-step-label[data-v-ce906245]{color:#2d3748;font-weight:700}.tracker-step.completed .tracker-step-label[data-v-ce906245],.tracker-step.active.completed .tracker-step-label[data-v-ce906245]{color:#48bb78}.tracker-step-subtitle[data-v-ce906245]{font-size:11px;color:#94a3b8}.tracker-step.active .tracker-step-subtitle[data-v-ce906245]{color:#f093fb}.tracker-step.active.completed .tracker-step-subtitle[data-v-ce906245]{color:#38a169}.main-panel[data-v-ce906245]{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column}.section-pagination-nav[data-v-ce906245]{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;box-shadow:0 2px 8px #0000001a}.section-pagination-nav-bottom[data-v-ce906245]{border-radius:0 0 16px 16px}.pagination-btn[data-v-ce906245]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.pagination-btn[data-v-ce906245]:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pagination-btn[data-v-ce906245]:disabled{opacity:.4;cursor:not-allowed}.pagination-btn .pagination-arrow[data-v-ce906245]{font-size:18px;font-weight:700}.pagination-btn .pagination-text[data-v-ce906245]{font-size:14px}.pagination-indicator[data-v-ce906245]{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a}.pagination-indicator .pagination-current[data-v-ce906245]{font-size:20px;font-weight:700;color:#667eea}.pagination-indicator .pagination-divider[data-v-ce906245]{font-size:16px;color:#94a3b8}.pagination-indicator .pagination-total[data-v-ce906245]{font-size:16px;font-weight:600;color:#64748b}.sections-container[data-v-ce906245]{padding:25px;min-height:500px;position:relative}.section-wrapper[data-v-ce906245]{width:100%}.slide-left-enter-active[data-v-ce906245],.slide-left-leave-active[data-v-ce906245],.slide-right-enter-active[data-v-ce906245],.slide-right-leave-active[data-v-ce906245]{transition:all .3s ease}.slide-left-enter-from[data-v-ce906245]{transform:translate(30px);opacity:0}.slide-left-leave-to[data-v-ce906245],.slide-right-enter-from[data-v-ce906245]{transform:translate(-30px);opacity:0}.slide-right-leave-to[data-v-ce906245]{transform:translate(30px);opacity:0}.writing-section[data-v-ce906245]{margin-bottom:40px;padding:25px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.writing-section.collapsed .section-content[data-v-ce906245]{max-height:0;padding:0;overflow:hidden}.writing-section.collapsed .section-toggle[data-v-ce906245]{transform:rotate(-90deg)}.section-header[data-v-ce906245]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.section-header[data-v-ce906245]:hover{background:#f093fb0d}.section-header.no-toggle[data-v-ce906245]{cursor:default;-webkit-user-select:auto;user-select:auto}.section-header.no-toggle[data-v-ce906245]:hover{background:transparent}.section-title[data-v-ce906245]{font-size:18px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-requirement[data-v-ce906245]{padding:8px 16px;background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:2px solid #667eea;border-radius:50px;font-size:13px;font-weight:600;color:#4338ca;white-space:nowrap;box-shadow:0 2px 8px #667eea33;transition:all .2s}.section-requirement[data-v-ce906245]:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.section-badge[data-v-ce906245]{padding:4px 12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;font-size:11px;font-weight:600}.section-toggle[data-v-ce906245]{font-size:20px;color:#cbd5e0;transition:transform .3s}.section-content[data-v-ce906245]{max-height:5000px;transition:max-height .3s ease-out}.sub-section[data-v-ce906245]{margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;border:2px solid #e2e8f0}.sub-section.collapsed .sub-section-content[data-v-ce906245]{max-height:0;padding:0;overflow:hidden}.sub-section.collapsed .sub-section-toggle[data-v-ce906245]{transform:rotate(-90deg)}.sub-section-header[data-v-ce906245]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #f7fafc;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sub-section-header[data-v-ce906245]:hover{background:#74b9ff0d}.sub-section-title[data-v-ce906245]{font-size:16px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:10px}.sub-section-toggle[data-v-ce906245]{font-size:18px;color:#cbd5e0;transition:transform .3s}.sub-section-content[data-v-ce906245]{max-height:5000px;transition:max-height .3s ease-out}.hint-box[data-v-ce906245]{padding:12px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:20px;font-size:14px;color:#78350f;line-height:1.6}.ai-smart-prompt[data-v-ce906245]{padding:15px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-left:4px solid #a855f7;border-radius:10px;margin-bottom:15px;font-size:14px;color:#581c87;line-height:1.6}.ai-smart-prompt strong[data-v-ce906245]{display:block;margin-bottom:6px;color:#6b21a8}.ai-help-buttons[data-v-ce906245]{display:flex;gap:8px;margin-bottom:15px}.ai-help-btn[data-v-ce906245]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.ai-help-btn[data-v-ce906245]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.ai-output-area[data-v-ce906245]{padding:0;background:linear-gradient(135deg,#e0e7ff,#e0f2fe);border-radius:10px;margin-bottom:15px;border-left:4px solid #667eea;overflow:hidden;animation:slideDown-ce906245 .3s ease-out}.ai-output-area.difficulty-basic[data-v-ce906245]{background:linear-gradient(135deg,#dcfce7,#d1fae5);border-left-color:#10b981}.ai-output-area.difficulty-intermediate[data-v-ce906245]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.ai-output-area.difficulty-advanced[data-v-ce906245]{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-left-color:#ec4899}.difficulty-tabs[data-v-ce906245]{display:flex;gap:8px;background:#ffffff80;padding:12px;border-bottom:2px solid rgba(0,0,0,.05)}.difficulty-tab[data-v-ce906245]{flex:1;padding:14px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:700;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #0000000d}.difficulty-tab .tab-emoji[data-v-ce906245]{font-size:20px;transition:transform .3s}.difficulty-tab[data-v-ce906245]:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.difficulty-tab:hover .tab-emoji[data-v-ce906245]{transform:scale(1.15)}.difficulty-tab[data-v-ce906245]:active{transform:translateY(0)}.difficulty-tab.active[data-v-ce906245]{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-color:#667eea;color:#4338ca;box-shadow:0 4px 16px #667eea4d;transform:translateY(-1px)}.difficulty-tab.active .tab-emoji[data-v-ce906245]{transform:scale(1.2);filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.difficulty-basic .difficulty-tab.active[data-v-ce906245]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46;box-shadow:0 4px 16px #10b9814d}.difficulty-basic .difficulty-tab.active .tab-emoji[data-v-ce906245]{filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.difficulty-intermediate .difficulty-tab.active[data-v-ce906245]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;box-shadow:0 4px 16px #f59e0b4d}.difficulty-intermediate .difficulty-tab.active .tab-emoji[data-v-ce906245]{filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.difficulty-advanced .difficulty-tab.active[data-v-ce906245]{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec4899;color:#831843;box-shadow:0 4px 16px #ec48994d}.difficulty-advanced .difficulty-tab.active .tab-emoji[data-v-ce906245]{filter:drop-shadow(0 2px 4px rgba(236,72,153,.3))}.difficulty-tabs-container[data-v-ce906245]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff80;padding:8px;border-bottom:2px solid rgba(0,0,0,.05)}.btn-tts[data-v-ce906245]{padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 2px 8px #667eea4d;flex-shrink:0}.btn-tts[data-v-ce906245]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-tts[data-v-ce906245]:active{transform:translateY(0)}.btn-tts.playing[data-v-ce906245]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b66;animation:pulse-tts-ce906245 1.5s ease-in-out infinite}.btn-tts.playing[data-v-ce906245]:hover{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 12px #f59e0b80}.tts-text[data-v-ce906245]{font-size:13px}@keyframes pulse-tts-ce906245{0%,to{opacity:1}50%{opacity:.85}}@keyframes slideDown-ce906245{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-output-header[data-v-ce906245]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;font-size:13px;font-weight:700;color:#5145cd}.ai-output-header-left[data-v-ce906245]{display:flex;align-items:center;gap:8px;flex:1}.btn-copy-ai[data-v-ce906245]{padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.btn-copy-ai[data-v-ce906245]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-copy-ai[data-v-ce906245]:active{transform:translateY(0)}.copy-success[data-v-ce906245]{color:#fff;font-weight:700;animation:pulse-ce906245 .5s ease-in-out}@keyframes pulse-ce906245{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ai-output-content[data-v-ce906245]{padding:15px}.ai-output-footer[data-v-ce906245]{padding:0 15px 15px;display:flex;justify-content:flex-end}.ai-output-text-en[data-v-ce906245]{font-size:18px;color:#1e40af;line-height:1.8;background:#fff;padding:15px;border-radius:8px;margin-bottom:12px;font-weight:500}.ai-output-text-en .pattern-highlight[data-v-ce906245]{color:#22a479;font-weight:700;text-shadow:0 0 8px rgba(34,164,121,.3),0 2px 4px rgba(34,164,121,.2);background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(34,164,121,.1) 60%,rgba(34,164,121,.15) 100%);padding:2px 4px;border-radius:3px;cursor:pointer;transition:all .2s;position:relative}.ai-output-text-en .pattern-highlight[data-v-ce906245]:hover{background:linear-gradient(180deg,transparent 0%,transparent 50%,rgba(34,164,121,.2) 50%,rgba(34,164,121,.25) 100%);text-shadow:0 0 10px rgba(34,164,121,.4),0 2px 6px rgba(34,164,121,.3);transform:translateY(-1px)}.ai-output-text-en .pattern-highlight[data-v-ce906245]:active{transform:translateY(0)}.ai-output-text-zh[data-v-ce906245]{font-size:15px;color:#64748b;line-height:1.7;background:#fff;padding:15px;border-radius:8px;margin-bottom:12px}.ai-output-analysis[data-v-ce906245]{padding:16px;background:#f0fdf4;border-radius:8px;border-left:4px solid #22c55e;margin-top:12px}.ai-output-analysis strong[data-v-ce906245]{display:block;color:#15803d;margin-bottom:12px;font-size:16px}.ai-output-analysis .analysis-content[data-v-ce906245]{color:#166534;line-height:1.6;white-space:pre-line;font-size:13px;display:flex;flex-direction:column;gap:12px}.analysis-dimension[data-v-ce906245]{padding:12px 14px;background:#fff;border-radius:8px;border-left:3px solid #22c55e;transition:all .2s}.analysis-dimension[data-v-ce906245]:hover{transform:translate(3px);box-shadow:0 2px 8px #22c55e26}.dimension-title[data-v-ce906245]{font-size:15px;font-weight:700;color:#15803d;margin-bottom:6px;display:flex;align-items:center;gap:6px}.dimension-text[data-v-ce906245]{font-size:14px;color:#166534;line-height:1.6}.ai-copy-button-container[data-v-ce906245]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btn-memory-mode[data-v-ce906245]{padding:6px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.btn-memory-mode[data-v-ce906245]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-memory-mode[data-v-ce906245]:active{transform:translateY(0)}.btn-memory-mode.active[data-v-ce906245]{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.btn-memory-mode.active[data-v-ce906245]:hover{box-shadow:0 4px 12px #dc262666}.l3-selector-panel[data-v-ce906245]{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:2px solid #74b9ff;border-radius:12px;padding:20px;margin-bottom:20px}.l3-selector-header[data-v-ce906245]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.l3-icon[data-v-ce906245]{width:36px;height:36px;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.l3-selector-title[data-v-ce906245]{font-size:15px;font-weight:700;color:#1e40af}.l3-selector-desc[data-v-ce906245]{font-size:12px;color:#475569;margin-bottom:15px;line-height:1.6}.logic-type-options[data-v-ce906245]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.logic-option[data-v-ce906245]{padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;text-align:center;position:relative}.logic-option[data-v-ce906245]:hover{border-color:#74b9ff;background:#f0f9ff}.logic-option.selected[data-v-ce906245]{border-color:#0984e3;background:linear-gradient(135deg,#e0f2fe,#dbeafe);box-shadow:0 4px 12px #0984e333}.logic-option.recommended[data-v-ce906245]:before{content:"⭐ AI推荐";position:absolute;top:-10px;right:-5px;padding:2px 8px;background:#fbbf24;color:#fff;border-radius:8px;font-size:10px;font-weight:600}.logic-icon-emoji[data-v-ce906245]{font-size:24px;margin-bottom:6px}.logic-name[data-v-ce906245]{font-size:13px;font-weight:600;color:#2d3748;margin-bottom:4px}.logic-desc[data-v-ce906245]{font-size:11px;color:#64748b}.logic-popover[data-v-ce906245]{position:relative;background:#fff;border-radius:16px;padding:20px;margin-top:12px;margin-bottom:20px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000d;animation:popoverSlideIn-ce906245 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popoverSlideIn-ce906245{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-arrow[data-v-ce906245]{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#fff;border-top-left-radius:3px;transform:translate(-50%) rotate(45deg);box-shadow:-2px -2px 4px #0000000d}.popover-close-btn[data-v-ce906245]{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;font-size:14px;color:#6b7280;box-shadow:0 2px 4px #00000014}.popover-close-btn[data-v-ce906245]:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:rotate(90deg) scale(1.1)}.popover-close-btn[data-v-ce906245]:active{transform:rotate(90deg) scale(.95)}.popover-close-btn span[data-v-ce906245]{display:block;line-height:1}.popover-header[data-v-ce906245]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:30px}.popover-icon[data-v-ce906245]{font-size:32px;line-height:1}.popover-title[data-v-ce906245]{font-size:17px;font-weight:700;color:#1e40af;margin:0 0 2px;line-height:1.3}.popover-subtitle[data-v-ce906245]{font-size:11px;color:#64748b;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.popover-body[data-v-ce906245]{padding:0}.ai-hint-section[data-v-ce906245]{padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;margin:0 20px 16px;border-radius:8px}.ai-hint-label[data-v-ce906245]{font-size:13px;font-weight:700;color:#92400e;margin-bottom:8px}.ai-hint-content[data-v-ce906245]{font-size:13px;line-height:1.7;color:#78350f;font-weight:500}.logic-steps-compact[data-v-ce906245]{display:flex;flex-direction:column;gap:10px}.logic-step-compact[data-v-ce906245]{display:flex;align-items:flex-start;gap:10px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border-left:3px solid #74b9ff;transition:all .2s}.logic-step-compact[data-v-ce906245]:hover{transform:translate(3px);box-shadow:0 2px 8px #74b9ff26;border-left-color:#0984e3}.step-number-compact[data-v-ce906245]{width:24px;height:24px;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;box-shadow:0 2px 6px #74b9ff4d}.step-content-compact[data-v-ce906245]{flex:1;min-width:0}.step-title-compact[data-v-ce906245]{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:3px;line-height:1.3}.step-guide-compact[data-v-ce906245]{font-size:12px;color:#475569;line-height:1.5}.l2-connector-hint[data-v-ce906245]{margin-top:8px;padding:8px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;border-left:3px solid #f59e0b;display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4}.l2-label[data-v-ce906245]{font-weight:700;color:#92400e;white-space:nowrap;flex-shrink:0}.l2-word[data-v-ce906245]{color:#78350f;font-weight:500;font-style:italic;flex:1}.popover-enter-active[data-v-ce906245],.popover-leave-active[data-v-ce906245]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.popover-enter-from[data-v-ce906245]{opacity:0;transform:translateY(-10px) scale(.95)}.popover-leave-to[data-v-ce906245]{opacity:0;transform:translateY(-5px) scale(.98)}.logic-steps[data-v-ce906245]{display:flex;flex-direction:column;gap:18px}.logic-step[data-v-ce906245]{padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border-left:5px solid #74b9ff;transition:all .3s;box-shadow:0 2px 8px #0000000d}.logic-step[data-v-ce906245]:hover{transform:translate(5px);box-shadow:0 4px 16px #74b9ff33;border-left-color:#0984e3}.step-header[data-v-ce906245]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-number[data-v-ce906245]{width:36px;height:36px;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 4px 12px #74b9ff4d;flex-shrink:0}.step-title[data-v-ce906245]{font-size:15px;font-weight:700;color:#1e293b;flex:1}.step-guide[data-v-ce906245]{font-size:14px;color:#475569;line-height:1.7;padding-left:48px}.essay-textarea[data-v-ce906245]{width:calc(100% - 4px);padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;line-height:1.8;resize:vertical;transition:all .2s;box-sizing:border-box}.essay-textarea[data-v-ce906245]:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 0 3px #74b9ff1a}.word-count[data-v-ce906245]{font-size:12px;color:#718096;margin-top:8px}.side-panel[data-v-ce906245]{display:flex;flex-direction:column;gap:20px}.guide-card[data-v-ce906245]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014}.guide-title[data-v-ce906245]{font-size:15px;font-weight:700;color:#2d3748;margin-bottom:15px}.title-with-icon[data-v-ce906245]{display:flex;align-items:center;gap:8px}.icon-badge[data-v-ce906245]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.icon-badge.strategy[data-v-ce906245]{background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.guide-content[data-v-ce906245]{font-size:13px;color:#4a5568;line-height:1.7}.info-box[data-v-ce906245]{padding:12px;background:linear-gradient(135deg,#fef5ff,#f3e8ff);border-radius:8px;border-left:3px solid #a29bfe;margin-bottom:12px}.info-box[data-v-ce906245]:last-child{margin-bottom:0}.info-label[data-v-ce906245]{font-size:11px;font-weight:600;color:#5145cd;margin-bottom:4px}.info-value[data-v-ce906245]{font-size:12px;color:#4a5568;line-height:1.5}.tips-content[data-v-ce906245]{display:flex;flex-direction:column;gap:15px}.tip-item[data-v-ce906245]{font-size:12px;line-height:1.6}.tip-item strong[data-v-ce906245]{display:block;margin-bottom:4px;color:#2d3748}.bottom-submit-bar[data-v-ce906245]{background:#fff;padding:20px;box-shadow:0 -4px 20px #00000014;position:fixed;bottom:0;left:var(--aside-width);right:0;z-index:1000;border-top:1px solid #e2e8f0}.bottom-submit-wrapper[data-v-ce906245]{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.submit-info[data-v-ce906245]{display:flex;align-items:center;gap:16px;flex:1}.submit-icon[data-v-ce906245]{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.submit-text[data-v-ce906245]{flex:1}.submit-title[data-v-ce906245]{font-size:16px;font-weight:700;color:#2d3748;margin-bottom:4px}.submit-desc[data-v-ce906245]{font-size:13px;color:#718096;line-height:1.5}.btn-submit[data-v-ce906245]{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.btn-submit[data-v-ce906245]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-submit[data-v-ce906245]:active{transform:translateY(0)}@media (max-width: 1400px){.content-grid[data-v-ce906245]{grid-template-columns:240px 1fr 320px}}@media (max-width: 1024px){.content-grid[data-v-ce906245]{grid-template-columns:1fr}.progress-tracker[data-v-ce906245]{position:relative;top:0;margin-bottom:20px}.side-panel[data-v-ce906245]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.logic-type-options[data-v-ce906245]{grid-template-columns:1fr}}@media (max-width: 768px){.argumentation-container[data-v-ce906245]{padding:16px 16px 140px}.header[data-v-ce906245]{padding:20px}.header-top[data-v-ce906245]{flex-direction:column;align-items:stretch;gap:12px}.main-panel[data-v-ce906245]{padding:20px}.side-panel[data-v-ce906245]{grid-template-columns:1fr}.tracker-header[data-v-ce906245]{flex-direction:column;align-items:stretch;gap:16px}.tracker-title[data-v-ce906245]{text-align:center}.tracker-stats[data-v-ce906245]{flex-direction:column;gap:12px;padding:16px}.stat-item[data-v-ce906245]{justify-content:space-between;width:100%}.stat-divider[data-v-ce906245]{width:100%;height:1px}.tracker-steps[data-v-ce906245]{flex-direction:row;flex-wrap:wrap}.tracker-step[data-v-ce906245]{flex:1;min-width:150px}.bottom-submit-bar[data-v-ce906245]{padding:16px 20px}.bottom-submit-wrapper[data-v-ce906245]{flex-direction:column;gap:12px}.submit-info[data-v-ce906245]{text-align:center;flex-direction:column;gap:8px}.submit-icon[data-v-ce906245]{width:40px;height:40px;font-size:20px}.btn-submit[data-v-ce906245]{width:100%;justify-content:center;padding:12px 24px;font-size:14px}}.loading-spinner[data-v-ce906245]{display:inline-block;animation:spin-ce906245 1s linear infinite}@keyframes spin-ce906245{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-submit[data-v-ce906245]:disabled{opacity:.7;cursor:not-allowed}.score-modal-overlay[data-v-ce906245]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.score-modal-container[data-v-ce906245]{background:#fff;border-radius:24px;max-width:700px;width:100%;max-height:90vh;height:auto;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:scoreModalSlideIn-ce906245 .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes scoreModalSlideIn-ce906245{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.score-modal-close[data-v-ce906245]{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;font-size:18px;color:#fff}.score-modal-close[data-v-ce906245]:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.score-modal-header-fixed[data-v-ce906245]{text-align:center;padding:20px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden;flex-shrink:0}.score-modal-header-fixed[data-v-ce906245]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 50%)}.score-badge-large[data-v-ce906245]{display:inline-flex;align-items:baseline;justify-content:center;margin-bottom:8px;position:relative;z-index:1}.score-number[data-v-ce906245]{font-size:64px;font-weight:800;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.2)}.score-max[data-v-ce906245]{font-size:24px;font-weight:600;opacity:.9;margin-left:4px}.score-modal-subtitle[data-v-ce906245]{font-size:13px;opacity:.9;margin:0;position:relative;z-index:1}.score-modal-body-scrollable[data-v-ce906245]{flex:1;overflow-y:auto;padding:32px 40px 40px;background:#fafafa}.score-modal-body-scrollable[data-v-ce906245]::-webkit-scrollbar{width:6px}.score-modal-body-scrollable[data-v-ce906245]::-webkit-scrollbar-track{background:transparent}.score-modal-body-scrollable[data-v-ce906245]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.score-modal-body-scrollable[data-v-ce906245]::-webkit-scrollbar-thumb:hover{background:#0003}.score-dimensions[data-v-ce906245]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.score-dimension-card[data-v-ce906245]{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;transition:all .2s;text-align:center}.score-dimension-card[data-v-ce906245]:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.dimension-icon[data-v-ce906245]{font-size:28px;margin-bottom:8px}.dimension-name[data-v-ce906245]{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dimension-score[data-v-ce906245]{font-size:32px;font-weight:800;color:#667eea;line-height:1;margin-bottom:12px}.dimension-score .score-max-small[data-v-ce906245]{font-size:16px;font-weight:600;color:#94a3b8;margin-left:2px}.dimension-feedback[data-v-ce906245]{font-size:12px;color:#64748b;line-height:1.5;text-align:left}.strengths-section[data-v-ce906245],.improvements-section[data-v-ce906245]{margin-bottom:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.section-title[data-v-ce906245]{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 12px}.feedback-list[data-v-ce906245]{margin:0;padding-left:20px}.feedback-list li[data-v-ce906245]{font-size:13px;color:#4a5568;line-height:1.6;margin-bottom:8px}.feedback-list li[data-v-ce906245]:last-child{margin-bottom:0}.strengths-list li[data-v-ce906245]{color:#059669}.strengths-list li[data-v-ce906245]::marker{color:#10b981}.improvements-list li[data-v-ce906245]{color:#d97706}.improvements-list li[data-v-ce906245]::marker{color:#f59e0b}.action-buttons-container[data-v-ce906245]{display:flex;gap:12px;margin-top:24px;width:100%}.btn-high-score-area[data-v-ce906245]{flex:1;padding:10px 16px;background:linear-gradient(135deg,#ee9905,#fbbf24);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #fbbf244d;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:62px}.btn-high-score-area[data-v-ce906245]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-high-score-area[data-v-ce906245]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.btn-high-score-area[data-v-ce906245]:hover:before{opacity:1}.btn-high-score-area:hover .btn-arrow-icon[data-v-ce906245]{transform:translate(3px)}.btn-high-score-area[data-v-ce906245]:active{transform:translateY(0)}.btn-practice-area[data-v-ce906245]{flex:1;padding:10px 16px;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #10b9814d;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:62px}.btn-practice-area[data-v-ce906245]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-practice-area[data-v-ce906245]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-practice-area[data-v-ce906245]:hover:before{opacity:1}.btn-practice-area:hover .btn-arrow-icon[data-v-ce906245]{transform:translate(3px)}.btn-practice-area[data-v-ce906245]:active{transform:translateY(0)}.btn-icon-large[data-v-ce906245]{font-size:24px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));position:relative;z-index:1}.btn-text-content[data-v-ce906245]{text-align:left;position:relative;z-index:1;flex:1}.btn-main-text[data-v-ce906245]{font-size:13px;font-weight:600;color:#fff;line-height:1.3;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-sub-text[data-v-ce906245]{font-size:10px;color:#ffffffd9;font-weight:500;line-height:1.3}.btn-arrow-icon[data-v-ce906245]{font-size:20px;color:#ffffffe6;flex-shrink:0;transition:transform .3s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));z-index:1}.score-modal-enter-active[data-v-ce906245],.score-modal-leave-active[data-v-ce906245]{transition:opacity .3s ease}.score-modal-enter-from[data-v-ce906245],.score-modal-leave-to[data-v-ce906245]{opacity:0}.score-modal-enter-active .score-modal-container[data-v-ce906245],.score-modal-leave-active .score-modal-container[data-v-ce906245]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.score-modal-enter-from .score-modal-container[data-v-ce906245],.score-modal-leave-to .score-modal-container[data-v-ce906245]{transform:scale(.9) translateY(30px)}@media (max-width: 768px){.score-dimensions[data-v-ce906245]{grid-template-columns:1fr}.score-modal-container[data-v-ce906245]{max-height:95vh;height:95vh}.score-modal-header-fixed[data-v-ce906245]{padding:24px 30px 20px}.score-number[data-v-ce906245]{font-size:48px}.score-max[data-v-ce906245]{font-size:20px}.score-modal-body-scrollable[data-v-ce906245]{padding:24px 20px}.action-buttons-container[data-v-ce906245]{flex-direction:column;gap:8px}.btn-high-score-area[data-v-ce906245],.btn-practice-area[data-v-ce906245]{padding:10px 14px;min-height:58px}.btn-icon-large[data-v-ce906245]{font-size:22px}.btn-main-text[data-v-ce906245]{font-size:12px}.btn-sub-text[data-v-ce906245]{font-size:9px}.btn-arrow-icon[data-v-ce906245]{font-size:18px}}.l2-training-section[data-v-ce906245]{margin-top:30px;padding:25px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:3px solid #0ea5e9;border-radius:16px}.l2-training-header[data-v-ce906245]{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.l2-icon[data-v-ce906245]{width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #0ea5e94d}.l2-training-info[data-v-ce906245]{flex:1}.l2-training-title[data-v-ce906245]{font-size:18px;font-weight:700;color:#075985;margin:0 0 8px}.l2-training-desc[data-v-ce906245]{font-size:14px;color:#0c4a6e;line-height:1.6;margin:0}.l2-diagnosing[data-v-ce906245]{text-align:center;padding:30px 20px;background:#fff;border-radius:12px}.diagnosing-spinner[data-v-ce906245]{font-size:48px;animation:rotate-ce906245 2s linear infinite;margin-bottom:15px}@keyframes rotate-ce906245{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.l2-diagnosing p[data-v-ce906245]{font-size:14px;color:#64748b;margin:0}.l2-diagnosis-ready[data-v-ce906245]{background:#fff;border-radius:12px;padding:20px}.diagnosis-preview[data-v-ce906245]{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e0f2fe}.diagnosis-preview p[data-v-ce906245]{font-size:14px;color:#0c4a6e;margin:0 0 12px}.diagnosis-issues-preview[data-v-ce906245]{margin:0;padding-left:20px;list-style:none}.diagnosis-issues-preview li[data-v-ce906245]{font-size:13px;color:#475569;line-height:1.7;margin-bottom:8px;padding-left:20px;position:relative}.diagnosis-issues-preview li[data-v-ce906245]:before{content:"⚠️";position:absolute;left:0;top:0}.diagnosis-issues-preview li.more-issues[data-v-ce906245]{color:#94a3b8;font-style:italic}.diagnosis-issues-preview li.more-issues[data-v-ce906245]:before{content:"•";color:#cbd5e0}.btn-goto-l2[data-v-ce906245]{width:100%;padding:12px 20px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px 16px #0ea5e94d}.btn-goto-l2[data-v-ce906245]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e966}.btn-goto-l2[data-v-ce906245]:active{transform:translateY(0)}.btn-goto-l2 span[data-v-ce906245]:first-child{font-size:15px}.btn-hint[data-v-ce906245]{font-size:12px!important;font-weight:500!important;opacity:.9}.submit-actions[data-v-ce906245]{display:flex;gap:12px;align-items:center}.btn-view-score[data-v-ce906245]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.btn-view-score[data-v-ce906245]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-view-score[data-v-ce906245]:active{transform:translateY(0)}.btn-goto-l2-bottom[data-v-ce906245]{padding:12px 24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px #0ea5e94d}.btn-goto-l2-bottom[data-v-ce906245]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}.btn-goto-l2-bottom[data-v-ce906245]:active{transform:translateY(0)}.typing-area-l3[data-v-ce906245]{background:#fff;border-radius:16px;padding:20px 40px;margin-bottom:15px;box-shadow:0 4px 20px #00000014;min-height:150px;position:relative;transition:all .3s;cursor:text}.typing-area-l3[data-v-ce906245]:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 6px 24px #667eea26;transform:translateY(-2px)}.sound-control[data-v-ce906245]{position:absolute;top:15px;right:15px;z-index:2}.sound-toggle-btn[data-v-ce906245]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:20px}.sound-toggle-btn[data-v-ce906245]:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.sound-toggle-btn[data-v-ce906245]:active{transform:scale(.95)}.sentence-display[data-v-ce906245]{font-size:24px;line-height:1.8;font-family:Courier New,monospace;word-wrap:break-word;min-height:80px;white-space:pre-wrap;position:relative;z-index:0;pointer-events:none}.sentence-display .typed-text[data-v-ce906245]{color:#3b82f6;font-weight:600}.sentence-display .current-cursor[data-v-ce906245]{display:inline-block;width:2px;height:1.2em;background:#fbbf24;margin-left:2px;animation:blink-ce906245 1s infinite;vertical-align:text-bottom}.sentence-display .remaining-text[data-v-ce906245]{color:#9ca3af}.sentence-display .placeholder-text[data-v-ce906245]{color:#cbd5e0;font-style:italic}@keyframes blink-ce906245{0%,50%{opacity:1}51%,to{opacity:.3}}.hidden-input[data-v-ce906245]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;z-index:1;resize:none;padding:20px 40px;box-sizing:border-box;font-size:24px;line-height:1.8;font-family:Courier New,monospace}.word-count-container[data-v-ce906245]{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;position:relative;z-index:2}.word-count[data-v-ce906245]{font-size:16px;font-weight:600;color:#64748b;display:flex;align-items:center;justify-content:center}.btn-clear-section[data-v-ce906245]{width:36x;height:36px;padding:8px;background:linear-gradient(135deg,#d1d1d1,#91ace6);border:none;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f64d;flex-shrink:0}.btn-clear-section svg[data-v-ce906245]{width:20px;height:20px;fill:#fff}.btn-clear-section[data-v-ce906245]:hover:not(.disabled){transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #3b82f680}.btn-clear-section[data-v-ce906245]:active:not(.disabled){transform:translateY(0) scale(1)}.btn-clear-section.disabled[data-v-ce906245]{opacity:.3;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none}.btn-strategy-hint[data-v-ce906245]{width:32px;height:32px;padding:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 8px #fbbf244d}.btn-strategy-hint[data-v-ce906245]:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #fbbf2480}.btn-strategy-hint[data-v-ce906245]:active{transform:scale(.95)}.btn-strategy-hint span[data-v-ce906245]{display:block;line-height:1}.strategy-modal-overlay[data-v-ce906245]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.strategy-modal-container[data-v-ce906245]{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:modalSlideIn-ce906245 .3s cubic-bezier(.34,1.56,.64,1)}.strategy-modal-container[data-v-ce906245]::-webkit-scrollbar{width:6px}.strategy-modal-container[data-v-ce906245]::-webkit-scrollbar-track{background:transparent}.strategy-modal-container[data-v-ce906245]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.strategy-modal-container[data-v-ce906245]::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes modalSlideIn-ce906245{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.strategy-modal-close[data-v-ce906245]{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;font-size:16px;color:#64748b}.strategy-modal-close[data-v-ce906245]:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:rotate(90deg) scale(1.1)}.strategy-modal-close[data-v-ce906245]:active{transform:rotate(90deg) scale(.95)}.strategy-modal-close span[data-v-ce906245]{display:block;line-height:1}.strategy-modal-header[data-v-ce906245]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px 60px 32px 32px;border-radius:20px 20px 0 0;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.strategy-modal-header[data-v-ce906245]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 50%)}.strategy-icon[data-v-ce906245]{font-size:48px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));position:relative;z-index:1}.strategy-modal-title[data-v-ce906245]{font-size:24px;font-weight:700;margin:0 0 4px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.strategy-modal-subtitle[data-v-ce906245]{font-size:13px;margin:0;opacity:.9;position:relative;z-index:1;font-weight:400}.strategy-modal-body[data-v-ce906245]{padding:32px;display:flex;flex-direction:column;gap:16px}.strategy-info-box[data-v-ce906245]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;border-left:4px solid #667eea;transition:all .2s}.strategy-info-box[data-v-ce906245]:hover{transform:translate(3px);box-shadow:0 4px 12px #667eea26;border-left-color:#764ba2}.strategy-info-label[data-v-ce906245]{font-size:14px;font-weight:700;color:#667eea;margin-bottom:8px;display:flex;align-items:center;gap:6px}.strategy-info-value[data-v-ce906245]{font-size:15px;color:#2d3748;line-height:1.6;font-weight:500}.modal-fade-enter-active[data-v-ce906245],.modal-fade-leave-active[data-v-ce906245]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-ce906245],.modal-fade-leave-to[data-v-ce906245]{opacity:0}.modal-fade-enter-active .strategy-modal-container[data-v-ce906245],.modal-fade-leave-active .strategy-modal-container[data-v-ce906245]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .strategy-modal-container[data-v-ce906245],.modal-fade-leave-to .strategy-modal-container[data-v-ce906245]{transform:scale(.9) translateY(30px)}@media (max-width: 768px){.strategy-modal-container[data-v-ce906245]{max-height:90vh;border-radius:16px}.strategy-modal-header[data-v-ce906245]{padding:24px 50px 24px 24px;border-radius:16px 16px 0 0}.strategy-icon[data-v-ce906245]{font-size:36px}.strategy-modal-title[data-v-ce906245]{font-size:20px}.strategy-modal-body[data-v-ce906245]{padding:24px 20px}.btn-strategy-hint[data-v-ce906245]{width:28px;height:28px;font-size:14px}}.clear-confirm-overlay[data-v-ce906245]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.clear-confirm-container[data-v-ce906245]{background:#fff;border-radius:20px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;animation:confirmSlideIn-ce906245 .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes confirmSlideIn-ce906245{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.clear-confirm-header[data-v-ce906245]{background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:24px 32px;display:flex;align-items:center;gap:16px}.clear-confirm-icon[data-v-ce906245]{font-size:40px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.clear-confirm-title[data-v-ce906245]{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.clear-confirm-body[data-v-ce906245]{padding:32px}.clear-confirm-message[data-v-ce906245]{font-size:16px;color:#2d3748;line-height:1.6;margin:0 0 16px}.clear-confirm-message strong[data-v-ce906245]{color:#667eea;font-weight:700}.clear-confirm-warning[data-v-ce906245]{font-size:14px;color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);padding:12px 16px;border-radius:8px;border-left:4px solid #ef4444;margin:0;line-height:1.5}.clear-confirm-actions[data-v-ce906245]{padding:0 32px 32px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel[data-v-ce906245]{padding:12px 28px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:2px solid #cbd5e0;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-ce906245]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-cancel[data-v-ce906245]:active{transform:translateY(0)}.btn-confirm-clear[data-v-ce906245]{padding:12px 28px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.btn-confirm-clear[data-v-ce906245]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.btn-confirm-clear[data-v-ce906245]:active{transform:translateY(0)}.modal-fade-enter-active .clear-confirm-container[data-v-ce906245],.modal-fade-leave-active .clear-confirm-container[data-v-ce906245]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .clear-confirm-container[data-v-ce906245],.modal-fade-leave-to .clear-confirm-container[data-v-ce906245]{transform:scale(.9) translateY(30px);opacity:0}@media (max-width: 768px){.clear-confirm-container[data-v-ce906245]{max-width:90vw}.clear-confirm-header[data-v-ce906245]{padding:20px 24px}.clear-confirm-icon[data-v-ce906245]{font-size:32px}.clear-confirm-title[data-v-ce906245]{font-size:18px}.clear-confirm-body[data-v-ce906245]{padding:24px}.clear-confirm-actions[data-v-ce906245]{padding:0 24px 24px;flex-direction:column-reverse}.clear-confirm-actions button[data-v-ce906245]{width:100%}}.validation-error-overlay[data-v-ce906245]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10002;padding:20px}.validation-error-container[data-v-ce906245]{background:#fff;border-radius:20px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;animation:confirmSlideIn-ce906245 .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.validation-error-header[data-v-ce906245]{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 32px;display:flex;align-items:center;justify-content:center;gap:16px}.validation-error-title[data-v-ce906245]{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.validation-error-body[data-v-ce906245]{padding:32px}.validation-error-message[data-v-ce906245]{font-size:16px;color:#2d3748;line-height:1.6;margin:0;white-space:pre-line}.validation-error-actions[data-v-ce906245]{padding:0 32px 32px;display:flex;justify-content:center}.btn-validation-ok[data-v-ce906245]{padding:12px 48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.btn-validation-ok[data-v-ce906245]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn-validation-ok[data-v-ce906245]:active{transform:translateY(0)}.modal-fade-enter-active .validation-error-container[data-v-ce906245],.modal-fade-leave-active .validation-error-container[data-v-ce906245]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .validation-error-container[data-v-ce906245],.modal-fade-leave-to .validation-error-container[data-v-ce906245]{transform:scale(.9) translateY(30px);opacity:0}@media (max-width: 768px){.validation-error-container[data-v-ce906245]{max-width:90vw}.validation-error-header[data-v-ce906245]{padding:20px 24px}.validation-error-title[data-v-ce906245]{font-size:18px}.validation-error-body[data-v-ce906245]{padding:24px}.validation-error-actions[data-v-ce906245]{padding:0 24px 24px}.validation-error-actions button[data-v-ce906245]{width:100%}}.pattern-detail-overlay[data-v-ce906245]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10003;padding:20px}.pattern-detail-container[data-v-ce906245]{background:#fff;border-radius:16px;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:confirmSlideIn-ce906245 .3s cubic-bezier(.34,1.56,.64,1);position:relative}.pattern-detail-container[data-v-ce906245]::-webkit-scrollbar{width:6px}.pattern-detail-container[data-v-ce906245]::-webkit-scrollbar-track{background:transparent}.pattern-detail-container[data-v-ce906245]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.pattern-detail-container[data-v-ce906245]::-webkit-scrollbar-thumb:hover{background:#0003}.pattern-detail-close[data-v-ce906245]{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;font-size:16px;color:#64748b}.pattern-detail-close[data-v-ce906245]:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:rotate(90deg) scale(1.1)}.pattern-detail-close[data-v-ce906245]:active{transform:rotate(90deg) scale(.95)}.pattern-detail-close span[data-v-ce906245]{display:block;line-height:1}.pattern-detail-header[data-v-ce906245]{background:linear-gradient(135deg,#22a479,#1a8760);color:#fff;padding:20px 55px 20px 24px;border-radius:16px 16px 0 0;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.pattern-detail-header[data-v-ce906245]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.15),transparent 50%)}.pattern-detail-icon[data-v-ce906245]{font-size:32px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));position:relative;z-index:1}.pattern-detail-title[data-v-ce906245]{font-size:19px;font-weight:700;margin:0 0 2px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pattern-detail-subtitle[data-v-ce906245]{font-size:12px;margin:0;opacity:.85;position:relative;z-index:1;font-weight:400}.pattern-detail-body[data-v-ce906245]{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.pattern-detail-section[data-v-ce906245]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;padding:16px 18px;border-left:4px solid #22a479;transition:all .2s}.pattern-detail-section[data-v-ce906245]:hover{transform:translate(3px);box-shadow:0 4px 12px #22a47926}.detail-label[data-v-ce906245]{font-size:15px;font-weight:700;color:#22a479;margin-bottom:10px;display:flex;align-items:center;gap:6px}.detail-value[data-v-ce906245]{font-size:17px;color:#1e293b;line-height:1.6;font-weight:500}.detail-value.template[data-v-ce906245]{font-family:Courier New,monospace;font-size:18px;color:#1e40af;background:#fff;padding:14px 16px;border-radius:8px;border:2px dashed #22a479;font-weight:600;line-height:1.5}.detail-value.frequency[data-v-ce906245]{display:inline-block;padding:8px 18px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 2px 8px #fbbf244d}.modal-fade-enter-active .pattern-detail-container[data-v-ce906245],.modal-fade-leave-active .pattern-detail-container[data-v-ce906245]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .pattern-detail-container[data-v-ce906245],.modal-fade-leave-to .pattern-detail-container[data-v-ce906245]{transform:scale(.9) translateY(30px);opacity:0}.placeholder-list[data-v-ce906245]{display:flex;flex-direction:column;gap:10px;margin-top:16px}.placeholder-item[data-v-ce906245]{display:flex;align-items:flex-start;gap:6px;padding:10px 14px;background:#fff;border-radius:8px;border-left:3px solid #22a479;transition:all .2s}.placeholder-item[data-v-ce906245]:hover{transform:translate(2px);box-shadow:0 2px 6px #22a4791f}.placeholder-name[data-v-ce906245]{font-family:Courier New,monospace;font-size:15px;font-weight:700;color:#1e40af;white-space:nowrap;flex-shrink:0}.placeholder-sep[data-v-ce906245]{color:#64748b;flex-shrink:0;margin:0 2px}.placeholder-explanation[data-v-ce906245]{font-size:15px;color:#475569;line-height:1.5;flex:1}@media (max-width: 768px){.pattern-detail-container[data-v-ce906245]{max-width:90vw}.pattern-detail-header[data-v-ce906245]{padding:18px 50px 18px 20px}.pattern-detail-icon[data-v-ce906245]{font-size:28px}.pattern-detail-title[data-v-ce906245]{font-size:17px}.pattern-detail-body[data-v-ce906245]{padding:18px 20px 20px}.detail-label[data-v-ce906245]{font-size:14px}.detail-value[data-v-ce906245],.detail-value.template[data-v-ce906245]{font-size:16px}.detail-value.frequency[data-v-ce906245]{font-size:15px}}.l2-improvement-container[data-v-14a34627]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.header[data-v-14a34627]{background:#fff;border-radius:20px;padding:30px 40px;margin-bottom:25px;box-shadow:0 4px 20px #00000014}.header h1[data-v-14a34627]{font-size:28px;font-weight:700;color:#2d3748;margin:0}.header p[data-v-14a34627]{font-size:14px;color:#718096;margin:8px 0 0}.header-top[data-v-14a34627]{display:flex;justify-content:space-between;align-items:center;gap:24px}.btn-back[data-v-14a34627]{padding:10px 20px;background:#e2e8f0;color:#4a5568;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back[data-v-14a34627]:hover{background:#cbd5e0}.loading-state[data-v-14a34627],.error-state[data-v-14a34627]{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 20px #00000014}.loading-spinner[data-v-14a34627]{font-size:64px;animation:rotate-14a34627 2s linear infinite;margin-bottom:20px}@keyframes rotate-14a34627{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-14a34627]{font-size:64px;margin-bottom:20px}.error-state h2[data-v-14a34627]{color:#ef4444;margin-bottom:20px}.btn-primary[data-v-14a34627]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-14a34627]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.topic-banner[data-v-14a34627]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px 28px;margin-bottom:25px;box-shadow:0 8px 24px #667eea40}.topic-label[data-v-14a34627]{font-size:11px;font-weight:700;color:#ffffffd9;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.2px}.topic-text[data-v-14a34627]{font-size:17px;line-height:1.6;color:#fff;font-weight:500}.diagnosis-summary[data-v-14a34627]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:16px;padding:25px;margin-bottom:30px}.summary-header[data-v-14a34627]{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.summary-icon[data-v-14a34627]{font-size:40px;flex-shrink:0}.summary-header h2[data-v-14a34627]{font-size:22px;font-weight:700;color:#065f46;margin:0 0 6px}.summary-subtitle[data-v-14a34627]{font-size:14px;color:#166534;margin:0}.score-highlight[data-v-14a34627]{color:#10b981;font-size:18px}.summary-text[data-v-14a34627]{font-size:15px;color:#166534;line-height:1.7;padding:15px 20px;background:#fff;border-radius:10px;border-left:4px solid #10b981}.three-column-layout[data-v-14a34627]{display:grid;grid-template-columns:320px 1fr 350px;gap:20px;align-items:start;max-width:1800px;margin:0 auto;position:relative}.panel-header[data-v-14a34627]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.panel-header h3[data-v-14a34627]{font-size:18px;font-weight:700;color:#2d3748;margin:0}.issues-panel[data-v-14a34627]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;position:sticky;top:20px;overflow-y:auto;align-self:start}.issue-count[data-v-14a34627]{padding:4px 12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;font-size:12px;font-weight:700}.issues-list[data-v-14a34627]{display:flex;flex-direction:column;gap:12px}.issue-card[data-v-14a34627]{padding:15px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.issue-card[data-v-14a34627]:hover{border-color:#0ea5e9;background:#f0f9ff}.issue-card.selected[data-v-14a34627]{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#dbeafe);box-shadow:0 4px 12px #0ea5e933}.issue-card.severity-high[data-v-14a34627]{border-left:4px solid #ef4444}.issue-card.severity-medium[data-v-14a34627]{border-left:4px solid #f59e0b}.issue-card.severity-low[data-v-14a34627]{border-left:4px solid #10b981}.issue-header[data-v-14a34627]{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.issue-icon[data-v-14a34627]{font-size:18px;flex-shrink:0}.issue-location[data-v-14a34627]{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;flex:1;min-width:80px}.severity-badge[data-v-14a34627]{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;flex-shrink:0;white-space:nowrap}.severity-badge.severity-high[data-v-14a34627]{background:#fee2e2;color:#991b1b}.severity-badge.severity-medium[data-v-14a34627]{background:#fef3c7;color:#92400e}.severity-badge.severity-low[data-v-14a34627]{background:#dcfce7;color:#166534}.issue-description[data-v-14a34627]{font-size:13px;color:#475569;line-height:1.5}.no-issues[data-v-14a34627]{text-align:center;padding:40px 20px;color:#10b981;font-size:14px}.editor-panel[data-v-14a34627]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014}.editor-actions[data-v-14a34627]{display:flex;gap:10px}.btn-reset[data-v-14a34627]{padding:8px 16px;background:#f1f5f9;color:#64748b;border:1px solid #cbd5e0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset[data-v-14a34627]:hover{background:#e2e8f0;border-color:#94a3b8}.btn-save[data-v-14a34627]{padding:8px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save[data-v-14a34627]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save[data-v-14a34627]:disabled{opacity:.6;cursor:not-allowed}.save-success-toast[data-v-14a34627]{padding:12px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:10px;color:#166534;font-weight:600;text-align:center;margin-bottom:20px;animation:slideDown-14a34627 .3s ease-out}@keyframes slideDown-14a34627{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editor-section[data-v-14a34627]{margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.section-title[data-v-14a34627]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#2d3748;margin-bottom:15px}.section-icon[data-v-14a34627]{font-size:20px}.issue-badge[data-v-14a34627]{padding:4px 10px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:11px;margin-left:auto}.original-text[data-v-14a34627]{margin-bottom:15px;padding:15px;background:#fff;border-radius:8px;border-left:4px solid #cbd5e0}.text-label-with-button[data-v-14a34627]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.text-label[data-v-14a34627]{font-size:12px;font-weight:600;color:#64748b}.btn-copy-to-input[data-v-14a34627]{padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy-to-input[data-v-14a34627]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-copy-to-input[data-v-14a34627]:active{transform:translateY(0)}.text-content[data-v-14a34627]{font-size:14px;color:#475569;line-height:1.7}.text-content.highlighted[data-v-14a34627] .highlight-replacement{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:2px 6px;border-radius:4px;font-weight:600;border:1px solid #f59e0b}.improved-editor[data-v-14a34627]{position:relative}.editor-textarea[data-v-14a34627]{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;line-height:1.8;resize:vertical;transition:all .2s;box-sizing:border-box}.editor-textarea[data-v-14a34627]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.word-count[data-v-14a34627]{font-size:12px;color:#94a3b8;margin-top:8px;text-align:right}.suggestions-panel[data-v-14a34627]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;position:sticky;top:20px;overflow-y:auto;align-self:start}.suggestions-content[data-v-14a34627]{animation:fadeIn-14a34627 .3s ease-out}@keyframes fadeIn-14a34627{0%{opacity:0}to{opacity:1}}.selected-issue[data-v-14a34627]{background:#f8fafc;border-radius:12px;padding:20px}.selected-issue-header[data-v-14a34627]{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.issue-icon-large[data-v-14a34627]{font-size:32px;flex-shrink:0}.selected-issue-title[data-v-14a34627]{font-size:15px;font-weight:700;color:#2d3748;margin-bottom:6px}.selected-issue-meta[data-v-14a34627]{font-size:12px;color:#64748b}.severity-text[data-v-14a34627]{font-weight:600}.severity-text.severity-high[data-v-14a34627]{color:#ef4444}.severity-text.severity-medium[data-v-14a34627]{color:#f59e0b}.severity-text.severity-low[data-v-14a34627]{color:#10b981}.suggestions-list h4[data-v-14a34627]{font-size:14px;font-weight:700;color:#2d3748;margin:0 0 15px}.suggestion-card[data-v-14a34627]{padding:15px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:12px;transition:all .2s}.suggestion-card[data-v-14a34627]:hover{border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e926}.suggestion-header[data-v-14a34627]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.suggestion-connector[data-v-14a34627]{font-size:15px;font-weight:700;color:#0ea5e9}.btn-apply[data-v-14a34627]{padding:6px 14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-apply[data-v-14a34627]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0ea5e94d}.suggestion-example[data-v-14a34627]{font-size:13px;color:#475569;line-height:1.6;margin-bottom:8px;padding:10px;background:#f1f5f9;border-radius:6px}.suggestion-explanation[data-v-14a34627]{font-size:12px;color:#64748b;line-height:1.5}.no-selection[data-v-14a34627]{text-align:center;padding:60px 20px;color:#94a3b8;font-size:14px}@media (max-width: 1400px){.three-column-layout[data-v-14a34627]{grid-template-columns:280px 1fr 320px}}@media (max-width: 1024px){.three-column-layout[data-v-14a34627]{display:grid;grid-template-columns:1fr}.issues-panel[data-v-14a34627],.suggestions-panel[data-v-14a34627]{position:relative;top:0;height:auto;max-height:500px}}@media (max-width: 768px){.l2-improvement-container[data-v-14a34627]{padding:16px}.header[data-v-14a34627]{padding:20px}.header-top[data-v-14a34627]{flex-direction:column;align-items:stretch}.editor-section[data-v-14a34627]{padding:15px}}.high-score-container[data-v-1b5066c9]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.main-content[data-v-1b5066c9]{max-width:1400px;margin:0 auto}.header[data-v-1b5066c9]{background:#fff;border-radius:20px;padding:30px 40px;box-shadow:0 4px 20px #00000014;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:25px}.header-top[data-v-1b5066c9]{display:flex;align-items:center;gap:16px}.header-content[data-v-1b5066c9]{flex:1}.header-content h1[data-v-1b5066c9]{font-size:28px;font-weight:700;color:#2d3748;margin:0}.header-content p[data-v-1b5066c9]{font-size:14px;color:#718096;margin:8px 0 0}.btn-back[data-v-1b5066c9]{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-1b5066c9]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-1b5066c9]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-1b5066c9]{display:block;line-height:1}.topic-section[data-v-1b5066c9]{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 2px 12px #0000000f;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:25px}.topic-header[data-v-1b5066c9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topic-title-wrapper[data-v-1b5066c9]{display:flex;align-items:center;gap:12px}.topic-icon[data-v-1b5066c9]{font-size:32px;flex-shrink:0;line-height:1}.topic-source[data-v-1b5066c9]{font-size:13px;font-weight:700;color:#667eea;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:6px 16px;border-radius:20px;border:2px solid #667eea;white-space:nowrap}.btn-translate[data-v-1b5066c9]{padding:8px 16px;background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #7c4dff4d}.btn-translate[data-v-1b5066c9]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c4dff66}.btn-translate[data-v-1b5066c9]:active{transform:translateY(0)}.topic-text[data-v-1b5066c9]{font-size:18px;font-weight:500;line-height:1.7;color:#2d3748}.topic-text.translated[data-v-1b5066c9]{color:#4a5568;font-style:italic}.topic-translation-box[data-v-1b5066c9]{margin-top:20px;padding:18px 20px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-radius:12px;border-left:4px solid #cbd5e1;display:flex;gap:14px;align-items:flex-start;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.topic-translation-box[data-v-1b5066c9]:hover{background:linear-gradient(135deg,#f0f2f5,#e8ebf0);box-shadow:0 4px 12px #00000014;border-left-color:#a0aec0}.topic-translation-box .translation-icon[data-v-1b5066c9]{font-size:20px;flex-shrink:0;margin-top:2px}.topic-translation-box .topic-text[data-v-1b5066c9]{margin:0;flex:1}.translate-notice[data-v-1b5066c9]{font-size:12px;color:#718096;font-style:normal}.loading-state[data-v-1b5066c9],.error-state[data-v-1b5066c9]{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 20px #00000014;max-width:600px;margin:0 auto}.circular-progress.tech-theme[data-v-1b5066c9]{position:relative;width:280px;height:280px;margin:0 auto 40px}.outer-ring-decoration[data-v-1b5066c9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,#00f2ff4d,#5d00ff4d) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate-ring-1b5066c9 10s linear infinite;opacity:.5}@keyframes rotate-ring-1b5066c9{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.progress-ring[data-v-1b5066c9]{transform:rotate(-90deg);filter:drop-shadow(0 0 10px rgba(0,242,255,.5))}.progress-value[data-v-1b5066c9]{transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);animation:neon-pulse-1b5066c9 2s ease-in-out infinite}@keyframes neon-pulse-1b5066c9{0%,to{filter:url(#neon-glow) drop-shadow(0 0 5px rgba(0,242,255,.8))}50%{filter:url(#neon-glow) drop-shadow(0 0 15px rgb(0,153,255))}}.inner-spinner[data-v-1b5066c9]{animation:rotate-inner-1b5066c9 4s linear infinite;transform-origin:center}@keyframes rotate-inner-1b5066c9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-text[data-v-1b5066c9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.scan-line[data-v-1b5066c9]{position:absolute;top:50%;left:-140px;width:280px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,242,255,.8),transparent);animation:scan-1b5066c9 3s ease-in-out infinite;pointer-events:none}@keyframes scan-1b5066c9{0%,to{top:30%;opacity:0}50%{top:70%;opacity:1}}.progress-percentage[data-v-1b5066c9]{font-size:64px;font-weight:900;background:linear-gradient(135deg,#00f2ff,#09f,#5d00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;font-family:SF Mono,Monaco,Courier New,monospace;position:relative;z-index:2;display:inline-block;white-space:nowrap}.percent-sign[data-v-1b5066c9]{font-size:64px;font-weight:900}.corner-mark[data-v-1b5066c9]{position:absolute;width:20px;height:20px;border:2px solid #00f2ff;opacity:.6;animation:corner-blink-1b5066c9 2s ease-in-out infinite}.corner-mark.top-left[data-v-1b5066c9]{top:0;left:0;border-right:none;border-bottom:none;animation-delay:0s}.corner-mark.top-right[data-v-1b5066c9]{top:0;right:0;border-left:none;border-bottom:none;animation-delay:.5s}.corner-mark.bottom-left[data-v-1b5066c9]{bottom:0;left:0;border-right:none;border-top:none;animation-delay:1s}.corner-mark.bottom-right[data-v-1b5066c9]{bottom:0;right:0;border-left:none;border-top:none;animation-delay:1.5s}@keyframes corner-blink-1b5066c9{0%,to{opacity:.3;box-shadow:0 0 5px #00f2ff4d}50%{opacity:1;box-shadow:0 0 15px #00f2ffcc}}.particles[data-v-1b5066c9]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle[data-v-1b5066c9]{position:absolute;top:50%;left:50%;width:4px;height:4px;background:linear-gradient(135deg,#00f5ff,#7c4dff);border-radius:50%;transform-origin:0 0;transform:rotate(var(--rotation)) translate(110px);opacity:0;animation:particle-orbit-1b5066c9 4s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 8px currentColor}@keyframes particle-orbit-1b5066c9{0%,to{opacity:0;transform:rotate(var(--rotation)) translate(110px) scale(0)}50%{opacity:1;transform:rotate(calc(var(--rotation) + 180deg)) translate(130px) scale(1)}}.loading-text[data-v-1b5066c9]{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.loading-subtext[data-v-1b5066c9]{font-size:14px;color:#64748b;margin:0}.error-icon[data-v-1b5066c9]{font-size:64px;margin-bottom:20px}.error-state h2[data-v-1b5066c9]{color:#ef4444;margin-bottom:20px}.btn-primary[data-v-1b5066c9]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-1b5066c9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.improvement-banner[data-v-1b5066c9]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;box-shadow:0 8px 24px #667eea40;color:#fff;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:25px}.score-comparison[data-v-1b5066c9]{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:20px}.score-item[data-v-1b5066c9]{text-align:center}.score-item .score-label[data-v-1b5066c9]{font-size:13px;opacity:.9;margin-bottom:8px}.score-item .score-value[data-v-1b5066c9]{font-size:42px;font-weight:800}.score-item .score-value.highlight[data-v-1b5066c9]{color:#fbbf24;text-shadow:0 2px 8px rgba(251,191,36,.3)}.score-item .score-value .score-max[data-v-1b5066c9]{font-size:20px;font-weight:600;opacity:.5;margin-left:4px}.score-value-container[data-v-1b5066c9]{display:flex;align-items:center;justify-content:center;gap:8px}.info-button[data-v-1b5066c9]{width:24px;height:24px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:14px;font-weight:700;font-style:italic;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:-10px}.info-button[data-v-1b5066c9]:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.score-arrow[data-v-1b5066c9]{font-size:32px;opacity:.8}.improvement-badge[data-v-1b5066c9]{padding:6px 16px;background:#fff3;border-radius:20px;font-size:18px;font-weight:700}.improvement-badge.no-improvement[data-v-1b5066c9]{background:#ffffff1a;opacity:.6;font-weight:500}.summary-text[data-v-1b5066c9]{font-size:15px;line-height:1.6;text-align:center;opacity:.95;margin-bottom:12px}.copy-revised-hint[data-v-1b5066c9]{font-size:13px;line-height:1.5;text-align:center;opacity:.85;padding:10px;background:#ffffff1a;border-radius:8px}.statistics-cards[data-v-1b5066c9]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:25px}.stat-card[data-v-1b5066c9]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:15px;transition:all .2s}.stat-card[data-v-1b5066c9]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001f}.stat-card .stat-icon[data-v-1b5066c9]{font-size:36px}.stat-card .stat-label[data-v-1b5066c9]{font-size:13px;color:#718096;margin-bottom:4px}.stat-card .stat-value[data-v-1b5066c9]{font-size:24px;font-weight:700}.stat-card.l3 .stat-value[data-v-1b5066c9]{color:#3b82f6}.stat-card.l2 .stat-value[data-v-1b5066c9]{color:#f59e0b}.stat-card.l1 .stat-value[data-v-1b5066c9]{color:#10b981}.improvements-explanation[data-v-1b5066c9]{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;margin-bottom:25px;max-width:1400px;margin-left:auto;margin-right:auto;border:2px solid #e5e7eb}.explanation-items[data-v-1b5066c9]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.explanation-item[data-v-1b5066c9]{display:flex;align-items:flex-start;gap:14px;padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;border-left:4px solid #3b82f6;transition:all .2s}.explanation-item[data-v-1b5066c9]:hover{transform:translate(4px);box-shadow:0 2px 8px #3b82f626;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.item-icon[data-v-1b5066c9]{font-size:22px;flex-shrink:0;line-height:1;padding-top:2px}.item-text[data-v-1b5066c9]{flex:1;font-size:15px;line-height:1.7;color:#374151;font-weight:500}.explanation-footer[data-v-1b5066c9]{padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;font-size:14px;color:#92400e;line-height:1.6;border-left:4px solid #f59e0b;font-weight:500}.essay-comparison[data-v-1b5066c9]{max-width:1400px;margin:0 auto}.practice-action[data-v-1b5066c9]{max-width:1400px;margin:30px auto 0;text-align:center;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.btn-practice[data-v-1b5066c9]{padding:18px 48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #10b9814d}.btn-practice[data-v-1b5066c9]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.btn-practice[data-v-1b5066c9]:active{transform:translateY(-1px)}.practice-hint[data-v-1b5066c9]{margin:12px 0 0;font-size:14px;color:#64748b}.comparison-title-row[data-v-1b5066c9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.comparison-title-row .comparison-title[data-v-1b5066c9]{font-size:18px;font-weight:700;color:#2d3748;margin:0;padding:0;border:none}.comparison-title-row .legend-bar[data-v-1b5066c9]{display:flex;gap:20px;padding:0;background:transparent;border-radius:0;margin:0;box-shadow:none}.legend-bar[data-v-1b5066c9]{display:flex;justify-content:center;gap:30px;padding:15px;background:#fff;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 8px #0000000f}.legend-item[data-v-1b5066c9]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4a5568}.legend-item .legend-dot[data-v-1b5066c9]{width:14px;height:14px;border-radius:50%;display:inline-block}.legend-item.l3 .legend-dot[data-v-1b5066c9]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f64d}.legend-item.l2 .legend-dot[data-v-1b5066c9]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.legend-item.l1 .legend-dot[data-v-1b5066c9]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d}.paragraph-comparison[data-v-1b5066c9]{background:#fff;border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 4px 20px #00000014}.paragraph-comparison[data-v-1b5066c9]:last-child{margin-bottom:0}.comparison-title[data-v-1b5066c9]{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.comparison-panels[data-v-1b5066c9]{display:flex;flex-direction:column;gap:20px}.essay-panel[data-v-1b5066c9]{padding:20px;border-radius:12px;border:2px solid #e2e8f0}.essay-panel.original[data-v-1b5066c9]{background:linear-gradient(135deg,#fef5ff,#faf5ff);border-color:#e9d5ff}.essay-panel.revised[data-v-1b5066c9]{background:linear-gradient(135deg,#f0fdf4,#f7fee7);border-color:#bbf7d0}.panel-label[data-v-1b5066c9]{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.8px}.paragraph-text[data-v-1b5066c9]{font-size:15px;line-height:1.8;color:#2d3748;word-break:break-word;text-align:justify;margin-bottom:0}.translation-section[data-v-1b5066c9]{margin-top:20px;padding-top:16px;border-top:2px dashed rgba(139,92,246,.2)}.translation-label[data-v-1b5066c9]{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:4px 0}.translation-icon[data-v-1b5066c9]{font-size:14px;line-height:1}.translation-text[data-v-1b5066c9]{font-size:11px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.8px}.translation-content[data-v-1b5066c9]{font-size:14px;line-height:1.8;color:#475569;background:linear-gradient(135deg,#fffef7,#fff);padding:14px 16px;border-radius:10px;border-left:3px solid #ffec23;box-shadow:0 1px 3px #8b5cf61a;font-style:italic}.paragraph-text.highlighted[data-v-1b5066c9] span.revision-l3{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:2px solid #3b82f6;color:#1e40af;padding:2px 4px;border-radius:3px;cursor:pointer;transition:all .2s;display:inline}.paragraph-text.highlighted[data-v-1b5066c9] span.revision-l3:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px)}.paragraph-text.highlighted[data-v-1b5066c9] span.revision-l2{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b;color:#92400e;padding:2px 4px;border-radius:3px;cursor:pointer;transition:all .2s;display:inline}.paragraph-text.highlighted[data-v-1b5066c9] span.revision-l2:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px)}.paragraph-text.highlighted[data-v-1b5066c9] span.revision-l1{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom:2px solid #10b981;color:#065f46;padding:2px 4px;border-radius:3px;cursor:pointer;transition:all .2s;display:inline}.paragraph-text.highlighted[data-v-1b5066c9] span.revision-l1:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);transform:translateY(-1px)}.revision-tooltip[data-v-1b5066c9]{position:fixed;z-index:10000;background:#fff;border-radius:12px;box-shadow:0 12px 32px #00000026;max-width:400px;pointer-events:none}.tooltip-header[data-v-1b5066c9]{padding:12px 16px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px}.tooltip-header.tooltip-l3[data-v-1b5066c9]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tooltip-header.tooltip-l2[data-v-1b5066c9]{background:linear-gradient(135deg,#f59e0b,#d97706)}.tooltip-header.tooltip-l1[data-v-1b5066c9]{background:linear-gradient(135deg,#10b981,#059669)}.tooltip-icon[data-v-1b5066c9]{font-size:18px}.tooltip-body[data-v-1b5066c9]{padding:16px}.tooltip-section[data-v-1b5066c9]{margin-bottom:12px}.tooltip-section[data-v-1b5066c9]:last-child{margin-bottom:0}.tooltip-label[data-v-1b5066c9]{font-size:12px;font-weight:600;color:#64748b;margin-bottom:4px}.tooltip-value[data-v-1b5066c9]{font-size:13px;line-height:1.6;color:#2d3748}.tooltip-value.original[data-v-1b5066c9]{color:#ef4444;text-decoration:line-through}.tooltip-value.revised[data-v-1b5066c9]{color:#10b981;font-weight:600}.tooltip-value.explanation[data-v-1b5066c9]{color:#475569}.tooltip-enter-active[data-v-1b5066c9],.tooltip-leave-active[data-v-1b5066c9]{transition:all .2s ease}.tooltip-enter-from[data-v-1b5066c9],.tooltip-leave-to[data-v-1b5066c9]{opacity:0;transform:translateY(-10px)}.info-modal-overlay[data-v-1b5066c9]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.info-modal-container[data-v-1b5066c9]{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:32px;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:infoModalSlideIn-1b5066c9 .4s cubic-bezier(.34,1.56,.64,1)}@keyframes infoModalSlideIn-1b5066c9{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.info-modal-close[data-v-1b5066c9]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;color:#64748b}.info-modal-close[data-v-1b5066c9]:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.info-modal-icon[data-v-1b5066c9]{font-size:48px;text-align:center;margin-bottom:16px}.info-modal-title[data-v-1b5066c9]{font-size:22px;font-weight:700;color:#1e293b;text-align:center;margin:0 0 20px}.info-modal-content[data-v-1b5066c9]{font-size:14px;color:#475569;line-height:1.8}.info-modal-content p[data-v-1b5066c9]{margin:0 0 12px}.info-modal-content ul[data-v-1b5066c9]{margin:12px 0;padding-left:20px}.info-modal-content ul li[data-v-1b5066c9]{margin-bottom:8px;color:#64748b}.info-modal-content strong[data-v-1b5066c9]{color:#1e293b}.info-highlight[data-v-1b5066c9]{margin:20px 0;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border-left:4px solid #f59e0b}.info-highlight strong[data-v-1b5066c9]{color:#92400e;display:block;line-height:1.6}.info-modal-btn[data-v-1b5066c9]{width:100%;margin-top:24px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.info-modal-btn[data-v-1b5066c9]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.info-modal-btn[data-v-1b5066c9]:active{transform:translateY(0)}.info-modal-enter-active[data-v-1b5066c9],.info-modal-leave-active[data-v-1b5066c9]{transition:opacity .3s ease}.info-modal-enter-from[data-v-1b5066c9],.info-modal-leave-to[data-v-1b5066c9]{opacity:0}.info-modal-enter-active .info-modal-container[data-v-1b5066c9],.info-modal-leave-active .info-modal-container[data-v-1b5066c9]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.info-modal-enter-from .info-modal-container[data-v-1b5066c9],.info-modal-leave-to .info-modal-container[data-v-1b5066c9]{transform:scale(.9) translateY(20px)}@media (max-width: 1024px){.statistics-cards[data-v-1b5066c9]{grid-template-columns:1fr}.legend-bar[data-v-1b5066c9]{flex-wrap:wrap;gap:15px}.improvements-explanation[data-v-1b5066c9]{padding:20px}}@media (max-width: 768px){.high-score-container[data-v-1b5066c9]{padding:16px}.header[data-v-1b5066c9]{padding:20px}.header-top[data-v-1b5066c9]{flex-direction:column;align-items:stretch}.legend-bar[data-v-1b5066c9]{flex-direction:column;align-items:center;gap:10px}.paragraph-comparison[data-v-1b5066c9]{padding:20px}.essay-panel[data-v-1b5066c9]{padding:15px}.paragraph-text[data-v-1b5066c9]{font-size:14px;line-height:1.7}.improvements-explanation[data-v-1b5066c9]{padding:16px}.item-text[data-v-1b5066c9]{font-size:14px}.explanation-footer[data-v-1b5066c9]{font-size:13px;padding:12px}}.essay-practice-container[data-v-d837c531]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.header[data-v-d837c531]{background:#fff;border-radius:20px;padding:30px 40px;box-shadow:0 4px 20px #00000014;margin-left:auto;margin-right:auto;margin-bottom:25px}.header.with-sidebar[data-v-d837c531]{max-width:1600px}.header[data-v-d837c531]:not(.with-sidebar){max-width:1200px}.header-top[data-v-d837c531]{display:flex;align-items:center;gap:16px}.header-content[data-v-d837c531]{flex:1}.header-content h1[data-v-d837c531]{font-size:28px;font-weight:700;color:#2d3748;margin:0}.header-content p[data-v-d837c531]{font-size:14px;color:#718096;margin:8px 0 0}.btn-back[data-v-d837c531]{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-d837c531]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-d837c531]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-d837c531]{display:block;line-height:1}.loading-state[data-v-d837c531],.error-state[data-v-d837c531]{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 20px #00000014;max-width:600px;margin:0 auto}.spinner[data-v-d837c531]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-d837c531 1s linear infinite;margin:0 auto 20px}.error-icon[data-v-d837c531]{font-size:64px;margin-bottom:20px}.error-state h2[data-v-d837c531]{color:#ef4444;margin-bottom:20px}.complete-state[data-v-d837c531]{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 20px #00000014;max-width:700px;margin:0 auto}.complete-icon[data-v-d837c531]{font-size:80px;margin-bottom:20px;animation:bounce-d837c531 .6s ease-in-out}@keyframes bounce-d837c531{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.complete-state h2[data-v-d837c531]{font-size:32px;color:#2d3748;margin-bottom:20px}.complete-message[data-v-d837c531]{font-size:16px;color:#64748b;margin-bottom:30px;line-height:1.6}.complete-actions[data-v-d837c531]{display:flex;gap:15px;justify-content:center}.practice-area[data-v-d837c531]{max-width:1200px;margin:0 auto;position:relative}.practice-area.with-sidebar[data-v-d837c531]{max-width:1600px;display:flex;gap:20px;align-items:flex-start}.practice-content[data-v-d837c531]{flex:1;min-width:0}.sidebar[data-v-d837c531]{width:380px;flex-shrink:0;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:20px}.sidebar[data-v-d837c531]::-webkit-scrollbar{width:6px}.sidebar[data-v-d837c531]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sidebar[data-v-d837c531]::-webkit-scrollbar-track{background:#f7fafc}.sidebar-header[data-v-d837c531]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.sidebar-header h3[data-v-d837c531]{margin:0;font-size:18px;font-weight:700;color:#2d3748}.btn-close-sidebar[data-v-d837c531]{width:28px;height:28px;border-radius:50%;background:#f7fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px;color:#64748b}.btn-close-sidebar[data-v-d837c531]:hover{background:#ef4444;color:#fff;border-color:#ef4444}.sidebar-content[data-v-d837c531]{min-height:200px}.words-loading[data-v-d837c531]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b}.words-loading .loading-spinner[data-v-d837c531]{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-d837c531 .8s linear infinite;margin-bottom:15px}.words-loading p[data-v-d837c531]{margin:0;font-size:14px}@keyframes spin-d837c531{to{transform:rotate(360deg)}}.no-words[data-v-d837c531]{text-align:center;padding:40px 20px;color:#64748b}.no-words p[data-v-d837c531]{margin:0;font-size:15px}.words-list[data-v-d837c531]{display:flex;flex-direction:column;gap:15px}.word-card[data-v-d837c531]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:15px;border:1px solid #e2e8f0;transition:all .2s}.word-card[data-v-d837c531]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.word-header[data-v-d837c531]{margin-bottom:10px}.word-header .word-title-row[data-v-d837c531]{display:flex;align-items:center;gap:8px;margin-bottom:5px}.word-header .word-text[data-v-d837c531]{margin:0;font-size:20px;font-weight:700;color:#667eea}.word-header .word-speaker[data-v-d837c531]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0;color:#64748b}.word-header .word-speaker svg[data-v-d837c531]{display:block;transition:all .2s}.word-header .word-speaker svg path[data-v-d837c531]{fill:currentColor}.word-header .word-speaker[data-v-d837c531]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.word-header .word-speaker:hover svg path[data-v-d837c531]{fill:#fff}.word-header .word-speaker[data-v-d837c531]:active{transform:scale(.95)}.word-header .word-phonetic[data-v-d837c531]{font-size:16px;font-weight:500;color:#64748b;font-family:sans-serif}.word-trans[data-v-d837c531]{margin-bottom:12px}.word-trans .trans-item[data-v-d837c531]{display:block;margin-bottom:5px;font-size:14px;line-height:1.6}.word-trans .trans-item .trans-pos[data-v-d837c531]{color:#10b981;font-weight:600;margin-right:5px}.word-trans .trans-item .trans-cn[data-v-d837c531]{color:#2d3748}.word-examples[data-v-d837c531]{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.word-examples .example-item .example-en[data-v-d837c531]{margin:0 0 5px;font-size:13px;color:#4a5568;font-style:italic;line-height:1.5}.word-examples .example-item .example-cn[data-v-d837c531]{margin:0;font-size:12px;color:#64748b;line-height:1.5}.btn-toggle-sidebar[data-v-d837c531]{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px #667eea66;transition:all .3s;z-index:100}.btn-toggle-sidebar[data-v-d837c531]:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #667eea80}.btn-toggle-sidebar[data-v-d837c531]:active{transform:translateY(-50%) scale(.95)}.typing-area[data-v-d837c531]{background:#fff;border-radius:16px;padding:20px 40px;margin-bottom:20px;box-shadow:0 4px 20px #00000014;min-height:200px;position:relative}.paragraph-title-inside[data-v-d837c531]{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e2e8f0;text-align:center}.topic-display[data-v-d837c531]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #00000014}.topic-display .topic-label[data-v-d837c531]{font-size:14px;font-weight:700;color:#92400e;margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px}.topic-display .topic-text[data-v-d837c531]{font-size:18px;line-height:1.8;color:#78350f;font-weight:500}.sound-control[data-v-d837c531]{position:absolute;top:15px;right:15px;z-index:10}.sound-toggle-btn[data-v-d837c531]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:20px}.sound-toggle-btn[data-v-d837c531]:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.sound-toggle-btn[data-v-d837c531]:active{transform:scale(.95)}.sentence-display[data-v-d837c531]{font-size:24px;line-height:1.8;font-family:Courier New,monospace;word-wrap:break-word}.sentence-display .typed-text[data-v-d837c531]{color:#22a479;font-weight:600}.sentence-display .current-char[data-v-d837c531]{background:#fbbf24;color:#1f2937;padding:2px 4px;border-radius:4px;animation:blink-d837c531 1s infinite}.sentence-display .remaining-text[data-v-d837c531]{color:#9ca3af}@keyframes blink-d837c531{0%,50%{opacity:1}51%,to{opacity:.3}}.translation-area[data-v-d837c531]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #00000014}.translation-area .translation-label[data-v-d837c531]{font-size:12px;font-weight:700;color:#1e40af;margin-bottom:8px}.translation-area .translation-text[data-v-d837c531]{font-size:14px;line-height:1.8;color:#1e3a8a}.actions-bar[data-v-d837c531]{display:flex;gap:15px;justify-content:center;align-items:center}.btn-action[data-v-d837c531]{padding:12px 24px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action[data-v-d837c531]:hover{background:#f7fafc;border-color:#cbd5e0}.btn-nav[data-v-d837c531]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.btn-nav[data-v-d837c531]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-nav[data-v-d837c531]:active{transform:translateY(0)}.btn-primary[data-v-d837c531]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-d837c531]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary[data-v-d837c531]{padding:12px 32px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-d837c531]:hover{background:#f7fafc;border-color:#cbd5e0}@media (max-width: 768px){.essay-practice-container[data-v-d837c531]{padding:16px}.header[data-v-d837c531]{padding:20px}.header-top[data-v-d837c531]{flex-direction:column;align-items:stretch}.typing-area[data-v-d837c531]{padding:25px}.sentence-display[data-v-d837c531]{font-size:18px}.stats-summary[data-v-d837c531]{grid-template-columns:1fr}}.mb5-home[data-v-61640420]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:60px 20px}.hero-section[data-v-61640420]{text-align:center;margin-bottom:60px;max-width:900px;margin-left:auto;margin-right:auto}.main-title[data-v-61640420]{font-size:56px;font-weight:800;color:#1e293b;margin-bottom:16px;line-height:1.2}.main-title .highlight[data-v-61640420]{background:linear-gradient(135deg,#6366f1,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.main-subtitle[data-v-61640420]{font-size:20px;color:#64748b;font-weight:400;line-height:1.6}.intro-card[data-v-61640420]{max-width:800px;margin:0 auto 80px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 4px 20px #00000014;display:flex;align-items:flex-start;gap:24px}.intro-icon[data-v-61640420]{font-size:56px;flex-shrink:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;line-height:1}.intro-content[data-v-61640420]{flex:1;padding-top:0}.intro-title[data-v-61640420]{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.2;margin-top:0}.intro-text[data-v-61640420]{font-size:16px;color:#475569;line-height:1.7}.layers-fan[data-v-61640420]{max-width:1400px;margin:0 auto 100px;position:relative;height:450px;display:flex;align-items:center;justify-content:center;perspective:1000px}.layer-card[data-v-61640420]{position:absolute;width:300px;height:380px;border-radius:24px;padding:36px 28px;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 50px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.95}.layer-card[data-v-61640420]:after{content:"✦";position:absolute;top:20px;right:24px;font-size:28px;color:#ffffff4d;transition:all .3s ease}.layer-card[data-v-61640420]:hover:after{color:#fffc;transform:rotate(180deg) scale(1.2)}.layer-card.card-order-1[data-v-61640420]{left:2%;transform:rotate(-15deg) translateY(20px);z-index:1}.layer-card.card-order-2[data-v-61640420]{left:18%;transform:rotate(-8deg) translateY(10px);z-index:2}.layer-card.card-order-3[data-v-61640420]{left:50%;margin-left:-150px;transform:rotate(0) translateY(-20px);z-index:5;box-shadow:0 20px 60px #00000040}.layer-card.card-order-4[data-v-61640420]{right:18%;transform:rotate(8deg) translateY(10px);z-index:2}.layer-card.card-order-5[data-v-61640420]{right:2%;transform:rotate(15deg) translateY(20px);z-index:1}.layer-card.available[data-v-61640420]:hover{transform:rotate(0) translateY(-40px) scale(1.1)!important;z-index:10!important;box-shadow:0 30px 80px #a855f766;opacity:1}.layer-card.locked[data-v-61640420]{cursor:not-allowed}.layer-card.locked.card-order-1[data-v-61640420]:hover{transform:rotate(-15deg) translateY(20px) scale(1.03);filter:brightness(1.08);z-index:3}.layer-card.locked.card-order-2[data-v-61640420]:hover{transform:rotate(-8deg) translateY(10px) scale(1.03);filter:brightness(1.08);z-index:3}.layer-card.locked.card-order-4[data-v-61640420]:hover{transform:rotate(8deg) translateY(10px) scale(1.03);filter:brightness(1.08);z-index:3}.layer-card.locked.card-order-5[data-v-61640420]:hover{transform:rotate(15deg) translateY(20px) scale(1.03);filter:brightness(1.08);z-index:3}.layer-card.locked[data-v-61640420]:before{content:"";position:absolute;inset:0;background:#0000004d;border-radius:24px;pointer-events:none}.layer-card-header[data-v-61640420]{margin-bottom:20px}.layer-icon[data-v-61640420]{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.layer-title-group[data-v-61640420]{margin-bottom:16px}.layer-main-title[data-v-61640420]{font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.layer-subtitle[data-v-61640420]{font-size:16px;opacity:.9}.layer-description[data-v-61640420]{font-size:15px;line-height:1.6;opacity:.95}.locked-badge[data-v-61640420]{position:absolute;bottom:24px;left:24px;right:24px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;border-radius:12px;text-align:center;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.2)}.available-badge[data-v-61640420]{position:absolute;bottom:24px;left:24px;right:24px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;border-radius:12px;text-align:center;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.3);animation:pulse-61640420 2s ease-in-out infinite}@keyframes pulse-61640420{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.architecture-section[data-v-61640420]{max-width:900px;margin:0 auto;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:50px 40px;box-shadow:0 4px 20px #00000014}.section-title[data-v-61640420]{font-size:32px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:50px}.architecture-list[data-v-61640420]{display:flex;flex-direction:column;gap:40px;position:relative}.architecture-list[data-v-61640420]:before{content:"";position:absolute;left:28px;top:56px;bottom:56px;width:3px;background:linear-gradient(to bottom,#a855f7,#f97316,#3b82f6 40%,#14b8a6,#ec4899);border-radius:2px;pointer-events:none}.architecture-item[data-v-61640420]{display:flex;align-items:flex-start;gap:24px;padding:28px;background:#f8fafc;border-radius:16px;transition:all .3s;border-left:4px solid transparent;position:relative;z-index:1}.architecture-item[data-v-61640420]:hover{transform:translate(8px);box-shadow:0 4px 16px #00000014;background:#ffffffe6}.architecture-item[data-v-61640420]:nth-child(1){border-left-color:#a855f7}.architecture-item[data-v-61640420]:nth-child(2){border-left-color:#f97316}.architecture-item[data-v-61640420]:nth-child(3){border-left-color:#3b82f6}.architecture-item[data-v-61640420]:nth-child(4){border-left-color:#14b8a6}.architecture-item[data-v-61640420]:nth-child(5){border-left-color:#ec4899}.arch-number[data-v-61640420]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.arch-content[data-v-61640420]{flex:1}.arch-title[data-v-61640420]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.arch-description[data-v-61640420]{font-size:14px;color:#64748b;line-height:1.6}@media (max-width: 768px){.main-title[data-v-61640420]{font-size:36px}.main-subtitle[data-v-61640420]{font-size:16px}.intro-card[data-v-61640420]{flex-direction:column;padding:32px 24px;text-align:center}.intro-icon[data-v-61640420]{margin:0 auto}.layers-fan[data-v-61640420]{height:auto;flex-direction:column;gap:16px}.layer-card[data-v-61640420]{position:relative;transform:none!important;left:auto;width:100%;max-width:320px;margin:0 auto}.layer-card[data-v-61640420]:hover:not(.coming-soon){transform:translateY(-10px) scale(1.02)!important}.architecture-section[data-v-61640420]{padding:40px 24px}.section-title[data-v-61640420]{font-size:24px}.architecture-item[data-v-61640420]{flex-direction:column;text-align:center}.arch-number[data-v-61640420]{margin:0 auto}}.ielts-exams-container[data-v-301704e8]{min-height:100vh;background:linear-gradient(135deg,#e0e7ff,#f3e8ff,#fce7f3);padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;max-width:1400px;margin:0 auto}.header[data-v-301704e8]{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 16px #00000014}.header-content[data-v-301704e8]{text-align:center;margin-bottom:24px}.header-badge[data-v-301704e8]{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:12px}.header-title[data-v-301704e8]{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.header-subtitle[data-v-301704e8]{font-size:16px;color:#64748b;margin:0}.stats-summary[data-v-301704e8]{display:flex;justify-content:center;align-items:center;gap:32px;padding-top:24px;border-top:2px solid #f1f5f9}.stat-item[data-v-301704e8]{text-align:center}.stat-number[data-v-301704e8]{font-size:32px;font-weight:800;color:#1e293b;line-height:1;margin-bottom:8px}.stat-label[data-v-301704e8]{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-divider[data-v-301704e8]{width:2px;height:40px;background:#e2e8f0}.loading-container[data-v-301704e8]{text-align:center;padding:80px 20px}.loading-spinner[data-v-301704e8]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-301704e8 1s linear infinite;margin:0 auto 20px}@keyframes spin-301704e8{to{transform:rotate(360deg)}}.years-grid[data-v-301704e8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}.year-card[data-v-301704e8]{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 16px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.year-card[data-v-301704e8]:hover{transform:translateY(-8px);box-shadow:0 12px 32px var(--shadow-color)}.year-card[data-v-301704e8]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient)}.year-card-header[data-v-301704e8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.year-number[data-v-301704e8]{font-size:48px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.year-badge[data-v-301704e8]{padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;font-size:14px;font-weight:700;color:#334155}.year-stats[data-v-301704e8]{margin-bottom:24px}.stat-row[data-v-301704e8]{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:15px;color:#475569}.stat-icon[data-v-301704e8]{font-size:20px}.types-list[data-v-301704e8]{display:flex;flex-direction:column;gap:8px}.type-item[data-v-301704e8]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:10px;font-size:13px;transition:all .2s}.type-item[data-v-301704e8]:hover{background:#f1f5f9;transform:translate(3px)}.type-left[data-v-301704e8]{display:flex;align-items:center;gap:10px}.type-number[data-v-301704e8]{width:24px;height:24px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #0003}.type-name[data-v-301704e8]{color:#334155;font-weight:500;font-size:13px;line-height:1.4}.type-count[data-v-301704e8]{font-weight:700;color:#0f172a;background:#fff;padding:5px 12px;border-radius:14px;min-width:36px;text-align:center;font-size:13px;box-shadow:0 1px 3px #00000014}.year-card-footer[data-v-301704e8]{padding-top:20px;border-top:2px solid #f1f5f9}.btn-practice[data-v-301704e8]{width:100%;padding:16px 24px;background:var(--gradient);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px var(--shadow-color)}.btn-practice[data-v-301704e8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-color)}.btn-practice[data-v-301704e8]:active{transform:translateY(0)}.btn-icon[data-v-301704e8]{font-size:20px}.btn-text[data-v-301704e8]{flex:1}.btn-arrow[data-v-301704e8]{font-size:20px;font-weight:700;transition:transform .2s}.btn-practice:hover .btn-arrow[data-v-301704e8]{transform:translate(4px)}.year-indicator[data-v-301704e8]{position:absolute;top:50%;right:-20px;transform:translateY(-50%) rotate(90deg);font-size:80px;font-weight:900;color:#f1f5f9;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}.info-note[data-v-301704e8]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:16px;padding:24px;display:flex;gap:16px;border-left:5px solid #f59e0b}.note-icon[data-v-301704e8]{font-size:28px;flex-shrink:0}.note-content[data-v-301704e8]{flex:1}.note-title[data-v-301704e8]{font-size:16px;font-weight:700;color:#92400e;margin:0 0 8px}.note-text[data-v-301704e8]{font-size:14px;color:#78350f;line-height:1.6;margin:0 0 8px}.note-meta[data-v-301704e8]{font-size:12px;color:#92400e;margin:0;opacity:.8}@media (max-width: 1024px){.years-grid[data-v-301704e8]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.ielts-exams-container[data-v-301704e8]{padding:16px}.header[data-v-301704e8]{padding:24px 20px}.header-title[data-v-301704e8]{font-size:28px}.stats-summary[data-v-301704e8]{flex-direction:column;gap:16px}.stat-divider[data-v-301704e8]{display:none}.years-grid[data-v-301704e8]{grid-template-columns:1fr;gap:16px}.year-number[data-v-301704e8]{font-size:36px}.info-note[data-v-301704e8]{flex-direction:column;gap:12px}}.year-topics-container[data-v-45283841]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:32px;max-width:1400px;margin:0 auto}.header[data-v-45283841]{background:#fff;border-radius:20px;padding:24px 40px;margin-bottom:32px;box-shadow:0 4px 20px #00000014;position:relative}.btn-back[data-v-45283841]{position:absolute;top:24px;left:32px;width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-45283841]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-45283841]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.header-content[data-v-45283841]{text-align:center;padding-top:8px}.header-badge[data-v-45283841]{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:10px}.header-title[data-v-45283841]{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 6px}.header-subtitle[data-v-45283841]{font-size:15px;color:#718096;margin:0 0 16px}.stats-bar[data-v-45283841]{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:12px;margin-top:12px;border-top:1px solid #e2e8f0}.stat-item[data-v-45283841]{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:600}.stat-icon[data-v-45283841]{font-size:16px}.stat-divider[data-v-45283841]{width:1px;height:20px;background:#cbd5e0}.loading-container[data-v-45283841]{text-align:center;padding:60px 20px}.loading-container .loading-spinner[data-v-45283841]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-45283841 1s linear infinite;margin:0 auto 20px}.loading-container p[data-v-45283841]{font-size:16px;color:#718096}@keyframes spin-45283841{to{transform:rotate(360deg)}}.topics-list[data-v-45283841]{display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:24px}.topic-card[data-v-45283841]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;display:flex}.topic-card[data-v-45283841]:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026}.topic-card:hover .start-button[data-v-45283841]:not(.completed):not(.advanced){background:var(--type-color);color:#fff;box-shadow:0 4px 12px var(--type-color-shadow)}.card-accent[data-v-45283841]{width:5px;flex-shrink:0;background:linear-gradient(180deg,var(--accent-color, #667eea) 0%,var(--accent-color-dark, #764ba2) 100%)}.card-content[data-v-45283841]{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.card-top[data-v-45283841]{display:flex;justify-content:space-between;align-items:center;gap:12px}.index-type-badge[data-v-45283841]{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:20px;border:2px solid;transition:all .2s}.badge-index[data-v-45283841]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.badge-type[data-v-45283841]{font-size:13px;font-weight:700;line-height:1}.date-badge[data-v-45283841]{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#f1f5f9;border-radius:12px;font-size:13px;color:#64748b;font-weight:600}.calendar-icon[data-v-45283841]{width:16px;height:16px;stroke-width:2;color:#94a3b8}.card-body[data-v-45283841]{flex:1}.topic-text[data-v-45283841]{font-size:18px;line-height:1.7;color:#1e293b;font-weight:500;margin-bottom:10px}.topic-text-zh[data-v-45283841]{display:flex;align-items:flex-start;gap:8px;font-size:16px;line-height:1.6;color:#64748b;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border-left:3px solid #cbd5e0;margin-bottom:12px}.zh-icon[data-v-45283841]{font-size:16px;line-height:1;flex-shrink:0}.progress-section[data-v-45283841]{margin-top:12px}.progress-info[data-v-45283841]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-label[data-v-45283841]{font-size:12px;font-weight:600;color:#475569;display:flex;align-items:center;gap:4px}.progress-percent[data-v-45283841]{font-size:12px;font-weight:700;color:#667eea}.progress-bar[data-v-45283841]{display:flex;gap:2px;height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden;padding:1px}.progress-segment[data-v-45283841]{flex:1;border-radius:3px;background:#f1f5f9;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.3}.progress-segment.active[data-v-45283841]{opacity:1}.segment-1.active[data-v-45283841]{background:linear-gradient(135deg,#4299e1,#667eea);box-shadow:0 0 8px #4299e166}.segment-2.active[data-v-45283841]{background:linear-gradient(135deg,#9f7aea,#b794f4);box-shadow:0 0 8px #9f7aea66}.segment-3.active[data-v-45283841]{background:linear-gradient(135deg,#f6ad55,#fc8181);box-shadow:0 0 8px #f6ad5566}.segment-4.active[data-v-45283841]{background:linear-gradient(135deg,#48bb78,#68d391);box-shadow:0 0 8px #48bb7866}.card-footer[data-v-45283841]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e2e8f0}.question-id[data-v-45283841]{display:flex;align-items:center;gap:6px;font-size:12px}.id-label[data-v-45283841]{color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.id-number[data-v-45283841]{color:#667eea;font-weight:700;font-size:13px}.action-buttons[data-v-45283841]{display:flex;align-items:center;gap:8px}.start-button[data-v-45283841]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;color:#667eea;font-weight:600;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.start-button.completed[data-v-45283841]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:2px solid #cbd5e0}.start-button.advanced[data-v-45283841]{background:linear-gradient(135deg,#f6ad55,#fc8181);color:#fff}.start-button[data-v-45283841]:hover{transform:translate(2px)}.btn-reset[data-v-45283841]{width:32px;height:32px;padding:0;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-reset svg[data-v-45283841]{width:16px;height:16px}.btn-reset[data-v-45283841]:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;transform:rotate(-15deg) scale(1.05);box-shadow:0 2px 8px #dc262633}.btn-reset[data-v-45283841]:active{transform:rotate(-15deg) scale(.95)}.button-text[data-v-45283841]{line-height:1}.arrow-icon[data-v-45283841]{width:18px;height:18px;stroke-width:2.5;transition:transform .3s cubic-bezier(.4,0,.2,1)}.empty-state[data-v-45283841]{text-align:center;padding:80px 20px}.empty-state .empty-icon[data-v-45283841]{font-size:64px;margin-bottom:16px}.empty-state p[data-v-45283841]{font-size:16px;color:#718096}@media (max-width: 768px){.year-topics-container[data-v-45283841]{padding:16px}.topics-list[data-v-45283841]{grid-template-columns:1fr}.header[data-v-45283841]{padding:24px 20px}.btn-back[data-v-45283841]{position:static;margin-bottom:16px}.header-content[data-v-45283841]{padding-top:0}}.reset-modal-overlay[data-v-45283841]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.reset-modal-container[data-v-45283841]{background:#fff;border-radius:24px;max-width:480px;width:100%;padding:40px 32px 32px;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:resetModalSlideIn-45283841 .4s cubic-bezier(.34,1.56,.64,1)}.reset-modal-container.error[data-v-45283841]{border-top:4px solid #ef4444}@keyframes resetModalSlideIn-45283841{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reset-modal-close[data-v-45283841]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;color:#64748b}.reset-modal-close[data-v-45283841]:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.reset-modal-icon[data-v-45283841]{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconPop-45283841 .5s cubic-bezier(.34,1.56,.64,1) .2s backwards}.reset-modal-icon.success[data-v-45283841]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:3px solid #10b981}.reset-modal-icon.success svg[data-v-45283841]{width:40px;height:40px;color:#10b981}.reset-modal-icon.error[data-v-45283841]{background:linear-gradient(135deg,#fee2e2,#fecaca);border:3px solid #ef4444}.reset-modal-icon.error svg[data-v-45283841]{width:40px;height:40px;color:#ef4444}@keyframes iconPop-45283841{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.reset-modal-title[data-v-45283841]{font-size:24px;font-weight:700;color:#1e293b;text-align:center;margin:0 0 16px}.reset-modal-content[data-v-45283841]{margin-bottom:24px}.success-message[data-v-45283841]{font-size:15px;color:#475569;text-align:center;margin:0;line-height:1.6}.error-message[data-v-45283841]{font-size:14px;color:#ef4444;background:#fee2e2;padding:12px 16px;border-radius:8px;border-left:3px solid #ef4444;margin:0 0 12px;line-height:1.6;word-break:break-word}.error-hint[data-v-45283841]{font-size:13px;color:#64748b;text-align:center;margin:0}.reset-modal-btn[data-v-45283841]{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.reset-modal-btn[data-v-45283841]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.reset-modal-btn[data-v-45283841]:active{transform:translateY(0)}.reset-modal-container.error .reset-modal-btn[data-v-45283841]{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b4d}.reset-modal-container.error .reset-modal-btn[data-v-45283841]:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 8px 20px #64748b66}.reset-modal-enter-active[data-v-45283841],.reset-modal-leave-active[data-v-45283841]{transition:opacity .3s ease}.reset-modal-enter-from[data-v-45283841],.reset-modal-leave-to[data-v-45283841]{opacity:0}.reset-modal-enter-active .reset-modal-container[data-v-45283841],.reset-modal-leave-active .reset-modal-container[data-v-45283841]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reset-modal-enter-from .reset-modal-container[data-v-45283841],.reset-modal-leave-to .reset-modal-container[data-v-45283841]{transform:scale(.9) translateY(20px)}.reset-confirm-overlay[data-v-45283841]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.reset-confirm-container[data-v-45283841]{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:32px;box-shadow:0 25px 50px -12px #00000040;animation:resetConfirmSlideIn-45283841 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes resetConfirmSlideIn-45283841{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reset-confirm-title[data-v-45283841]{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 16px;text-align:center}.reset-confirm-message[data-v-45283841]{font-size:18px;color:#64748b;margin:0 0 24px;text-align:center;line-height:1.6;font-weight:500}.reset-confirm-actions[data-v-45283841]{display:flex;gap:12px}.reset-confirm-btn[data-v-45283841]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center}.reset-confirm-btn[data-v-45283841]:disabled{opacity:.6;cursor:not-allowed}.reset-confirm-btn.cancel[data-v-45283841]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:2px solid #cbd5e0}.reset-confirm-btn.cancel[data-v-45283841]:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translateY(-1px)}.reset-confirm-btn.cancel[data-v-45283841]:active:not(:disabled){transform:translateY(0)}.reset-confirm-btn.confirm[data-v-45283841]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.reset-confirm-btn.confirm[data-v-45283841]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.reset-confirm-btn.confirm[data-v-45283841]:active:not(:disabled){transform:translateY(0)}.reset-confirm-modal-enter-active[data-v-45283841],.reset-confirm-modal-leave-active[data-v-45283841]{transition:opacity .3s ease}.reset-confirm-modal-enter-from[data-v-45283841],.reset-confirm-modal-leave-to[data-v-45283841]{opacity:0}.reset-confirm-modal-enter-active .reset-confirm-container[data-v-45283841],.reset-confirm-modal-leave-active .reset-confirm-container[data-v-45283841]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reset-confirm-modal-enter-from .reset-confirm-container[data-v-45283841],.reset-confirm-modal-leave-to .reset-confirm-container[data-v-45283841]{transform:scale(.9) translateY(20px)}.pattern-practice-container[data-v-fbad6b2e]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.header[data-v-fbad6b2e]{background:#fff;border-radius:20px;padding:30px 40px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;margin-left:auto;margin-right:auto}.header.with-sidebar[data-v-fbad6b2e]{max-width:1600px}.header[data-v-fbad6b2e]:not(.with-sidebar){max-width:1200px}.header-top[data-v-fbad6b2e]{display:flex;align-items:center;gap:16px}.header-content[data-v-fbad6b2e]{flex:1}.header-content h1[data-v-fbad6b2e]{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 12px}.header-content .header-subtitle[data-v-fbad6b2e]{font-size:14px;color:#718096;margin:8px 0 0}.scenario-tags[data-v-fbad6b2e]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.scenario-tag[data-v-fbad6b2e]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.scenario-tag.scenario-tag-position[data-v-fbad6b2e]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #f59e0b}.scenario-tag.scenario-tag-position[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b4d}.scenario-tag.scenario-tag-function[data-v-fbad6b2e]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #3b82f6}.scenario-tag.scenario-tag-function[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.scenario-tag[data-v-fbad6b2e]:active{transform:translateY(0)}.scenario-tag .tag-icon[data-v-fbad6b2e]{font-size:20px;line-height:1}.scenario-tag .tag-text[data-v-fbad6b2e]{font-size:16px;font-weight:700;line-height:1}.scenario-separator[data-v-fbad6b2e]{font-size:20px;font-weight:700;color:#94a3b8}.header-controls[data-v-fbad6b2e]{display:flex;align-items:center;gap:16px;flex-shrink:0}.question-nav-group[data-v-fbad6b2e]{display:flex;align-items:center;gap:12px}.question-counter[data-v-fbad6b2e]{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border-radius:12px;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001f;border:2px solid #e2e8f0;position:relative;animation:float-fbad6b2e 3s ease-in-out infinite}.question-counter[data-v-fbad6b2e]:before{content:"📋";font-size:18px;margin-right:4px}.question-counter[data-v-fbad6b2e]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0000002e;border-color:#667eea}.question-counter[data-v-fbad6b2e]:active{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #00000026}@keyframes float-fbad6b2e{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.counter-label[data-v-fbad6b2e]{font-size:16px;color:#64748b;font-weight:600}.counter-numbers[data-v-fbad6b2e]{display:flex;align-items:baseline;gap:4px}.counter-current[data-v-fbad6b2e]{font-size:24px;font-weight:800;color:#1e293b;line-height:1}.counter-divider[data-v-fbad6b2e]{font-size:18px;color:#94a3b8;font-weight:400}.counter-total[data-v-fbad6b2e]{font-size:18px;color:#64748b;font-weight:600}.btn[data-v-fbad6b2e]{padding:12px 24px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:44px;min-width:44px;background:#f7fafc;color:#4a5568}.btn[data-v-fbad6b2e]:disabled{opacity:.4;cursor:not-allowed}.btn[data-v-fbad6b2e]:not(:disabled):hover{transform:translateY(-1px);background:#edf2f7}.btn-icon[data-v-fbad6b2e]{padding:0;width:44px;font-size:20px;gap:0}.btn-back[data-v-fbad6b2e]{width:40px;height:40px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:28px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-fbad6b2e]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-fbad6b2e]{display:block;line-height:1}.btn-reset[data-v-fbad6b2e]{height:40px;padding:0 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #f59e0b;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;box-shadow:0 2px 8px #f59e0b33}.btn-reset[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#d97706;color:#78350f;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-reset[data-v-fbad6b2e]:active{transform:translateY(0);box-shadow:0 2px 6px #f59e0b33}.btn-reset .reset-icon[data-v-fbad6b2e]{font-size:16px;display:inline-block;animation:rotate-hint-fbad6b2e 2s ease-in-out infinite}.btn-reset .reset-text[data-v-fbad6b2e]{font-size:14px}@keyframes rotate-hint-fbad6b2e{0%,90%,to{transform:rotate(0)}95%{transform:rotate(180deg)}}.loading-state[data-v-fbad6b2e],.error-state[data-v-fbad6b2e],.complete-state[data-v-fbad6b2e]{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 4px 20px #00000014;max-width:700px;margin:0 auto}.spinner[data-v-fbad6b2e]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-fbad6b2e 1s linear infinite;margin:0 auto 20px}@keyframes spin-fbad6b2e{to{transform:rotate(360deg)}}.error-icon[data-v-fbad6b2e]{font-size:64px;margin-bottom:20px}.error-state h2[data-v-fbad6b2e]{color:#ef4444;margin-bottom:20px}.complete-icon[data-v-fbad6b2e]{font-size:80px;margin-bottom:20px;animation:bounce-fbad6b2e .6s ease-in-out}@keyframes bounce-fbad6b2e{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.complete-state h2[data-v-fbad6b2e]{font-size:32px;color:#2d3748;margin-bottom:20px}.complete-message[data-v-fbad6b2e]{font-size:16px;color:#64748b;margin-bottom:30px;line-height:1.6}.stats-summary[data-v-fbad6b2e]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card[data-v-fbad6b2e]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:20px;border:1px solid #e2e8f0}.stat-card .stat-value[data-v-fbad6b2e]{font-size:36px;font-weight:700;color:#667eea;margin-bottom:8px}.stat-card .stat-label[data-v-fbad6b2e]{font-size:14px;color:#64748b;font-weight:600}.complete-actions[data-v-fbad6b2e]{display:flex;gap:15px;justify-content:center}.practice-area[data-v-fbad6b2e]{max-width:1200px;margin:0 auto;position:relative}.practice-area.with-sidebar[data-v-fbad6b2e]{max-width:1600px;display:flex;gap:20px;align-items:flex-start}.practice-content[data-v-fbad6b2e]{flex:1;min-width:0}.topic-display[data-v-fbad6b2e]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #00000014}.topic-display .topic-header-row[data-v-fbad6b2e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topic-display .topic-label[data-v-fbad6b2e]{font-size:14px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.8px}.topic-display .topic-badges[data-v-fbad6b2e]{display:flex;gap:8px}.topic-display .topic-badge[data-v-fbad6b2e]{padding:4px 12px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px;font-weight:600}.topic-display .topic-text[data-v-fbad6b2e]{font-size:18px;line-height:1.8;color:#78350f;font-weight:500;margin-bottom:8px}.topic-display .topic-text-zh[data-v-fbad6b2e]{font-size:15px;color:#92400e;line-height:1.6}.difficulty-tabs-container[data-v-fbad6b2e]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.tabs-header[data-v-fbad6b2e]{display:flex;gap:12px;margin-bottom:24px;padding:6px;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);border-radius:12px;box-shadow:inset 0 2px 4px #0000000f}.tab-button[data-v-fbad6b2e]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:none}.tab-button[data-v-fbad6b2e]:hover:not(.active){color:#475569;background:#ffffff80;transform:translateY(-1px)}.tab-button .tab-label[data-v-fbad6b2e]{font-size:16px;position:relative;z-index:1}.tab-button.tab-basic.active[data-v-fbad6b2e]{background:linear-gradient(145deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166,0 2px 4px #0000001a,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3;transform:translateY(-1px) scale(1.02)}.tab-button.tab-basic.active[data-v-fbad6b2e]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(145deg,rgba(16,185,129,.3),transparent);border-radius:10px;z-index:0;filter:blur(8px)}.tab-button.tab-basic[data-v-fbad6b2e]:hover:not(.active){background:#10b9811a;color:#059669}.tab-button.tab-intermediate.active[data-v-fbad6b2e]{background:linear-gradient(145deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b66,0 2px 4px #0000001a,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3;transform:translateY(-1px) scale(1.02)}.tab-button.tab-intermediate.active[data-v-fbad6b2e]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(145deg,rgba(245,158,11,.3),transparent);border-radius:10px;z-index:0;filter:blur(8px)}.tab-button.tab-intermediate[data-v-fbad6b2e]:hover:not(.active){background:#f59e0b1a;color:#d97706}.tab-button.tab-advanced.active[data-v-fbad6b2e]{background:linear-gradient(145deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf666,0 2px 4px #0000001a,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3;transform:translateY(-1px) scale(1.02)}.tab-button.tab-advanced.active[data-v-fbad6b2e]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(145deg,rgba(139,92,246,.3),transparent);border-radius:10px;z-index:0;filter:blur(8px)}.tab-button.tab-advanced[data-v-fbad6b2e]:hover:not(.active){background:#8b5cf61a;color:#7c3aed}.patterns-container[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:25px}.pattern-section[data-v-fbad6b2e]{opacity:.6;transition:all .3s}.pattern-section.active-pattern[data-v-fbad6b2e]{opacity:1;transform:scale(1.02)}.pattern-section.completed-section[data-v-fbad6b2e]{opacity:1}.pattern-section[data-v-fbad6b2e]:not(.active-pattern):not(.completed-section):hover{opacity:1}.pattern-info-card[data-v-fbad6b2e]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:15px;box-shadow:0 2px 8px #0000000a;transition:all .3s}.pattern-info-card[data-v-fbad6b2e]:hover{border-color:#cbd5e0;box-shadow:0 4px 16px #00000014}.card-header[data-v-fbad6b2e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.template-header[data-v-fbad6b2e]{display:flex;align-items:center;gap:8px}.pattern-icon[data-v-fbad6b2e]{font-size:20px;flex-shrink:0}.tier-badge[data-v-fbad6b2e]{padding:4px 12px;color:#fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tier-badge[data-v-fbad6b2e]:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.frequency-badge[data-v-fbad6b2e]{padding:4px 12px;color:#fff;border-radius:6px;font-size:14px;font-weight:600;margin-right:8px}.badge-group[data-v-fbad6b2e]{display:flex;align-items:center;gap:8px}.frequency-label[data-v-fbad6b2e]{padding:4px 10px;color:#fff;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.section-label[data-v-fbad6b2e]{font-size:16px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.pattern-template-container[data-v-fbad6b2e]{background:#fff;padding:16px 18px;border-radius:8px;border-left:3px solid #667eea;margin-bottom:12px}.pattern-template-display[data-v-fbad6b2e]{font-size:17px;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.8;word-break:break-word;font-weight:400;margin-bottom:14px}.pattern-template-display .template-text-part[data-v-fbad6b2e]{color:#1a202c;font-weight:500}.pattern-template-display .template-placeholder-part[data-v-fbad6b2e]{color:#3b82f6;font-weight:400;font-size:15px;opacity:.9}.placeholder-explanations[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid #e2e8f0}.placeholder-explanations .explanation-item[data-v-fbad6b2e]{font-size:14px;color:#475569;line-height:1.6;font-weight:500;padding:2px 0}.placeholder-explanations .explanation-item[data-v-fbad6b2e]:before{content:"·";margin-right:6px;color:#3b82f6;font-weight:700}.placeholder-explanations .placeholder-highlight[data-v-fbad6b2e]{color:#3b82f6;font-weight:400;font-size:15px;opacity:.9}.pattern-usage-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:16px 18px;border-left:4px solid #0ea5e9}.usage-header[data-v-fbad6b2e]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.usage-header .usage-icon[data-v-fbad6b2e]{font-size:24px;filter:drop-shadow(0 2px 4px rgba(14,165,233,.3))}.usage-header .usage-title[data-v-fbad6b2e]{font-size:18px;font-weight:800;color:#0c4a6e;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 1px 2px rgba(12,74,110,.2)}.usage-content[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:12px}.usage-text[data-v-fbad6b2e]{font-size:16px;color:#334155;line-height:1.8;font-weight:400;padding:4px 0}.usage-note[data-v-fbad6b2e]{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border-left:3px solid #f59e0b}.usage-note .note-badge[data-v-fbad6b2e]{flex-shrink:0;font-size:13px;font-weight:700;color:#92400e;padding:2px 8px;background:#fff9;border-radius:4px;white-space:nowrap;align-self:center}.usage-note .note-text[data-v-fbad6b2e]{font-size:15px;color:#78350f;line-height:2}.typing-area[data-v-fbad6b2e]{background:#fff;border-radius:16px;padding:20px 40px;margin-bottom:15px;box-shadow:0 4px 20px #00000014;min-height:150px;position:relative;transition:all .3s}.typing-area.clickable[data-v-fbad6b2e]{cursor:pointer}.typing-area.clickable[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 6px 24px #667eea26;transform:translateY(-2px)}.typing-area.locked[data-v-fbad6b2e]{cursor:default}.typing-area.locked[data-v-fbad6b2e]:hover{transform:none;box-shadow:0 4px 20px #00000014}.reset-control[data-v-fbad6b2e]{position:absolute;top:15px;left:15px;z-index:10}.reset-pattern-btn[data-v-fbad6b2e]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:18px}.reset-pattern-btn[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:scale(1.1) rotate(180deg);box-shadow:0 4px 12px #f59e0b4d}.reset-pattern-btn[data-v-fbad6b2e]:active{transform:scale(.95)}.sound-control[data-v-fbad6b2e]{position:absolute;top:15px;right:15px;z-index:10}.sound-toggle-btn[data-v-fbad6b2e]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:20px}.sound-toggle-btn[data-v-fbad6b2e]:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.sound-toggle-btn[data-v-fbad6b2e]:active{transform:scale(.95)}.paragraph-title-inside[data-v-fbad6b2e]{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e2e8f0;text-align:center;display:flex;justify-content:center;align-items:center;gap:12px}.current-indicator[data-v-fbad6b2e]{font-size:14px;color:#667eea;font-weight:600;background:#e0e7ff;padding:4px 12px;border-radius:20px}.completed-indicator[data-v-fbad6b2e]{font-size:14px;color:#10b981;font-weight:600;background:#dcfce7;padding:4px 12px;border-radius:20px}.click-hint[data-v-fbad6b2e]{font-size:14px;color:#64748b;font-weight:600;background:#f1f5f9;padding:4px 12px;border-radius:20px;opacity:.7;transition:all .3s}.typing-area.clickable:hover .click-hint[data-v-fbad6b2e]{opacity:1;background:#e0e7ff;color:#667eea}.sentence-display[data-v-fbad6b2e]{font-size:24px;line-height:1.8;font-family:Courier New,monospace;word-wrap:break-word}.sentence-display .typed-text-template[data-v-fbad6b2e]{color:#22a479;font-weight:700;text-shadow:0 0 8px rgba(34,164,121,.3),0 2px 4px rgba(34,164,121,.2);background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(34,164,121,.1) 60%,rgba(34,164,121,.15) 100%);padding:2px 4px;border-radius:3px}.sentence-display .typed-text-normal[data-v-fbad6b2e]{color:#3b82f6;font-weight:600}.sentence-display .typed-text-punctuation[data-v-fbad6b2e]{color:#3b82f6;font-weight:500;opacity:.8}.sentence-display .current-char[data-v-fbad6b2e]{background:#fbbf24;color:#1f2937;padding:2px 4px;border-radius:4px;animation:blink-fbad6b2e 1s infinite}.sentence-display .remaining-text[data-v-fbad6b2e]{color:#9ca3af}.sentence-display .punctuation-display[data-v-fbad6b2e]{color:#9ca3af;font-weight:400}.sentence-display .inactive-text[data-v-fbad6b2e]{color:#cbd5e0;font-weight:400}@keyframes blink-fbad6b2e{0%,50%{opacity:1}51%,to{opacity:.3}}.completion-hint[data-v-fbad6b2e]{margin-top:20px;padding:12px 20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:8px;text-align:center;font-size:16px;font-weight:600;border:2px solid #10b981;animation:fadeInScale-fbad6b2e .3s ease-out}@keyframes fadeInScale-fbad6b2e{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.translation-area[data-v-fbad6b2e]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014}.translation-area .translation-label[data-v-fbad6b2e]{font-size:16px;font-weight:700;color:#1e40af;margin-bottom:8px}.translation-area .translation-text[data-v-fbad6b2e]{font-size:16px;line-height:1.8;color:#1e3a8a}.btn-primary[data-v-fbad6b2e]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-fbad6b2e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary[data-v-fbad6b2e]{padding:12px 32px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-fbad6b2e]:hover{background:#f7fafc;border-color:#cbd5e0}.sidebar[data-v-fbad6b2e]{width:380px;flex-shrink:0;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;overflow-y:auto;position:sticky;top:20px;align-self:flex-start}.sidebar[data-v-fbad6b2e]::-webkit-scrollbar{width:6px}.sidebar[data-v-fbad6b2e]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sidebar[data-v-fbad6b2e]::-webkit-scrollbar-track{background:#f7fafc}.sidebar-header[data-v-fbad6b2e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.sidebar-header h3[data-v-fbad6b2e]{margin:0;font-size:18px;font-weight:700;color:#2d3748}.btn-close-sidebar[data-v-fbad6b2e]{width:28px;height:28px;border-radius:50%;background:#f7fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px;color:#64748b}.btn-close-sidebar[data-v-fbad6b2e]:hover{background:#ef4444;color:#fff;border-color:#ef4444}.sidebar-content[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:20px}.pattern-nav-list[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:12px}.pattern-nav-item[data-v-fbad6b2e]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:16px;border-left:4px solid #e2e8f0;cursor:pointer;transition:all .3s}.pattern-nav-item[data-v-fbad6b2e]:hover{border-left-color:#667eea;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.pattern-nav-item.active[data-v-fbad6b2e]{border-left-color:#667eea;background:linear-gradient(135deg,#e0e7ff,#dbeafe);box-shadow:0 4px 12px #667eea33}.pattern-nav-item.completed[data-v-fbad6b2e]{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7);opacity:1}.pattern-nav-item.completed[data-v-fbad6b2e]:hover{border-left-color:#10b981;opacity:1}.pattern-nav-item.completed.active[data-v-fbad6b2e]{border-left-color:#667eea;background:linear-gradient(135deg,#e0e7ff,#dbeafe);opacity:1}.pattern-nav-header[data-v-fbad6b2e]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pattern-nav-number[data-v-fbad6b2e]{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.pattern-tier-badge[data-v-fbad6b2e]{padding:4px 10px;color:#fff;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.completed-badge[data-v-fbad6b2e]{margin-left:auto;width:22px;height:22px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.pattern-nav-template[data-v-fbad6b2e]{font-size:16px;font-weight:400;color:#000;line-height:1.8;padding:8px;border-radius:6px}.pattern-nav-template .template-placeholder[data-v-fbad6b2e]{color:#3381cf;font-size:14px;font-weight:400}.pattern-nav-explanations[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:4px;padding:8px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:6px;border-left:3px solid #3b82f6}.pattern-nav-explanations .explanation-item[data-v-fbad6b2e]{font-size:13px;color:#1e40af;line-height:1.4;font-weight:500;padding:2px 0}.pattern-nav-explanations .explanation-item[data-v-fbad6b2e]:before{content:"·";margin-right:4px;color:#3b82f6;font-weight:700}.progress-info[data-v-fbad6b2e]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:16px;border:1px solid #e2e8f0}.progress-info h4[data-v-fbad6b2e]{margin:0 0 12px;font-size:16px;font-weight:700;color:#2d3748}.progress-details[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:10px}.progress-item[data-v-fbad6b2e]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px}.progress-item .progress-item-label[data-v-fbad6b2e]{font-size:13px;color:#64748b;font-weight:600}.progress-item .progress-item-value[data-v-fbad6b2e]{font-size:14px;color:#1a202c;font-weight:700}.btn-toggle-sidebar[data-v-fbad6b2e]{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px #667eea66;transition:all .3s;z-index:100}.btn-toggle-sidebar[data-v-fbad6b2e]:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #667eea80}.btn-toggle-sidebar[data-v-fbad6b2e]:active{transform:translateY(-50%) scale(.95)}.clickable-badge[data-v-fbad6b2e]{cursor:pointer;transition:all .2s;position:relative}.clickable-badge[data-v-fbad6b2e]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.clickable-badge[data-v-fbad6b2e]:active{transform:scale(.95)}.modal-overlay[data-v-fbad6b2e]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-fbad6b2e .2s ease-out}@keyframes fadeIn-fbad6b2e{0%{opacity:0}to{opacity:1}}.modal-content[data-v-fbad6b2e]{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp-fbad6b2e .3s ease-out}.modal-content[data-v-fbad6b2e]::-webkit-scrollbar{width:8px}.modal-content[data-v-fbad6b2e]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-content[data-v-fbad6b2e]::-webkit-scrollbar-track{background:#f7fafc}@keyframes slideUp-fbad6b2e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn[data-v-fbad6b2e]{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#f7fafc;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:20px;color:#64748b;font-weight:700}.modal-close-btn[data-v-fbad6b2e]:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg)}.modal-close-btn[data-v-fbad6b2e]:active{transform:rotate(90deg) scale(.9)}.modal-header[data-v-fbad6b2e]{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.modal-icon[data-v-fbad6b2e]{font-size:64px;margin-bottom:16px;animation:bounce-fbad6b2e .6s ease-in-out}.modal-title[data-v-fbad6b2e]{font-size:32px;font-weight:700;color:#2d3748;margin:0}.modal-body[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:24px}.explanation-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:20px;border-left:4px solid #667eea}.explanation-section.importance[data-v-fbad6b2e]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.explanation-section h3[data-v-fbad6b2e]{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 12px}.explanation-section p[data-v-fbad6b2e]{font-size:16px;line-height:1.8;color:#4a5568;margin:0}.modal-content-large[data-v-fbad6b2e]{max-width:700px}.scenario-modal-icon[data-v-fbad6b2e]{display:flex;align-items:center;justify-content:center;gap:12px}.scenario-modal-icon .scenario-icon-position[data-v-fbad6b2e],.scenario-modal-icon .scenario-icon-function[data-v-fbad6b2e]{font-size:48px}.scenario-modal-icon .scenario-icon-separator[data-v-fbad6b2e]{font-size:36px;color:#94a3b8;font-weight:700}.modal-subtitle[data-v-fbad6b2e]{font-size:18px;color:#f59e0b;font-weight:600;margin:8px 0 0;text-align:center}.importance-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.importance-section h3[data-v-fbad6b2e]{color:#92400e}.importance-section .importance-list[data-v-fbad6b2e]{list-style:none;padding:0;margin:0}.importance-section .importance-list li[data-v-fbad6b2e]{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:16px;line-height:1.6;color:#78350f;border-bottom:1px solid rgba(245,158,11,.2)}.importance-section .importance-list li[data-v-fbad6b2e]:last-child{border-bottom:none}.importance-section .importance-list li .list-marker[data-v-fbad6b2e]{font-size:18px;font-weight:700;color:#f59e0b;flex-shrink:0}.tips-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left-color:#3b82f6}.tips-section h3[data-v-fbad6b2e]{color:#1e40af}.tips-section .tips-list[data-v-fbad6b2e]{list-style:none;padding:0;margin:0}.tips-section .tips-list li[data-v-fbad6b2e]{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:16px;line-height:1.6;color:#1e3a8a;border-bottom:1px solid rgba(59,130,246,.2)}.tips-section .tips-list li[data-v-fbad6b2e]:last-child{border-bottom:none}.tips-section .tips-list li .list-marker[data-v-fbad6b2e]{font-size:18px;font-weight:700;color:#3b82f6;flex-shrink:0}.frequency-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left-color:#0ea5e9}.frequency-section h3[data-v-fbad6b2e]{color:#0c4a6e}.frequency-rating[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:12px}.stars[data-v-fbad6b2e]{display:flex;gap:4px;font-size:18px}.star[data-v-fbad6b2e]{display:inline-block;line-height:1}.frequency-text[data-v-fbad6b2e]{font-size:14px;color:#0c4a6e;line-height:1.6;margin:0}.usage-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#10b981}.usage-section h3[data-v-fbad6b2e]{color:#065f46}.usage-section p[data-v-fbad6b2e]{color:#166534}.note-section[data-v-fbad6b2e]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.note-section h3[data-v-fbad6b2e]{color:#92400e}.note-section p[data-v-fbad6b2e]{color:#78350f}@media (max-width: 1200px){.practice-area.with-sidebar[data-v-fbad6b2e]{flex-direction:column}.sidebar[data-v-fbad6b2e]{width:100%;position:static;max-height:none}}@media (max-width: 768px){.pattern-practice-container[data-v-fbad6b2e]{padding:16px}.header[data-v-fbad6b2e],.typing-area[data-v-fbad6b2e]{padding:20px}.sentence-display[data-v-fbad6b2e]{font-size:18px}.stats-summary[data-v-fbad6b2e]{grid-template-columns:1fr}}.topic-selector-modal[data-v-fbad6b2e]{max-width:800px;max-height:85vh}.topic-selector-header[data-v-fbad6b2e]{display:flex;align-items:center;justify-content:center;padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;position:relative}.modal-header-left[data-v-fbad6b2e]{display:flex;align-items:center;gap:12px}.modal-header-left .modal-icon[data-v-fbad6b2e]{font-size:32px;margin-top:10px;line-height:1;display:flex;align-items:center;justify-content:center}.modal-header-left .modal-title[data-v-fbad6b2e]{font-size:20px;font-weight:700;color:#1e293b;margin:0;line-height:1.2;display:flex;align-items:center}.modal-header-right[data-v-fbad6b2e]{display:flex;align-items:center;gap:12px;position:absolute;right:40px}.topic-progress[data-v-fbad6b2e]{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;font-size:14px;font-weight:700;border-radius:8px;border:1px solid #93c5fd;box-shadow:0 2px 6px #3b82f626}.topic-selector-body[data-v-fbad6b2e]{padding:0}.topic-list[data-v-fbad6b2e]{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;padding:4px}.topic-list[data-v-fbad6b2e]::-webkit-scrollbar{width:8px}.topic-list[data-v-fbad6b2e]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.topic-list[data-v-fbad6b2e]::-webkit-scrollbar-track{background:#f7fafc}.topic-item[data-v-fbad6b2e]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:10px}.topic-item[data-v-fbad6b2e]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.topic-item.active[data-v-fbad6b2e]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f64d}.topic-item-main[data-v-fbad6b2e]{display:flex;align-items:center;gap:12px}.topic-item-id[data-v-fbad6b2e]{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:16px;border-radius:8px;box-shadow:0 2px 8px #667eea4d;flex-shrink:0}.topic-item-text[data-v-fbad6b2e]{flex:1;font-size:15px;font-weight:600;color:#1e293b;line-height:1.6}.topic-item-source-inline[data-v-fbad6b2e]{display:inline-block;margin-left:8px;padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:11px;font-weight:600;border-radius:10px;border:1px solid #fbbf24;white-space:nowrap;vertical-align:middle}.topic-item-current[data-v-fbad6b2e]{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:700;border-radius:6px;box-shadow:0 2px 6px #10b9814d;flex-shrink:0}.topic-item-translation[data-v-fbad6b2e]{font-size:13px;color:#64748b;line-height:1.5;border-left:3px solid #cbd5e0;padding-left:12px;margin-left:52px}.question-counter[data-v-fbad6b2e]{cursor:pointer;transition:all .2s}.question-counter[data-v-fbad6b2e]:hover{transform:scale(1.05);opacity:.8}.question-counter[data-v-fbad6b2e]:active{transform:scale(.98)}.matrix-container[data-v-aac02aa0]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 60px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.header[data-v-aac02aa0]{max-width:1400px;margin:0 auto 40px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;gap:20px}.btn-back[data-v-aac02aa0]{width:50px;height:50px;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:none;border-radius:50%;font-size:32px;font-weight:900;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.btn-back[data-v-aac02aa0]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#1e293b;transform:translate(-3px);box-shadow:0 4px 12px #00000026}.btn-back[data-v-aac02aa0]:active{transform:translate(-1px);box-shadow:0 2px 6px #0000001f}.back-arrow[data-v-aac02aa0]{display:block;line-height:1}.header-content[data-v-aac02aa0]{flex:1;text-align:center}.header-content h1[data-v-aac02aa0]{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:12px}.header-content .matrix-icon[data-v-aac02aa0]{width:50px;height:50px;flex-shrink:0;fill:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.header-content .subtitle[data-v-aac02aa0]{font-size:16px;color:#64748b;margin:0 0 8px}.header-content .description[data-v-aac02aa0]{font-size:14px;color:#94a3b8;margin:0}.matrix-wrapper[data-v-aac02aa0]{max-width:1400px;margin:0 auto 32px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 40px #00000026;overflow-x:auto}.matrix-table[data-v-aac02aa0]{width:100%;border-collapse:collapse;border-radius:16px;overflow:hidden}.header-cell[data-v-aac02aa0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 16px;text-align:center;font-weight:600;border:1px solid rgba(255,255,255,.1)}.header-cell.function-header[data-v-aac02aa0]{min-width:180px}.header-title[data-v-aac02aa0]{font-size:16px;font-weight:700;margin-bottom:4px}.header-subtitle[data-v-aac02aa0]{font-size:12px;opacity:.9;font-weight:400}.function-cell[data-v-aac02aa0]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 16px;text-align:left;font-weight:600;border:1px solid #e2e8f0;min-width:180px;cursor:pointer;transition:all .3s;position:relative}.function-cell[data-v-aac02aa0]:hover{background:linear-gradient(135deg,#e0e7ff,#dbeafe);box-shadow:0 8px 24px #667eea4d;z-index:10}.function-name[data-v-aac02aa0]{font-size:16px;font-weight:700;color:#1a202c;margin-bottom:4px}.function-name-en[data-v-aac02aa0]{font-size:12px;color:#64748b;font-weight:400}.matrix-cell[data-v-aac02aa0]{text-align:center;padding:20px 12px;border:1px solid #e2e8f0;transition:all .3s;min-width:140px}.matrix-cell.high[data-v-aac02aa0]{background:linear-gradient(135deg,#fef3c7,#fde68a);cursor:pointer}.matrix-cell.high[data-v-aac02aa0]:hover{transform:scale(1.05);box-shadow:0 8px 24px #f59e0b4d;z-index:10}.matrix-cell.medium[data-v-aac02aa0]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);cursor:pointer}.matrix-cell.medium[data-v-aac02aa0]:hover{transform:scale(1.05);box-shadow:0 8px 24px #3b82f64d;z-index:10}.matrix-cell.low[data-v-aac02aa0]{background:#f8fafc;cursor:not-allowed;opacity:.5}.cell-content[data-v-aac02aa0]{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:20px}.cell-text-wrapper[data-v-aac02aa0]{display:flex;flex-direction:column;align-items:center;gap:8px}.click-icon[data-v-aac02aa0]{width:20px;height:20px;opacity:.6;flex-shrink:0;animation:clickPulse-aac02aa0 1.5s ease-in-out infinite}.high .click-icon[data-v-aac02aa0]{color:#f59e0b}.medium .click-icon[data-v-aac02aa0]{color:#3b82f6}.high:hover .click-icon[data-v-aac02aa0],.medium:hover .click-icon[data-v-aac02aa0]{opacity:1;animation-play-state:paused;transform:scale(1.3)}@keyframes clickPulse-aac02aa0{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}to{transform:scale(1);opacity:.6}}.cell-stars[data-v-aac02aa0]{font-size:18px;font-weight:700}.high .cell-stars[data-v-aac02aa0]{color:#f59e0b}.medium .cell-stars[data-v-aac02aa0]{color:#3b82f6}.low .cell-stars[data-v-aac02aa0]{color:#94a3b8}.cell-desc[data-v-aac02aa0]{font-size:13px;font-weight:600}.high .cell-desc[data-v-aac02aa0]{color:#92400e}.medium .cell-desc[data-v-aac02aa0]{color:#1e3a8a}.low .cell-desc[data-v-aac02aa0]{color:#94a3b8}.matrix-legend[data-v-aac02aa0]{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.legend-item[data-v-aac02aa0]{display:flex;align-items:center;gap:12px}.legend-badge[data-v-aac02aa0]{padding:4px 12px;border-radius:6px;font-size:13px;font-weight:700;flex-shrink:0}.legend-badge.high-badge[data-v-aac02aa0]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #f59e0b}.legend-badge.medium-badge[data-v-aac02aa0]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border:2px solid #3b82f6}.legend-badge.low-badge[data-v-aac02aa0]{background:#f8fafc;color:#94a3b8;border:2px solid #e2e8f0}.legend-text[data-v-aac02aa0]{font-size:14px;color:#64748b;font-weight:500}.feasibility-section[data-v-aac02aa0]{max-width:1400px;margin:0 auto 32px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000026}.feasibility-title[data-v-aac02aa0]{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:32px;text-align:center;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.feasibility-grid[data-v-aac02aa0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feasibility-card[data-v-aac02aa0]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:16px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feasibility-card[data-v-aac02aa0]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;opacity:0;transition:opacity .3s;z-index:0}.feasibility-card[data-v-aac02aa0]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #10b9814d}.feasibility-card[data-v-aac02aa0]:hover:before{opacity:.1}.feasibility-card .card-icon[data-v-aac02aa0]{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3));position:relative;z-index:1}.feasibility-card .card-title[data-v-aac02aa0]{font-size:18px;font-weight:700;color:#166534;margin-bottom:12px;line-height:1.4;position:relative;z-index:1}.feasibility-card .card-desc[data-v-aac02aa0]{font-size:15px;color:#166534;line-height:1.7;position:relative;z-index:1;opacity:.85}.usability-section[data-v-aac02aa0]{max-width:1400px;margin:0 auto 32px}.usability-wrapper[data-v-aac02aa0]{background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 40px #00000026}.usability-table[data-v-aac02aa0]{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.usability-table th[data-v-aac02aa0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;text-align:left;font-weight:600}.usability-table td[data-v-aac02aa0]{padding:15px;border-bottom:1px solid #e2e8f0;background:#fff}.usability-table tr:hover td[data-v-aac02aa0]{background:#f8fafc}.usability-table tbody tr:last-child td[data-v-aac02aa0]{border-bottom:none}.usability-table .star-rating[data-v-aac02aa0]{color:#fbbf24;font-size:18px}.bottom-tip[data-v-aac02aa0]{max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-radius:20px;padding:28px 32px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:20px;border-left:6px solid #667eea}.tip-icon[data-v-aac02aa0]{font-size:40px;flex-shrink:0}.tip-text[data-v-aac02aa0]{font-size:15px;color:#1e3a8a;line-height:1.6}.tip-text strong[data-v-aac02aa0]{font-weight:700;color:#1e40af}@media (max-width: 1200px){.matrix-wrapper[data-v-aac02aa0]{overflow-x:scroll}.matrix-table[data-v-aac02aa0]{min-width:1000px}}@media (max-width: 768px){.matrix-container[data-v-aac02aa0]{padding:30px 20px 40px}.header[data-v-aac02aa0]{margin-bottom:30px;padding:30px 24px}.matrix-wrapper[data-v-aac02aa0]{margin-bottom:24px;padding:20px}.info-card[data-v-aac02aa0]{margin-bottom:24px;padding:20px 24px}.bottom-tip[data-v-aac02aa0]{padding:20px 24px}.header[data-v-aac02aa0]{flex-direction:column;text-align:center}.header h1[data-v-aac02aa0]{font-size:28px}.info-item[data-v-aac02aa0]{flex-direction:column;align-items:flex-start}.bottom-tip[data-v-aac02aa0]{flex-direction:column;text-align:center}}.pattern-dialog-overlay[data-v-aac02aa0]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-aac02aa0 .2s ease-out}@keyframes fadeIn-aac02aa0{0%{opacity:0}to{opacity:1}}.pattern-dialog[data-v-aac02aa0]{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-aac02aa0 .3s ease-out}@keyframes slideUp-aac02aa0{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header[data-v-aac02aa0]{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:2px solid #e2e8f0;flex-shrink:0}.dialog-header .dialog-title h2[data-v-aac02aa0]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.dialog-header .dialog-title .dialog-subtitle[data-v-aac02aa0]{font-size:14px;color:#64748b;margin:0}.dialog-header .close-btn[data-v-aac02aa0]{width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dialog-header .close-btn[data-v-aac02aa0]:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.difficulty-tabs[data-v-aac02aa0]{display:flex;gap:12px;padding:20px 32px 0;border-bottom:2px solid #e2e8f0;flex-shrink:0}.tab-btn[data-v-aac02aa0]{flex:1;padding:14px 20px;border:none;background:#f8fafc;color:#64748b;font-size:15px;font-weight:600;border-radius:12px 12px 0 0;cursor:pointer;transition:all .3s;position:relative;bottom:-2px;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn[data-v-aac02aa0]:hover{background:#f1f5f9;transform:translateY(-2px)}.tab-btn.active[data-v-aac02aa0]{background:#fff;border-bottom:3px solid;box-shadow:0 -2px 8px #0000000d}.tab-btn.tab-basic.active[data-v-aac02aa0]{color:#f59e0b;border-bottom-color:#f59e0b}.tab-btn.tab-intermediate.active[data-v-aac02aa0]{color:#3b82f6;border-bottom-color:#3b82f6}.tab-btn.tab-advanced.active[data-v-aac02aa0]{color:#8b5cf6;border-bottom-color:#8b5cf6}.tab-btn .tab-emoji[data-v-aac02aa0]{font-size:18px;line-height:1}.tab-btn .tab-label[data-v-aac02aa0]{font-size:15px;font-weight:600}.tab-btn .tab-count[data-v-aac02aa0]{font-size:13px;opacity:.7}.pattern-list[data-v-aac02aa0]{flex:1;overflow-y:auto;padding:24px 32px}.pattern-list[data-v-aac02aa0]::-webkit-scrollbar{width:8px}.pattern-list[data-v-aac02aa0]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.pattern-list[data-v-aac02aa0]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.pattern-list[data-v-aac02aa0]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.empty-state[data-v-aac02aa0]{text-align:center;padding:60px 20px;color:#94a3b8;font-size:16px}.pattern-item[data-v-aac02aa0]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;margin-bottom:16px;border-left:4px solid #667eea;transition:all .3s}.pattern-item[data-v-aac02aa0]:hover{box-shadow:0 4px 12px #667eea26;transform:translate(4px)}.pattern-item[data-v-aac02aa0]:last-child{margin-bottom:0}.pattern-header[data-v-aac02aa0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pattern-number[data-v-aac02aa0]{font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #667eea4d}.pattern-frequency[data-v-aac02aa0]{font-size:13px;font-weight:600;color:#f59e0b;background:#fef3c7;padding:4px 12px;border-radius:12px}.pattern-template[data-v-aac02aa0]{font-size:17px;font-weight:600;color:#1a202c;font-family:Monaco,Menlo,monospace;margin-bottom:16px;line-height:1.6}.pattern-example[data-v-aac02aa0]{background:#fff;padding:12px 16px;border-radius:8px;margin-bottom:12px;border-left:3px solid #10b981}.pattern-example .example-label[data-v-aac02aa0]{font-size:12px;font-weight:600;color:#10b981;margin-bottom:6px}.pattern-example .example-text[data-v-aac02aa0]{font-size:14px;color:#374151;line-height:1.6}.pattern-chinese[data-v-aac02aa0]{background:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px;border-left:3px solid #3b82f6}.pattern-chinese .chinese-label[data-v-aac02aa0]{font-size:12px;font-weight:600;color:#3b82f6;margin-bottom:6px}.pattern-chinese .chinese-text[data-v-aac02aa0]{font-size:14px;color:#374151;line-height:1.6}.pattern-meta[data-v-aac02aa0]{display:flex;flex-direction:column;gap:8px}.pattern-usage[data-v-aac02aa0],.pattern-note[data-v-aac02aa0]{font-size:13px;color:#64748b;line-height:1.5}.pattern-usage strong[data-v-aac02aa0],.pattern-note strong[data-v-aac02aa0]{color:#475569;margin-right:4px}@media (max-width: 768px){.pattern-dialog[data-v-aac02aa0]{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0;margin-top:auto}.dialog-header[data-v-aac02aa0]{padding:20px}.difficulty-tabs[data-v-aac02aa0]{padding:16px 20px 0}.pattern-list[data-v-aac02aa0]{padding:20px}.pattern-item[data-v-aac02aa0]{padding:16px}}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}