*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fff;color:#333;line-height:1.5;font-size:14px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}:root{--primary-color: #667eea;--primary-hover: #5a6fd6;--primary-rgb: 102, 126, 234;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--status-bar-color: var(--primary-color)}#app{min-height:100%}.app-root{min-height:100%;background-color:#f5f5f5}.app-container{position:relative}.page-container{position:absolute!important;top:48px!important;left:0!important;right:0!important;bottom:0!important;overflow-y:auto!important;touch-action:pan-y!important}.page{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#fff;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.app-header{position:fixed;top:0;left:0;right:0;height:48px;padding:0 16px;background-color:#fff;display:flex;align-items:center;z-index:200;box-shadow:0 1px 4px #0000000d;box-sizing:content-box}.app-header .app-logo{line-height:48px}.header-left .logo{font-size:18px;font-weight:700;color:#2c3e50}.header-center{flex:1;margin:0 12px}.search-box{display:flex;align-items:center;background-color:#f5f5f5;border-radius:20px;padding:8px 16px}.search-icon{width:16px;height:16px;color:#999;margin-right:8px}.search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.header-right .more-icon{width:20px;height:20px;color:#666}.header-left,.header-right{width:40px;display:flex;justify-content:center;align-items:center}.header-left svg,.header-right svg{width:24px;height:24px;color:#666}.header-center .title{font-size:16px;font-weight:600;color:#333}.series-nav.legacy{background-color:#fff;padding:12px 0;border-bottom:1px solid #f0f0f0}.main-content{padding:16px;display:flex;flex-direction:column;gap:16px}.home-page{display:flex;flex-direction:column}.layout-content{display:flex;flex-direction:column;gap:16px;width:100%}.layout-content>*:not(.series-nav){margin:0 16px}.layout-content.slide-left-leave{animation:slideOutLeft .1s ease forwards}.layout-content.slide-left-enter{animation:slideInRight .2s ease forwards}.layout-content.slide-right-leave{animation:slideOutRight .1s ease forwards}.layout-content.slide-right-enter{animation:slideInLeft .2s ease forwards}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.carousel-section{border-radius:12px;overflow:hidden;background-color:transparent}.carousel-wrapper{position:relative;overflow:hidden;border-radius:12px}.carousel-container{display:flex;transition:transform .5s ease-in-out;border-radius:12px}.carousel-item{min-width:100%;position:relative;border-radius:12px;overflow:hidden}.carousel-cover{width:100%;height:200px;object-fit:cover;border-radius:12px}.carousel-info{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff}.carousel-title{font-size:18px;font-weight:600;margin-bottom:4px}.carousel-desc{font-size:12px;opacity:.9}.carousel-dots{display:flex;justify-content:center;gap:6px;padding:12px}.carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#ddd;transition:all .3s ease}.carousel-dot.active{background-color:#3498db;width:20px;border-radius:4px}.series-grid-section{background-color:transparent;border-radius:0;padding:0;box-shadow:none}.series-grid-section .section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.series-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.series-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease}.series-grid-item:hover{transform:translateY(-2px)}.series-grid-icon{width:56px;height:56px;border-radius:16px;overflow:hidden;background-color:#f5f5f5}.series-grid-icon img{width:100%;height:100%;object-fit:cover}.series-grid-name{font-size:12px;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.featured-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.featured-section .section-title{font-size:17px;font-weight:600;color:#1a1a1a}.featured-list{display:flex;flex-direction:column;gap:12px}.featured-card{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding-bottom:12px;border-bottom:1px solid #f0f0f0;transition:transform .2s ease}.featured-card:last-child{border-bottom:none;padding-bottom:0}.featured-card:active{transform:scale(.97)}.featured-card-image{width:100px;height:66px;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:#f5f5f5;box-shadow:0 2px 6px #00000014}.featured-card-image img{width:100%;height:100%;object-fit:cover;display:block}.featured-card-info{flex:1;min-width:0;padding-top:2px}.featured-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.featured-card-title{font-size:15px;font-weight:600;color:#1a1a1a;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.featured-card-count{font-size:12px;font-weight:500;color:#1a73e8;background:#e8f0fe;padding:2px 8px;border-radius:12px;flex-shrink:0}.featured-card-desc{font-size:13px;color:#666;margin-top:6px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card-series{font-size:12px;color:#999;margin-top:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-by-side-section .section-title{font-size:16px;font-weight:600;color:#333}.side-by-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-by-side-card{cursor:pointer;border-radius:10px;overflow:hidden;background:#fff;padding:0 0 12px;transition:transform .2s ease}.side-by-side-card:active{transform:scale(.97)}.side-by-side-image{width:100%;aspect-ratio:5 / 6;border-radius:10px 10px 0 0;overflow:hidden;background-color:#f5f5f5;box-shadow:0 2px 6px #00000014}.side-by-side-image img{width:100%;height:100%;object-fit:cover;display:block}.side-by-side-title{font-size:15px;font-weight:600;color:#333;margin-top:8px;line-height:1.4;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-by-side-desc{font-size:12px;color:#666;margin-top:4px;line-height:1.3;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-info{background-color:#fff;margin-bottom:12px}.series-info .cover-container{position:relative;height:200px}.series-cover{width:100%;height:100%;object-fit:cover}.series-info .cover-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.series-name{font-size:20px;font-weight:600;color:#fff}.series-desc{padding:16px;font-size:14px;color:#666;line-height:1.6}.stats{display:flex;justify-content:space-around;padding:16px;border-top:1px solid #f0f0f0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:18px;font-weight:600;color:#3498db}.stat-label{font-size:12px;color:#999}.stat-divider{width:1px;background-color:#f0f0f0}.album-section{background-color:#fff;padding:16px}.section-header{margin-bottom:16px}.section-title{font-size:16px;font-weight:600;color:#333}.album-list{display:flex;flex-direction:column;gap:12px}.album-item{display:flex;gap:12px;padding:8px;border-radius:8px;transition:background-color .3s ease}.album-item:hover{background-color:#f8f9fa}.album-cover{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.album-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.album-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-desc{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-meta{font-size:11px;color:#bbb}.album-info{background-color:#fff;margin-bottom:12px}.album-info .cover-container{position:relative;height:200px}.album-cover{width:100%;height:100%;object-fit:cover}.album-info .cover-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.article-section{background-color:#fff;padding:16px}.article-list{display:flex;flex-direction:column;gap:12px}.article-item{display:flex;gap:12px;padding:8px;border-radius:8px;transition:background-color .3s ease;align-items:center}.article-item:hover{background-color:#f8f9fa}.article-index{width:32px;height:32px;border-radius:50%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;color:#666;flex-shrink:0}.article-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.article-title{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-duration{font-size:12px;color:#999}.article-item .play-icon{width:24px;height:24px;color:#3498db;flex-shrink:0}.article-page .header-center .title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-section{flex-shrink:0;background-color:#000;padding:0;margin:0;width:100%;position:relative}.video-container{width:100%;height:auto;background-color:#000;border-radius:0;overflow:hidden;position:relative}.video-player{width:100%;height:auto;max-height:500px;object-fit:contain;background-color:#000;display:block}.tab-bar{display:flex;background-color:#fff;padding-bottom:8px;border-bottom:1px solid #eee}.tab-btn{flex:1;padding:10px 0;text-align:center;font-size:14px;color:#666;background:none;border:none;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn.active{color:#4caf50;border-bottom-color:#4caf50;font-weight:500}.tab-btn.disabled{color:#ccc;cursor:not-allowed!important;opacity:.5}.tab-lock-icon{font-size:11px;margin-right:2px}.article-page .main-content{padding:0;gap:0}.article-page .text-display{background-color:transparent;padding:0 12px;margin-top:0;gap:0}.sentence-block{display:flex;flex-direction:column;padding:14px 16px;margin-bottom:10px;border-radius:12px;transition:all .3s ease;background-color:#fff;border:1px solid #f0f0f0;position:relative;text-align:left}.sentence-block:first-child{margin-top:10px}.sentence-block.current{background-color:#e8f9e8;border-color:#c8e6c9}.sentence-block.played{opacity:1}.sentence-block:not(.current):not(.played) .sentence-en{color:#999}.sentence-block:not(.current):not(.played) .sentence-zh{color:#bbb}.sentence-content{flex:1}.sentence-en{font-size:17px;font-weight:400;color:#000;line-height:1.6;margin-bottom:6px;text-align:left;word-spacing:normal;letter-spacing:-.3px}.sentence-zh{font-size:14px;color:#757575;line-height:1.6;text-align:left}.sentence-bar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:6px}.sentence-number{font-size:11px;color:#9e9e9e}.sentence-actions{display:flex;align-items:center;gap:14px;z-index:10}.sentence-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .2s ease;border-radius:6px;width:26px;height:26px;background:#00000008}.sentence-btn:hover{background:#00000014}.sentence-btn:active{transform:scale(.95)}.sentence-btn svg{width:13px;height:13px;display:block}.sentence-btn-play{color:#4caf50}.sentence-btn-learn{color:#64b5f6}.sentence-btn-favorite{color:#bdbdbd}.sentence-btn-favorite.active{color:#f44336}.word{display:inline;padding:0;margin:0;border-radius:4px;cursor:pointer;transition:all .2s ease}.word.played{color:#000}.word.current{color:#000;background-color:#4caf5026;font-weight:500;padding:1px 4px}.word.future{color:#666}.word.keyword{color:#f57c00;font-weight:600}.word.keyword.current{color:#f57c00}.word:hover{background-color:#4caf501a}.word-info{background-color:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:8px;font-size:13px;margin:12px;display:none;position:fixed;bottom:90px;left:0;right:0;z-index:90;box-shadow:0 -2px 8px #00000014}.word-info.show{display:block}.bottom-controls{display:flex;align-items:center;justify-content:space-around}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.action-btn svg{width:22px;height:22px;color:#666}.action-btn span{font-size:10px;color:#666}.action-btn:hover{background-color:#f5f5f5}.action-btn.active svg,.action-btn.active span{color:#4caf50}.speed-toggle-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .3s ease}.speed-toggle-btn:hover{background-color:#f5f5f5}.speed-toggle-btn .speed-icon{font-size:18px;font-weight:700;color:#666;width:22px;text-align:center}.speed-toggle-btn span:not(.speed-icon){font-size:10px;color:#666}.empty-state{text-align:center;padding:40px 16px;color:#999;font-size:14px}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.loading-circle{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.word-modal{width:100%;max-width:340px;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0003;max-height:80vh;overflow-y:auto}.word-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0;background:var(--primary-gradient)}.word-title{font-size:24px;font-weight:700;color:#fff}.close-btn{width:32px;height:32px;border-radius:50%;background-color:#fff3;border:none;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease}.close-btn:hover{background-color:#ffffff4d}.close-btn svg{width:18px;height:18px}.word-modal-content{padding:20px}.word-modal-loading{padding:40px;display:flex;justify-content:center;align-items:center}.word-phonetic{display:flex;align-items:center;gap:12px;margin-bottom:16px}.phonetic-text{font-size:16px;color:#666;font-style:italic}.audio-btn{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);border:none;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.audio-btn:hover{background-color:#764ba2;transform:scale(1.05)}.audio-btn svg{width:16px;height:16px}.word-translation{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:12px}.translation-label{font-size:12px;color:#999;margin-bottom:4px}.translation-text{font-size:16px;color:#333;line-height:1.6}.word-examples{border-top:1px solid #f0f0f0;padding-top:16px}.examples-label{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.example-item{margin-bottom:12px;padding:12px;background-color:#fafafa;border-radius:8px}.example-item:last-child{margin-bottom:0}.example-en{font-size:14px;color:#333;margin-bottom:4px}.example-zh{font-size:13px;color:#666}@media(min-width:768px){html,body{font-size:15px}#app{max-width:none;margin:0;box-shadow:none}.app-root{min-height:100%;position:relative;background:#f5f5f5}.app-container{position:relative}.page-container{position:relative!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;overflow-y:visible!important;touch-action:auto!important}.app-header{height:56px;padding:0 24px;background:var(--primary-gradient);box-shadow:0 2px 10px rgba(var(--primary-rgb),.3)}.app-header .app-logo{line-height:56px;font-size:20px;font-weight:700;color:#fff}.header-center .title{font-size:18px;font-weight:600;color:#fff}.header-left svg,.header-right svg{color:#fffc}.carousel-section{margin-bottom:24px}.carousel-wrapper{border-radius:16px;box-shadow:0 8px 30px #0000001f}.carousel-cover{height:320px}.carousel-info{padding:32px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.3),transparent)}.carousel-title{font-size:28px;font-weight:700;margin-bottom:8px}.carousel-desc{font-size:16px;opacity:.9;max-width:60%}.carousel-dots{padding:16px;gap:8px}.carousel-dot{width:10px;height:10px}.carousel-dot.active{width:28px;background-color:var(--primary-color)}.series-grid-section{padding:0;background-color:transparent;border-radius:0;box-shadow:none}.series-grid-section .section-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#1a1a1a}.series-grid{grid-template-columns:repeat(6,1fr);gap:24px}.series-grid-icon{width:80px;height:80px;border-radius:20px;box-shadow:0 4px 12px #00000014}.series-grid-name{font-size:14px;font-weight:500;color:#333;margin-top:4px}.featured-section{background:transparent;padding:0}.featured-section .section-header{margin-bottom:20px}.featured-section .section-title{font-size:20px;font-weight:700;color:#1a1a1a}.featured-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.featured-card{flex-direction:column;border-bottom:none;padding-bottom:0;background:transparent;border-radius:12px;overflow:hidden;transition:all .3s ease}.featured-card:hover{transform:translateY(-4px)}.featured-card-image{width:100%;height:180px;border-radius:12px 12px 0 0;box-shadow:none}.featured-card-body{padding:16px;gap:10px}.card-title-row{flex-direction:column;align-items:flex-start;gap:6px}.card-title{font-size:16px;font-weight:600;color:#1a1a1a;-webkit-line-clamp:2;line-height:1.4}.card-count{font-size:12px;margin-top:0}.card-desc{font-size:14px;color:#666;line-height:1.5;-webkit-line-clamp:2}.side-by-side-section{background:transparent;padding:0}.side-by-side-section .section-header{margin-bottom:20px}.side-by-side-section .section-title{font-size:20px;font-weight:700;color:#1a1a1a}.side-by-side-grid{grid-template-columns:repeat(3,1fr);gap:20px}.side-by-side-card{border-radius:14px;overflow:hidden;transition:all .3s ease;background:transparent}.side-by-side-card:hover{transform:translateY(-4px)}.side-by-side-image{aspect-ratio:4 / 5;border-radius:14px 14px 0 0}.side-by-side-title{font-size:16px;font-weight:600;padding:12px 16px 4px;color:#1a1a1a}.side-by-side-desc{padding:0 16px 12px;font-size:13px;color:#666}.series-info .cover-container,.album-info .cover-container{height:280px}.series-name{font-size:24px}.series-desc{font-size:15px}.stat-value{font-size:22px}.stat-label{font-size:14px}.word-modal{max-width:500px}.word-title{font-size:32px}.word-modal-content{padding:28px}.layout-content{gap:24px;padding:0;width:100%;max-width:none;margin:0}.layout-content>*:not(.series-nav){margin:0}}@media(min-width:1024px){.featured-list,.side-by-side-grid,.series-grid{grid-template-columns:repeat(3,1fr)}.carousel-cover{height:380px}.carousel-title{font-size:32px}.carousel-desc{font-size:18px}}@media(min-width:1400px){.featured-list,.side-by-side-grid,.series-grid{grid-template-columns:repeat(3,1fr)}.layout-content{width:100%;max-width:none}}.series-nav-section[data-v-da3312ff]{padding:0}.section-header[data-v-da3312ff]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title[data-v-da3312ff]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.section-more[data-v-da3312ff]{display:flex;align-items:center;background:rgba(var(--primary-rgb),.08);border:none;padding:6px 10px;border-radius:20px;cursor:pointer;transition:all .2s ease}.section-more[data-v-da3312ff]:hover{background:rgba(var(--primary-rgb),.18);transform:translate(2px)}.section-more-arrow[data-v-da3312ff]{width:16px;height:16px;color:var(--primary-color);transition:transform .2s}.section-more:hover .section-more-arrow[data-v-da3312ff]{transform:translate(2px)}.scroll-wrapper[data-v-da3312ff]{position:relative}.flat-scroll[data-v-da3312ff]{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 0 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.flat-scroll[data-v-da3312ff]::-webkit-scrollbar{display:none}.flat-card[data-v-da3312ff]{flex-shrink:0;width:280px;cursor:pointer;aspect-ratio:4 / 3;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.flat-card[data-v-da3312ff]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image[data-v-da3312ff]{position:relative;width:100%;flex:1;min-height:0;background:#f5f7fa;overflow:hidden}.card-image img[data-v-da3312ff]{width:100%;height:100%;object-fit:cover}.card-info[data-v-da3312ff]{padding:10px 12px;flex-shrink:0}.card-name[data-v-da3312ff]{font-size:14px;color:#1a1a1a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub[data-v-da3312ff]{font-size:12px;color:#999;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-arrow[data-v-da3312ff]{position:absolute;top:75px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 16px #0000001f;cursor:pointer;z-index:10;transition:all .25s ease}.scroll-arrow[data-v-da3312ff]:hover{background:#fffffffa;box-shadow:0 6px 24px rgba(var(--primary-rgb),.25);transform:translateY(-50%) scale(1.1)}.scroll-arrow[data-v-da3312ff]:active{transform:translateY(-50%) scale(.95)}.scroll-arrow svg[data-v-da3312ff]{width:20px;height:20px;color:#555;transition:color .2s}.scroll-arrow:hover svg[data-v-da3312ff]{color:var(--primary-color)}.scroll-arrow-left[data-v-da3312ff]{left:calc(var(--sidebar-width, 200px) + 12px)}.scroll-arrow-right[data-v-da3312ff]{right:8px}.carousel-section[data-v-43885c11]{position:relative;width:100%}.section-header[data-v-43885c11]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title[data-v-43885c11]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.section-more[data-v-43885c11]{display:flex;align-items:center;background:rgba(var(--primary-rgb),.08);border:none;padding:6px 10px;border-radius:20px;cursor:pointer;transition:all .2s ease}.section-more[data-v-43885c11]:hover{background:rgba(var(--primary-rgb),.18);transform:translate(2px)}.section-more-arrow[data-v-43885c11]{width:16px;height:16px;color:var(--primary-color);transition:transform .2s}.section-more:hover .section-more-arrow[data-v-43885c11]{transform:translate(2px)}.carousel-scroll[data-v-43885c11]{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:8px 0 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.carousel-scroll[data-v-43885c11]::-webkit-scrollbar{display:none}.carousel-card[data-v-43885c11]{flex-shrink:0;width:220px;border-radius:16px;padding:18px 16px 14px;display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000002e}.carousel-card[data-v-43885c11]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff14,#00000026);pointer-events:none}.carousel-card[data-v-43885c11]:hover{transform:translateY(-4px);box-shadow:0 16px 36px #00000047}.card-image-wrap[data-v-43885c11]{position:relative;width:82%;aspect-ratio:1 / 1;margin:4px auto 14px;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000040;z-index:1}.card-image-wrap img[data-v-43885c11]{width:100%;height:100%;object-fit:cover;display:block}.card-badge[data-v-43885c11]{position:absolute;top:10px;left:10px;padding:3px 8px;background:#ffffffeb;color:#333;font-size:11px;font-weight:700;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.card-info[data-v-43885c11]{position:relative;z-index:1;padding:0 2px;margin-bottom:12px}.card-title[data-v-43885c11]{font-size:16px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-desc[data-v-43885c11]{font-size:12px;color:#ffffffc7;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scroll-arrow[data-v-43885c11]{position:absolute;top:130px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 16px #0000001f;cursor:pointer;z-index:10;transition:all .25s ease}.scroll-arrow[data-v-43885c11]:hover{background:#fffffffa;box-shadow:0 6px 24px rgba(var(--primary-rgb),.25);transform:translateY(-50%) scale(1.08)}.scroll-arrow[data-v-43885c11]:active{transform:translateY(-50%) scale(.95)}.scroll-arrow svg[data-v-43885c11]{width:20px;height:20px;color:#555;transition:color .2s}.scroll-arrow:hover svg[data-v-43885c11]{color:var(--primary-color)}.scroll-arrow-left[data-v-43885c11]{left:calc(var(--sidebar-width, 200px) + 12px)}.scroll-arrow-right[data-v-43885c11]{right:8px}@media(min-width:768px){.carousel-card[data-v-43885c11]{width:240px;padding:20px 18px 16px}.scroll-arrow[data-v-43885c11]{top:135px}}@media(min-width:1200px){.carousel-card[data-v-43885c11]{width:260px;padding:22px 20px 18px}.card-title[data-v-43885c11]{font-size:17px}.card-desc[data-v-43885c11]{font-size:13px}.scroll-arrow[data-v-43885c11]{top:145px}}.series-grid-section[data-v-77d40a26]{padding:0}.section-header[data-v-77d40a26]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title[data-v-77d40a26]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.section-more[data-v-77d40a26]{display:flex;align-items:center;gap:6px;background:rgba(var(--primary-rgb),.08);border:none;padding:6px 12px 6px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.section-more[data-v-77d40a26]:hover{background:rgba(var(--primary-rgb),.18);transform:translate(2px)}.section-more-text[data-v-77d40a26]{font-size:13px;font-weight:500;color:var(--primary-color)}.section-more-arrow[data-v-77d40a26]{width:16px;height:16px;color:var(--primary-color);transition:transform .2s}.section-more:hover .section-more-arrow[data-v-77d40a26]{transform:translate(2px)}.scroll-wrapper[data-v-77d40a26]{position:relative}.flat-scroll[data-v-77d40a26]{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 0 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.flat-scroll[data-v-77d40a26]::-webkit-scrollbar{display:none}.flat-card[data-v-77d40a26]{flex-shrink:0;width:280px;aspect-ratio:4 / 3;display:flex;flex-direction:column;cursor:pointer;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.flat-card[data-v-77d40a26]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image[data-v-77d40a26]{position:relative;width:100%;flex:1;min-height:0;background:#f5f7fa;overflow:hidden}.card-image img[data-v-77d40a26]{width:100%;height:100%;object-fit:cover}.card-badge[data-v-77d40a26]{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff;z-index:2}.card-badge.new[data-v-77d40a26]{background:var(--primary-color)}.card-badge.hot[data-v-77d40a26]{background:#e74c3c}.card-count[data-v-77d40a26]{position:absolute;bottom:8px;right:8px;padding:2px 8px;background:#0009;color:#fff;font-size:11px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-info[data-v-77d40a26]{padding:10px 12px;flex-shrink:0}.card-name[data-v-77d40a26]{font-size:14px;color:#1a1a1a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub[data-v-77d40a26]{font-size:12px;color:#999;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-arrow[data-v-77d40a26]{position:absolute;top:75px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 16px #0000001f;cursor:pointer;z-index:10;transition:all .25s ease}.scroll-arrow[data-v-77d40a26]:hover{background:#fffffffa;box-shadow:0 6px 24px rgba(var(--primary-rgb),.25);transform:translateY(-50%) scale(1.1)}.scroll-arrow[data-v-77d40a26]:active{transform:translateY(-50%) scale(.95)}.scroll-arrow svg[data-v-77d40a26]{width:20px;height:20px;color:#555;transition:color .2s}.scroll-arrow:hover svg[data-v-77d40a26]{color:var(--primary-color)}.scroll-arrow-left[data-v-77d40a26]{left:calc(var(--sidebar-width, 200px) + 12px)}.scroll-arrow-right[data-v-77d40a26]{right:8px}.featured-list-section[data-v-7637730c]{padding:0}.section-header[data-v-7637730c]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title[data-v-7637730c]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.section-more[data-v-7637730c]{display:flex;align-items:center;gap:6px;background:rgba(var(--primary-rgb),.08);border:none;padding:6px 12px 6px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.section-more[data-v-7637730c]:hover{background:rgba(var(--primary-rgb),.18);transform:translate(2px)}.section-more-text[data-v-7637730c]{font-size:13px;font-weight:500;color:var(--primary-color)}.section-more-arrow[data-v-7637730c]{width:16px;height:16px;color:var(--primary-color);transition:transform .2s}.section-more:hover .section-more-arrow[data-v-7637730c]{transform:translate(2px)}.scroll-wrapper[data-v-7637730c]{position:relative}.flat-scroll[data-v-7637730c]{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 0 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.flat-scroll[data-v-7637730c]::-webkit-scrollbar{display:none}.flat-card[data-v-7637730c]{flex-shrink:0;width:280px;cursor:pointer;aspect-ratio:4 / 3;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.flat-card[data-v-7637730c]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image[data-v-7637730c]{position:relative;width:100%;flex:1;min-height:0;background:#f5f7fa;overflow:hidden}.card-image img[data-v-7637730c]{width:100%;height:100%;object-fit:cover}.card-count[data-v-7637730c]{position:absolute;bottom:8px;right:8px;padding:2px 8px;background:#0009;color:#fff;font-size:11px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-info[data-v-7637730c]{padding:10px 12px;flex-shrink:0}.card-name[data-v-7637730c]{font-size:14px;color:#1a1a1a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc[data-v-7637730c]{font-size:12px;color:#666;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card-sub[data-v-7637730c]{font-size:11px;color:#999;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-arrow[data-v-7637730c]{position:absolute;top:55px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 16px #0000001f;cursor:pointer;z-index:10;transition:all .25s ease}.scroll-arrow[data-v-7637730c]:hover{background:#fffffffa;box-shadow:0 6px 24px rgba(var(--primary-rgb),.25);transform:translateY(-50%) scale(1.1)}.scroll-arrow[data-v-7637730c]:active{transform:translateY(-50%) scale(.95)}.scroll-arrow svg[data-v-7637730c]{width:20px;height:20px;color:#555;transition:color .2s}.scroll-arrow:hover svg[data-v-7637730c]{color:var(--primary-color)}.scroll-arrow-left[data-v-7637730c]{left:calc(var(--sidebar-width, 200px) + 12px)}.scroll-arrow-right[data-v-7637730c]{right:8px}.side-by-side-section[data-v-fb358425]{padding:0}.section-header[data-v-fb358425]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title[data-v-fb358425]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.section-more[data-v-fb358425]{display:flex;align-items:center;background:rgba(var(--primary-rgb),.08);border:none;padding:6px 10px;border-radius:20px;cursor:pointer;transition:all .2s ease}.section-more[data-v-fb358425]:hover{background:rgba(var(--primary-rgb),.18);transform:translate(2px)}.section-more-arrow[data-v-fb358425]{width:16px;height:16px;color:var(--primary-color);transition:transform .2s}.section-more:hover .section-more-arrow[data-v-fb358425]{transform:translate(2px)}.scroll-wrapper[data-v-fb358425]{position:relative}.flat-scroll[data-v-fb358425]{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 0 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.flat-scroll[data-v-fb358425]::-webkit-scrollbar{display:none}.flat-card[data-v-fb358425]{flex-shrink:0;width:280px;cursor:pointer;aspect-ratio:4 / 3;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.flat-card[data-v-fb358425]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image[data-v-fb358425]{position:relative;width:100%;flex:1;min-height:0;background:#f5f7fa;overflow:hidden}.card-image img[data-v-fb358425]{width:100%;height:100%;object-fit:cover}.card-info[data-v-fb358425]{padding:10px 12px;flex-shrink:0}.card-name[data-v-fb358425]{font-size:14px;color:#1a1a1a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc[data-v-fb358425]{font-size:12px;color:#666;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card-sub[data-v-fb358425]{font-size:11px;color:#999;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-arrow[data-v-fb358425]{position:absolute;top:55px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 16px #0000001f;cursor:pointer;z-index:10;transition:all .25s ease}.scroll-arrow[data-v-fb358425]:hover{background:#fffffffa;box-shadow:0 6px 24px rgba(var(--primary-rgb),.25);transform:translateY(-50%) scale(1.1)}.scroll-arrow[data-v-fb358425]:active{transform:translateY(-50%) scale(.95)}.scroll-arrow svg[data-v-fb358425]{width:20px;height:20px;color:#555;transition:color .2s}.scroll-arrow:hover svg[data-v-fb358425]{color:var(--primary-color)}.scroll-arrow-left[data-v-fb358425]{left:calc(var(--sidebar-width, 200px) + 12px)}.scroll-arrow-right[data-v-fb358425]{right:8px}.home-page[data-v-142076f3]{min-height:100%;background:transparent}.home-container[data-v-142076f3]{width:calc(100% + var(--sidebar-width, 200px));margin-left:calc(-1 * var(--sidebar-width, 200px));padding:16px 0;box-sizing:border-box}.layout-content[data-v-142076f3]{display:flex;flex-direction:column;gap:28px;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.home-page[data-v-142076f3] .section-header,.home-page[data-v-142076f3] .flat-scroll,.home-page[data-v-142076f3] .carousel-scroll{padding-left:calc(var(--sidebar-width, 200px) + 22px);padding-right:0}.layout-content.slide-left-leave[data-v-142076f3]{animation:slideOutLeft-142076f3 .1s ease forwards}.layout-content.slide-left-enter[data-v-142076f3]{animation:slideInRight-142076f3 .2s ease forwards}.layout-content.slide-right-leave[data-v-142076f3]{animation:slideOutRight-142076f3 .1s ease forwards}.layout-content.slide-right-enter[data-v-142076f3]{animation:slideInLeft-142076f3 .2s ease forwards}@keyframes slideOutLeft-142076f3{0%{transform:translate(0);opacity:1}to{transform:translate(-50%);opacity:0}}@keyframes slideInRight-142076f3{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-142076f3{0%{transform:translate(0);opacity:1}to{transform:translate(50%);opacity:0}}@keyframes slideInLeft-142076f3{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.home-page[data-v-142076f3] .series-nav{background:transparent;border-bottom:none}@media(max-width:992px){.home-container[data-v-142076f3]{width:100%;margin-left:0;padding:12px 0}.home-page[data-v-142076f3] .section-header,.home-page[data-v-142076f3] .flat-scroll,.home-page[data-v-142076f3] .carousel-scroll{padding-left:16px;padding-right:16px}.layout-content[data-v-142076f3]{gap:20px}}.task-page[data-v-c6db627b]{--tk-primary: var(--primary-color);--tk-primary-dark: var(--primary-hover);--tk-primary-bg: rgba(var(--primary-rgb), .1);--tk-border: #e2e8f0;--tk-border-light: #eef1f6;--tk-text: #1e293b;--tk-text-sub: #64748b;--tk-text-light: #94a3b8;--tk-bg-page: #f5f7fa;--tk-orange: #ed8936;--tk-green: #38a169;--tk-grey: #64748b;--ck-accent: #0d9488;--ck-accent-dark: #0f766e;--ck-tint: #f2fbfa;height:100%;display:flex;flex-direction:column;background-color:var(--tk-bg-page)}.task-type-tabs[data-v-c6db627b]{display:inline-flex;align-self:flex-start;gap:4px;margin:20px 24px 0 30px;padding:4px;flex-shrink:0;background:#edf0f6;border:1px solid var(--tk-border);border-radius:10px}.task-type-tab[data-v-c6db627b]{display:flex;align-items:center;gap:7px;padding:8px 24px;border:none;border-radius:7px;background:transparent;color:var(--tk-text-sub);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.task-type-tab svg[data-v-c6db627b]{width:15px;height:15px}.tab-badge[data-v-c6db627b]{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e74c3c;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}.task-type-tab[data-v-c6db627b]:hover{color:var(--tk-primary)}.task-type-tab.active[data-v-c6db627b]{color:#fff;background:var(--tk-primary)}.task-normal-wrap[data-v-c6db627b]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.checkin-section[data-v-c6db627b]{flex:1;min-height:0;display:flex;flex-direction:column}.checkin-container[data-v-c6db627b]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px 24px 32px 30px}.checkin-grid[data-v-c6db627b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.checkin-filter[data-v-c6db627b]{display:inline-flex;align-self:flex-start;gap:4px;margin:16px 24px 0 30px;padding:4px;flex-shrink:0;background:#ecf7f5;border:1px solid #cfe9e5;border-radius:10px}.checkin-filter-tab[data-v-c6db627b]{position:relative;display:flex;align-items:center;gap:8px;padding:7px 22px 7px 26px;border:none;border-radius:7px;background:transparent;color:var(--tk-text-sub);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.checkin-filter-tab[data-v-c6db627b]:before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:2px;background:var(--ck-accent);transition:height .2s}.checkin-filter-tab[data-v-c6db627b]:hover{color:var(--ck-accent)}.checkin-filter-tab.active[data-v-c6db627b]{background:#fff;color:var(--ck-accent)}.checkin-filter-tab.active[data-v-c6db627b]:before{height:16px}.checkin-filter-tab.tab-ended.active[data-v-c6db627b]{color:var(--tk-grey)}.checkin-filter-tab.tab-ended.active[data-v-c6db627b]:before{background:var(--tk-text-light)}.checkin-filter-count[data-v-c6db627b]{font-size:12px;font-weight:600;line-height:1;padding:3px 8px;border-radius:9px;background:#fff;color:var(--tk-text-sub);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.checkin-filter-tab.active .checkin-filter-count[data-v-c6db627b]{background:#0d94881a;color:var(--ck-accent)}.checkin-filter-tab.tab-ended.active .checkin-filter-count[data-v-c6db627b]{background:#eef1f5;color:var(--tk-text-light)}.checkin-card[data-v-c6db627b]{--ck-paper: var(--ck-tint);--ck-head: var(--ck-accent);position:relative;cursor:pointer;background:var(--ck-paper);border-radius:14px 14px 0 0;transition:transform .25s ease}.checkin-card[data-v-c6db627b]:hover{transform:translateY(-3px)}.checkin-card[data-v-c6db627b]:before{content:"";position:absolute;top:0;left:0;right:0;height:14px;border-radius:14px 14px 0 0;background-image:radial-gradient(circle at 30px 7px,#fff 4px,transparent 4.5px),radial-gradient(circle at calc(100% - 30px) 7px,#fff 4px,transparent 4.5px),linear-gradient(var(--ck-head),var(--ck-head));z-index:1}.checkin-card[data-v-c6db627b]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background-image:radial-gradient(circle at 7px 0,transparent 5px,var(--ck-paper) 5.5px);background-size:14px 6px;background-repeat:repeat-x}.checkin-card .card-body[data-v-c6db627b]{padding-top:26px}.checkin-card.active-task[data-v-c6db627b]:hover{--ck-head: var(--ck-accent-dark)}.checkin-card.ended-task[data-v-c6db627b]{--ck-paper: #f8fafc;--ck-head: #94a3b8}.checkin-card.ended-task[data-v-c6db627b]:hover{--ck-head: #7c8ba1}.checkin-card.ended-task.fully-done[data-v-c6db627b]{--ck-paper: #f2fbf6;--ck-head: var(--tk-green)}.checkin-card.ended-task.fully-done[data-v-c6db627b]:hover{--ck-head: #2f855a}.checkin-card .status-orb[data-v-c6db627b],.checkin-card .end-orb[data-v-c6db627b]{border-radius:10px;width:32px;height:32px}.checkin-card .status-orb.orb-in_progress[data-v-c6db627b],.checkin-card.active-task .progress-fill[data-v-c6db627b]{background:var(--ck-accent)}.checkin-card.active-task .progress-percent[data-v-c6db627b]{color:var(--ck-accent)}.checkin-card.active-task .go-task-btn[data-v-c6db627b]{background:var(--ck-accent)}.checkin-card.active-task .go-task-btn[data-v-c6db627b]:hover{background:var(--ck-accent-dark)}.checkin-card.ended-task .progress-fill.fill-green[data-v-c6db627b]{background:var(--tk-green)}.checkin-card.ended-task .progress-percent.grey-num[data-v-c6db627b]{color:var(--tk-text-light)}.checkin-card.ended-task.fully-done .progress-percent[data-v-c6db627b],.checkin-card.ended-task.fully-done .meta-item.ended-date[data-v-c6db627b]{color:var(--tk-green)}.checkin-type-tag[data-v-c6db627b]{flex-shrink:0;font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px;white-space:nowrap}.checkin-type-tag.type-1[data-v-c6db627b]{color:var(--primary-color);background:rgba(var(--primary-rgb),.12)}.checkin-type-tag.type-2[data-v-c6db627b]{color:#ed8936;background:#ed89361f}.checkin-type-tag.small[data-v-c6db627b]{font-size:11px;padding:2px 10px}.stats-section[data-v-c6db627b]{padding:20px 24px 0 30px}.stats-grid[data-v-c6db627b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card[data-v-c6db627b]{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border-radius:14px;border:1px solid var(--tk-border);transition:all .2s}.stat-card.in-progress[data-v-c6db627b]{background:#f7f8ff;border-color:#dfe3fb}.stat-card.in-progress[data-v-c6db627b]:hover{border-color:var(--tk-primary)}.stat-card.pending[data-v-c6db627b]{background:#fffaf3;border-color:#f3e3cd}.stat-card.pending[data-v-c6db627b]:hover{border-color:var(--tk-orange)}.stat-card.completed[data-v-c6db627b]{background:#f4fbf6;border-color:#d5eee0}.stat-card.completed[data-v-c6db627b]:hover{border-color:var(--tk-green)}.stat-card.ended[data-v-c6db627b]{background:#f8fafc;border-color:#e2e8f0}.stat-card.ended[data-v-c6db627b]:hover{border-color:var(--tk-grey)}.stat-icon-wrap[data-v-c6db627b]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrap svg[data-v-c6db627b]{width:24px;height:24px}.stat-card.in-progress .stat-icon-wrap[data-v-c6db627b]{background:var(--tk-primary-bg);color:var(--tk-primary)}.stat-card.pending .stat-icon-wrap[data-v-c6db627b]{background:#ed89361f;color:var(--tk-orange)}.stat-card.completed .stat-icon-wrap[data-v-c6db627b]{background:#48bb781f;color:var(--tk-green)}.stat-card.ended .stat-icon-wrap[data-v-c6db627b]{background:#64748b1f;color:var(--tk-grey)}.stat-info[data-v-c6db627b]{display:flex;flex-direction:column}.stat-num[data-v-c6db627b]{font-size:28px;font-weight:800;line-height:1.1;color:var(--tk-text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.stat-label[data-v-c6db627b]{font-size:12px;color:var(--tk-text-sub);margin-top:4px;font-weight:500;letter-spacing:.5px}.task-container[data-v-c6db627b]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px 24px 32px 30px}.status-tabs[data-v-c6db627b]{display:flex;gap:10px;padding:16px 24px 8px 30px}.status-tab[data-v-c6db627b]{padding:8px 22px;border:1px solid #dbe1ea;border-radius:8px;background:#fff;color:var(--tk-text-sub);font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s;font-weight:500}.status-tab[data-v-c6db627b]:hover{border-color:var(--tk-primary);color:var(--tk-primary)}.status-tab.active[data-v-c6db627b]{background:var(--tk-primary);color:#fff;border-color:var(--tk-primary)}.class-tabs[data-v-c6db627b]{display:flex;flex-wrap:wrap;gap:8px;padding:14px 4px 10px}.class-tab[data-v-c6db627b]{padding:6px 18px;border:1px solid #dbe1ea;border-radius:8px;background:#fff;color:var(--tk-text-sub);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.class-tab[data-v-c6db627b]:hover{border-color:var(--tk-primary);color:var(--tk-primary)}.class-tab.active[data-v-c6db627b]{background:var(--tk-primary);color:#fff;border-color:var(--tk-primary);font-weight:600}.class-empty-tip[data-v-c6db627b]{padding:48px 0;text-align:center;color:var(--tk-text-light);font-size:14px}.group-header[data-v-c6db627b]{padding:20px 4px 14px}.group-header.ended-group[data-v-c6db627b]{padding-top:30px}.group-title[data-v-c6db627b]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#2d3748}.group-dot[data-v-c6db627b]{width:4px;height:18px;border-radius:2px}.group-dot.in-progress[data-v-c6db627b]{background:var(--tk-primary)}.group-dot.ended[data-v-c6db627b]{background:var(--tk-text-light)}.group-count[data-v-c6db627b]{font-size:12px;color:#94a3b8;font-weight:500;background:#eef1f7;padding:2px 10px;border-radius:10px}.task-grid[data-v-c6db627b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.task-grid-card[data-v-c6db627b]{cursor:pointer;transition:all .25s ease}.task-grid-card.active-task[data-v-c6db627b]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--tk-border)}.task-grid-card.active-task[data-v-c6db627b]:hover{border-color:var(--tk-primary);background:#fafbff}.card-top-strip[data-v-c6db627b]{height:3px;background:var(--tk-primary)}.card-top-strip.strip-pending[data-v-c6db627b]{background:var(--tk-orange)}.card-top-strip.strip-in_progress[data-v-c6db627b]{background:var(--tk-primary)}.card-cover[data-v-c6db627b]{position:relative;width:100%;aspect-ratio:2.2 / 1;max-height:172px;overflow:hidden;background:var(--tk-border-light)}.card-cover-ph[data-v-c6db627b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1;color:#fff;background:var(--cov-color, var(--tk-grey));opacity:.92}.card-cover-img[data-v-c6db627b]{position:relative;display:block;width:100%;height:100%;object-fit:cover}.card-cover-banner[data-v-c6db627b]{margin:-8px -20px 12px;height:108px;overflow:hidden;background:var(--tk-border-light)}.card-cover-banner img[data-v-c6db627b]{display:block;width:100%;height:100%;object-fit:cover}.cover-orb[data-v-c6db627b]{position:absolute;top:10px;right:10px;z-index:2;border:2px solid #fff}.task-ratio[data-v-c6db627b]{flex-shrink:0;font-size:20px;font-weight:700;line-height:1.15;color:var(--tk-text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.task-ratio i[data-v-c6db627b]{font-style:normal;font-weight:600;color:var(--tk-text-light);margin:0 1px}.card-body[data-v-c6db627b]{padding:18px 20px 20px}.card-header[data-v-c6db627b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:10px}.task-name[data-v-c6db627b]{font-size:16px;font-weight:700;color:var(--tk-text);margin:0;flex:1;line-height:1.4}.task-status[data-v-c6db627b]{font-size:12px;padding:3px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0;font-weight:600}.task-status.small[data-v-c6db627b]{font-size:11px;padding:2px 8px}.status-pending[data-v-c6db627b]{background:#ed89361f;color:#c05621}.status-in_progress[data-v-c6db627b]{background:var(--tk-primary-bg);color:#5566d6}.status-completed[data-v-c6db627b]{background:#48bb781f;color:#276749}.status-ended[data-v-c6db627b]{background:#eef1f5;color:var(--tk-grey)}.status-cancelled[data-v-c6db627b]{background:#eef1f5;color:#9e9e9e}.status-orb[data-v-c6db627b]{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default}.status-orb svg[data-v-c6db627b]{width:15px;height:15px}.status-orb.orb-in_progress[data-v-c6db627b]{background:var(--tk-primary);color:#fff}.status-orb.orb-pending[data-v-c6db627b]{background:#fff;color:var(--tk-orange);border:1.5px solid var(--tk-orange)}.task-desc[data-v-c6db627b]{font-size:13px;color:#718096;margin:0 0 16px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-progress[data-v-c6db627b]{margin-bottom:14px}.progress-bar-wrapper[data-v-c6db627b]{display:flex;align-items:center;gap:10px;margin-bottom:6px}.progress-bar[data-v-c6db627b]{flex:1;height:6px;background:var(--tk-border-light);border-radius:3px;overflow:hidden}.progress-bar.small[data-v-c6db627b]{height:5px}.progress-fill[data-v-c6db627b]{height:100%;background:var(--tk-primary);border-radius:3px;transition:width .4s ease}.progress-fill.grey[data-v-c6db627b]{background:var(--tk-text-light)}.progress-percent[data-v-c6db627b]{font-size:13px;font-weight:700;color:var(--tk-primary);min-width:40px;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.progress-text[data-v-c6db627b]{font-size:12px;color:var(--tk-text-sub);font-weight:500;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.progress-text.small[data-v-c6db627b]{font-size:11px}.subtask-types[data-v-c6db627b]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.type-tag[data-v-c6db627b]{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;background:#f5f7fb;border-radius:10px;color:#475569;font-weight:500}.type-tag strong[data-v-c6db627b]{color:var(--primary-color)}.type-emoji[data-v-c6db627b]{font-size:13px}.task-meta[data-v-c6db627b]{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.meta-item[data-v-c6db627b]{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:500}.meta-item.deadline[data-v-c6db627b]{color:var(--primary-color)}.meta-item.deadline.urgent[data-v-c6db627b]{color:#ef4444}.meta-item svg[data-v-c6db627b]{width:13px;height:13px;flex-shrink:0}.go-task-btn[data-v-c6db627b]{display:inline-flex;align-items:center;gap:5px;width:auto;padding:7px 18px;border:none;border-radius:8px;background:var(--tk-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease;letter-spacing:1px}.go-task-btn[data-v-c6db627b]:hover{background:var(--tk-primary-dark)}.go-task-btn.not-started[data-v-c6db627b]{background:#fff;color:var(--tk-text-light);border:1px solid #dbe1ea}.go-task-btn.not-started[data-v-c6db627b]:hover{background:#f6f8fb;border-color:var(--tk-text-light)}.go-task-btn[data-v-c6db627b]:active{transform:translateY(0)}.card-actions[data-v-c6db627b]{display:flex;justify-content:flex-end;margin-top:14px}.task-grid-card.ended-task[data-v-c6db627b]{background:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden}.task-grid-card.ended-task .card-top-strip.strip-ended[data-v-c6db627b]{background:#cbd5e1}.task-grid-card.ended-task[data-v-c6db627b]:hover{border-color:#94a3b8;background:#f8fafc}.task-grid-card.ended-task.fully-done[data-v-c6db627b]{background:#fff;border-color:var(--tk-green)}.task-grid-card.ended-task.fully-done .card-top-strip.strip-completed[data-v-c6db627b]{background:var(--tk-green)}.task-grid-card.ended-task.fully-done[data-v-c6db627b]:hover{border-color:#2f855a;background:#f4fbf6}.task-grid-card.ended-task .progress-fill.fill-green[data-v-c6db627b]{background:var(--tk-green)}.task-grid-card.ended-task .progress-percent.grey-num[data-v-c6db627b]{color:var(--tk-text-light)}.task-grid-card.ended-task.fully-done .progress-percent[data-v-c6db627b]{color:var(--tk-green)}.ended-footer[data-v-c6db627b]{display:flex;align-items:center}.meta-item.ended-date[data-v-c6db627b]{color:#94a3b8}.task-grid-card.ended-task.fully-done .meta-item.ended-date[data-v-c6db627b]{color:var(--tk-green)}.end-orb[data-v-c6db627b]{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default}.end-orb svg[data-v-c6db627b]{width:15px;height:15px}.end-orb.orb-done[data-v-c6db627b]{background:var(--tk-green);color:#fff}.end-orb.orb-ended[data-v-c6db627b]{background:#94a3b8;color:#fff}.login-prompt[data-v-c6db627b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 32px;text-align:center}.login-prompt-icon[data-v-c6db627b]{width:72px;height:72px;color:#cbd5e0;margin-bottom:20px}.login-prompt-icon svg[data-v-c6db627b]{width:100%;height:100%}.login-prompt-text[data-v-c6db627b]{font-size:16px;color:#718096;margin-bottom:28px}.login-btn[data-v-c6db627b]{padding:12px 44px;background:var(--tk-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.login-btn[data-v-c6db627b]:hover{background:var(--tk-primary-dark)}.loading-state[data-v-c6db627b]{display:flex;flex-direction:column;align-items:center;padding:80px 16px;color:#a0aec0;font-size:14px}.loading-spinner[data-v-c6db627b]{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;animation:spin-c6db627b .8s linear infinite;margin-bottom:14px}.loading-spinner.small[data-v-c6db627b]{width:20px;height:20px;border-width:2px}@keyframes spin-c6db627b{to{transform:rotate(360deg)}}.loading-more[data-v-c6db627b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px 16px 10px;color:#a0aec0;font-size:13px}.no-more[data-v-c6db627b]{text-align:center;padding:28px 16px 10px;color:#cbd5e0;font-size:12px}.empty-state[data-v-c6db627b]{display:flex;flex-direction:column;align-items:center;padding:100px 16px;color:#a0aec0;font-size:14px}.empty-icon[data-v-c6db627b]{width:64px;height:64px;color:#e2e8f0;margin-bottom:16px}.empty-icon svg[data-v-c6db627b]{width:100%;height:100%}.task-list-wrapper[data-v-c6db627b]{padding:0}@media(max-width:1200px){.stats-section[data-v-c6db627b],.status-tabs[data-v-c6db627b],.task-container[data-v-c6db627b]{padding-left:30px}}@media(max-width:767.98px){.stats-section[data-v-c6db627b],.status-tabs[data-v-c6db627b],.task-container[data-v-c6db627b]{padding-left:16px;padding-right:16px}.stats-section[data-v-c6db627b]{padding-top:14px}.stats-grid[data-v-c6db627b]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card[data-v-c6db627b]{padding:12px;gap:10px}.stat-icon-wrap[data-v-c6db627b]{width:38px;height:38px}.stat-num[data-v-c6db627b]{font-size:20px}.status-tabs[data-v-c6db627b]{padding:12px 16px 8px;position:sticky;top:60px;background:#f5f7fa;z-index:10;overflow-x:auto;-webkit-overflow-scrolling:touch}.task-container[data-v-c6db627b]{padding-top:6px}.checkin-filter[data-v-c6db627b]{margin:12px 16px 0}.task-grid[data-v-c6db627b]{grid-template-columns:1fr;gap:14px}.card-body[data-v-c6db627b]{padding:14px 16px 16px}}.profile-page[data-v-d30ed07b]{background-color:transparent}.profile-page .main-content[data-v-d30ed07b]{margin-top:0;height:auto;min-height:0;padding:0 0 20px;overflow:visible;background:#fff}.profile-container[data-v-d30ed07b]{border-radius:0;height:fit-content}.profile-header[data-v-d30ed07b]{background:var(--primary-gradient);padding:32px 24px;display:flex;align-items:center;gap:16px}.avatar-wrapper[data-v-d30ed07b]{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.avatar-wrapper svg[data-v-d30ed07b]{width:40px;height:40px}.user-info[data-v-d30ed07b]{color:#fff}.user-info.guest-info[data-v-d30ed07b]{opacity:.8}.user-name[data-v-d30ed07b]{font-size:20px;font-weight:600;margin:0 0 4px}.user-phone[data-v-d30ed07b]{font-size:14px;opacity:.8;margin:0}.profile-body[data-v-d30ed07b]{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;padding:20px 20px 0}.profile-main[data-v-d30ed07b]{display:flex;flex-direction:column;gap:20px;min-width:0}.profile-side[data-v-d30ed07b]{min-width:0}.points-card[data-v-d30ed07b]{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(135deg,#ffefc7,#ffe3a3);border-radius:12px;border:1px solid #ffe8b8}.points-icon[data-v-d30ed07b]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #f59e0b59}.points-icon svg[data-v-d30ed07b]{width:26px;height:26px}.points-info[data-v-d30ed07b]{display:flex;flex-direction:column;flex:1;min-width:0}.points-label[data-v-d30ed07b]{font-size:13px;color:#a16207}.points-value[data-v-d30ed07b]{font-size:28px;font-weight:700;color:#92400e;line-height:1.2}.level-badge[data-v-d30ed07b]{flex-shrink:0;padding:6px 12px;border-radius:20px;background:#ffffffbf;color:#92400e;font-size:13px;font-weight:600}.info-card[data-v-d30ed07b]{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:4px 20px}.info-card.guest-info-content[data-v-d30ed07b]{text-align:center}.info-item[data-v-d30ed07b]{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f5f5f5}.info-item[data-v-d30ed07b]:last-child{border-bottom:none}.info-label[data-v-d30ed07b]{font-size:14px;color:#999}.info-value[data-v-d30ed07b]{font-size:14px;color:#333;font-weight:500}.profile-menu[data-v-d30ed07b]{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:8px 0}.menu-grid[data-v-d30ed07b]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px 10px}.menu-grid .menu-item[data-v-d30ed07b]{flex-direction:column;justify-content:center;gap:8px;padding:14px 6px;border-radius:10px;text-align:center;position:relative}.menu-grid .menu-item[data-v-d30ed07b]:hover{background-color:#f6f7fb}.menu-grid .menu-item span[data-v-d30ed07b]{font-size:13.5px;flex:none}.menu-grid .menu-item .msg-badge[data-v-d30ed07b]{position:absolute;top:10px;left:calc(50% + 10px);margin-left:0}.menu-item[data-v-d30ed07b]{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#333;cursor:pointer;transition:background-color .2s}.menu-item[data-v-d30ed07b]:hover{background-color:#fafafa}.menu-item.login-btn-wrapper[data-v-d30ed07b]{color:#3498db}.menu-item.register-btn-wrapper[data-v-d30ed07b]{color:#27ae60;border-top:1px solid #f0f0f0}.menu-icon-box[data-v-d30ed07b]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-msg .menu-icon-box[data-v-d30ed07b]{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.menu-item-pwd .menu-icon-box[data-v-d30ed07b]{background:var(--primary-gradient)}.menu-item-profile .menu-icon-box[data-v-d30ed07b]{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.profile-modal-hint[data-v-d30ed07b]{font-size:13px;line-height:1.6;color:#6b7280;margin:0;padding:8px 10px;background:#f5f7ff;border-radius:8px}.menu-item-points .menu-icon-box[data-v-d30ed07b]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.menu-item-logout .menu-icon-box[data-v-d30ed07b]{background:linear-gradient(135deg,#f43f5e,#ec4899)}.menu-icon-box svg[data-v-d30ed07b]{width:18px;height:18px;color:#fff}.menu-item span[data-v-d30ed07b]{font-size:15px;flex:1}.menu-item .msg-badge[data-v-d30ed07b]{margin-left:auto;min-width:22px;height:22px;line-height:22px;padding:0 6px;border-radius:11px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;font-size:12px;font-weight:600;text-align:center;flex-shrink:0;flex:none}.pwd-modal-mask[data-v-d30ed07b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px}.pwd-modal[data-v-d30ed07b]{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;overflow:hidden}.pwd-modal-header[data-v-d30ed07b]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pwd-modal-title[data-v-d30ed07b]{font-size:18px;font-weight:600;color:#333;margin:0}.pwd-close-btn[data-v-d30ed07b]{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:background-color .2s}.pwd-close-btn[data-v-d30ed07b]:hover{background:#e8e8e8}.pwd-close-btn svg[data-v-d30ed07b]{width:16px;height:16px}.pwd-modal-form[data-v-d30ed07b]{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.pwd-field[data-v-d30ed07b]{display:flex;flex-direction:column;gap:6px}.pwd-label[data-v-d30ed07b]{font-size:13px;color:#666}.pwd-input[data-v-d30ed07b]{width:100%;height:44px;padding:0 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;box-sizing:border-box;background:#f9f9f9;transition:border-color .2s,box-shadow .2s}.pwd-input[data-v-d30ed07b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);background:#fff}.pwd-error[data-v-d30ed07b]{color:#e74c3c;font-size:13px;text-align:center}.pwd-actions[data-v-d30ed07b]{display:flex;gap:12px;margin-top:4px}.pwd-btn[data-v-d30ed07b]{flex:1;height:44px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .2s}.pwd-cancel[data-v-d30ed07b]{background:#f0f0f0;color:#666}.pwd-cancel[data-v-d30ed07b]:hover{background:#e4e4e4}.pwd-submit[data-v-d30ed07b]{background:var(--primary-gradient);color:#fff}.pwd-submit[data-v-d30ed07b]:hover:not(:disabled){opacity:.9}.pwd-submit[data-v-d30ed07b]:disabled{opacity:.6;cursor:not-allowed}.modal-fade-enter-active[data-v-d30ed07b],.modal-fade-leave-active[data-v-d30ed07b]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-d30ed07b],.modal-fade-leave-to[data-v-d30ed07b]{opacity:0}.pc-points-mask[data-v-d30ed07b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:2100;display:flex;align-items:center;justify-content:center;padding:24px}.pc-points-modal[data-v-d30ed07b]{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;background:#eef0fa;border-radius:20px;box-shadow:0 12px 40px #0f172a33;padding:24px 28px 20px;box-sizing:border-box}.pc-points-header[data-v-d30ed07b]{position:relative;margin-bottom:12px}.pc-points-title[data-v-d30ed07b]{font-size:18px;font-weight:600;color:#17181c;text-align:center;margin:0}.pc-points-close[data-v-d30ed07b]{position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:background-color .2s}.pc-points-close[data-v-d30ed07b]:hover{background:#e8eaf5}.pc-points-close svg[data-v-d30ed07b]{width:16px;height:16px}.pc-points-summary[data-v-d30ed07b]{text-align:center;margin-bottom:20px}.pc-points-count[data-v-d30ed07b]{font-size:14px;color:#8a8fa8;margin:0 0 6px}.pc-points-balance[data-v-d30ed07b]{font-size:48px;font-weight:800;color:#17181c;line-height:1.1}.pc-points-card[data-v-d30ed07b]{background:#fff;border-radius:16px;padding:4px 20px}.pc-points-tip[data-v-d30ed07b]{padding:32px 0;text-align:center;font-size:14px;color:#999}.pc-points-item[data-v-d30ed07b]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #f0f1f5}.pc-points-item[data-v-d30ed07b]:last-child{border-bottom:none}.pc-points-item-left[data-v-d30ed07b]{min-width:0}.pc-points-item-title[data-v-d30ed07b]{font-size:15px;font-weight:600;color:#17181c;margin-bottom:4px}.pc-points-item-time[data-v-d30ed07b]{font-size:13px;color:#a0a5bd}.pc-points-item-change[data-v-d30ed07b]{flex-shrink:0;font-size:17px;font-weight:700}.pc-points-item-change.add[data-v-d30ed07b]{color:#1677ff}.pc-points-item-change.reduce[data-v-d30ed07b]{color:#e74c3c}.pc-points-footer-tip[data-v-d30ed07b]{text-align:center;font-size:12px;color:#a0a5bd;margin:16px 0 0}@media(max-height:760px){.pc-points-modal[data-v-d30ed07b]{padding:18px 24px 16px}.pc-points-balance[data-v-d30ed07b]{font-size:40px}}@media(max-width:620px){.profile-body[data-v-d30ed07b]{grid-template-columns:1fr}}.login-page-enter-active[data-v-d30ed07b],.login-page-leave-active[data-v-d30ed07b]{transition:opacity .24s ease}.login-page-enter-from[data-v-d30ed07b],.login-page-leave-to[data-v-d30ed07b]{opacity:0}.login-page-container[data-v-d30ed07b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#fff;display:flex;flex-direction:column;overflow-y:auto}.login-page-header[data-v-d30ed07b]{padding:16px;padding-top:calc(env(safe-area-inset-top,0px) + 16px)}.login-page-back[data-v-d30ed07b]{width:44px;height:44px;border:none;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;transition:background-color .2s}.login-page-back[data-v-d30ed07b]:hover{background:#e0e0e0}.login-page-back svg[data-v-d30ed07b]{width:20px;height:20px}.login-page-content[data-v-d30ed07b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-logo-section[data-v-d30ed07b]{text-align:center;margin-bottom:48px}.login-logo[data-v-d30ed07b]{width:80px;height:80px;background:#f0f0f0;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary-color)}.login-logo svg[data-v-d30ed07b]{width:40px;height:40px}.login-logo-img[data-v-d30ed07b]{width:80px;height:80px;border-radius:20px;background:#f0f0f0;object-fit:contain;padding:8px;margin:0 auto 20px;display:block}.login-title[data-v-d30ed07b]{font-size:28px;font-weight:700;color:#333;margin:0 0 8px}.login-subtitle[data-v-d30ed07b]{font-size:14px;color:#999;margin:0}.login-page-form[data-v-d30ed07b]{width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px}.login-fade-enter-active[data-v-d30ed07b],.login-fade-leave-active[data-v-d30ed07b]{transition:opacity .18s ease,transform .18s ease}.login-fade-enter-from[data-v-d30ed07b]{opacity:0;transform:translate(24px)}.login-fade-leave-to[data-v-d30ed07b]{opacity:0;transform:translate(-24px)}.login-entry-form[data-v-d30ed07b]{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.login-entry-primary[data-v-d30ed07b]{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:none;border-radius:18px;background:var(--primary-gradient);color:#fff;cursor:pointer;text-align:left;transition:opacity .2s,transform .2s;box-shadow:0 6px 18px #00000014}.login-entry-primary[data-v-d30ed07b]:hover{opacity:.92}.login-entry-primary[data-v-d30ed07b]:active{transform:scale(.98)}.login-entry-secondary[data-v-d30ed07b]{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1.5px solid #ececf1;border-radius:18px;background:#fff;color:#333;cursor:pointer;text-align:left;transition:background .2s,transform .2s}.login-entry-secondary[data-v-d30ed07b]:hover{background:#f7f8fa}.login-entry-secondary[data-v-d30ed07b]:active{transform:scale(.98)}.entry-icon[data-v-d30ed07b]{flex-shrink:0;width:44px;height:44px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center}.entry-icon svg[data-v-d30ed07b]{width:22px;height:22px}.entry-icon-plain[data-v-d30ed07b]{background:#f4f5f7;color:var(--primary-color)}.entry-text[data-v-d30ed07b]{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.entry-title[data-v-d30ed07b]{font-size:16px;font-weight:600}.entry-desc[data-v-d30ed07b]{font-size:12px;opacity:.75}.entry-arrow[data-v-d30ed07b]{flex-shrink:0;font-size:22px;opacity:.6}.login-page-caption[data-v-d30ed07b]{margin:0;font-size:20px;font-weight:700;color:#333;display:flex;flex-direction:column;gap:4px;text-align:left}.login-page-caption span[data-v-d30ed07b]{font-size:12px;font-weight:400;color:#86909c}.sms-agree-row[data-v-d30ed07b]{display:flex;align-items:flex-start;gap:8px;margin:-4px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none}.sms-agree-check[data-v-d30ed07b]{flex-shrink:0;width:16px;height:16px;margin:2px 0 0;accent-color:var(--primary-color);cursor:pointer}.sms-agree-text[data-v-d30ed07b]{font-size:13px;color:#86909c;line-height:1.5}.login-input-group[data-v-d30ed07b]{width:100%}.login-input[data-v-d30ed07b]{width:100%;height:52px;padding:0 20px;border:1px solid #e0e0e0;border-radius:16px;font-size:16px;box-sizing:border-box;background:#f5f5f5;transition:box-shadow .3s,border-color .3s}.login-input[data-v-d30ed07b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.login-input[data-v-d30ed07b]::placeholder{color:#999}.login-error[data-v-d30ed07b]{color:#e74c3c;font-size:13px;text-align:center;padding:8px 0}.login-submit-btn[data-v-d30ed07b]{height:56px;background:var(--primary-gradient);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .3s,transform .2s}.login-submit-btn[data-v-d30ed07b]:hover:not(:disabled){opacity:.9}.login-submit-btn[data-v-d30ed07b]:active:not(:disabled){transform:scale(.98)}.login-submit-btn[data-v-d30ed07b]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-d30ed07b]{margin-top:48px;text-align:center}.login-footer p[data-v-d30ed07b]{font-size:12px;color:#bbb;margin:0}.login-register-link[data-v-d30ed07b]{margin-top:12px!important}.login-register-link a[data-v-d30ed07b]{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.login-register-link a[data-v-d30ed07b]:hover{color:#764ba2}.register-code-group[data-v-d30ed07b]{display:flex;gap:12px;align-items:stretch}.register-code-input[data-v-d30ed07b]{flex:1}.register-code-btn[data-v-d30ed07b]{flex-shrink:0;min-width:120px;height:52px;padding:0 16px;border:1px solid var(--primary-color);background:#fff;color:var(--primary-color);border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,opacity .2s;white-space:nowrap}.register-code-btn[data-v-d30ed07b]:hover:not(:disabled){background:var(--primary-color);color:#fff}.register-code-btn[data-v-d30ed07b]:disabled{opacity:.6;cursor:not-allowed;border-color:#ccc;color:#999;background:#f5f5f5}.expired-overlay[data-v-d30ed07b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#00000073}.panel-dialog-mask[data-v-d30ed07b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3100;display:flex;align-items:center;justify-content:center;background:#00000073}.panel-dialog-card[data-v-d30ed07b]{width:320px;max-width:calc(100vw - 48px);background:#fff;border-radius:18px;box-shadow:0 18px 48px #00000038;padding:26px 24px 20px;text-align:center}.panel-dialog-msg[data-v-d30ed07b]{font-size:15px;line-height:1.6;color:#1a1a1a;margin:0 0 22px}.panel-dialog-actions[data-v-d30ed07b]{display:flex;gap:12px;justify-content:center}.panel-dialog-btn[data-v-d30ed07b]{flex:1;height:42px;border:none;border-radius:21px;font-size:14.5px;font-weight:600;cursor:pointer;transition:opacity .2s}.panel-dialog-btn[data-v-d30ed07b]:active{opacity:.85}.panel-dialog-btn.is-cancel[data-v-d30ed07b]{background:#f2f3f5;color:#4e5969}.panel-dialog-btn.is-ok[data-v-d30ed07b]{background:var(--primary-color);color:#fff}.expired-card[data-v-d30ed07b]{width:360px;max-width:calc(100vw - 48px);background:#fff;border-radius:20px;box-shadow:0 18px 48px #00000038;padding:30px 28px 24px;text-align:center;animation:expiredPop-d30ed07b .25s ease}@keyframes expiredPop-d30ed07b{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.expired-icon[data-v-d30ed07b]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ef6c00;margin:0 auto 16px}.expired-icon svg[data-v-d30ed07b]{width:32px;height:32px}.expired-title[data-v-d30ed07b]{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.expired-text[data-v-d30ed07b]{font-size:14px;font-weight:600;color:#ef6c00;margin:0 0 8px}.expired-sub[data-v-d30ed07b]{font-size:13px;line-height:1.6;color:#8a9099;margin:0 0 20px}.expired-btn[data-v-d30ed07b]{width:100%;height:42px;border:none;border-radius:21px;background:linear-gradient(135deg,#3c9c44,#2e7d36);color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.expired-btn[data-v-d30ed07b]:hover{box-shadow:0 6px 16px #3c9c4459}.expired-btn[data-v-d30ed07b]:active{transform:scale(.98)}.info-expired[data-v-d30ed07b]{color:#e5484d;font-weight:700}.left-sidebar[data-v-77333412]{position:fixed;left:0;top:60px;bottom:0;width:200px;background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;z-index:100;transition:width .3s ease;overflow-x:hidden;overflow-y:auto}.left-sidebar.collapsed[data-v-77333412]{width:70px}@media(max-width:992px){.left-sidebar.collapsed[data-v-77333412]{width:0;transform:translate(-100%)}}.sidebar-nav[data-v-77333412]{flex:1;padding:12px 8px;overflow-y:auto}.nav-item[data-v-77333412]{display:flex;align-items:center;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#666;margin-bottom:4px}.nav-item[data-v-77333412]:hover{background:#f5f7fa;color:var(--primary-color)}.nav-item.active[data-v-77333412]{background:var(--primary-gradient);color:#fff}.nav-text[data-v-77333412]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-sidebar.collapsed .nav-item[data-v-77333412]{justify-content:center;padding:12px 4px}.left-sidebar.collapsed .nav-text[data-v-77333412]{width:2em;white-space:normal;word-break:break-all;line-height:1.4;text-align:center}.sidebar-toggle[data-v-77333412]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:8px auto 14px;border-radius:50%;background:#f5f7fa;color:#666;cursor:pointer;transition:all .2s ease}.sidebar-toggle[data-v-77333412]:hover{background:#e8ecf0;color:#333}.sidebar-toggle svg[data-v-77333412]{width:18px;height:18px}.top-navbar[data-v-9f9ab437]{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 10px #0000000d;z-index:150;display:flex;align-items:center;padding:0 20px;will-change:transform}.navbar-content[data-v-9f9ab437]{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-left[data-v-9f9ab437]{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.navbar-brand[data-v-9f9ab437]{display:flex;align-items:center;gap:10px}.brand-logo[data-v-9f9ab437]{width:32px;height:32px;color:var(--primary-color);flex-shrink:0}.brand-logo svg[data-v-9f9ab437]{width:100%;height:100%}.brand-logo-img[data-v-9f9ab437]{width:32px;height:32px;border-radius:8px;object-fit:contain;flex-shrink:0}.brand-name[data-v-9f9ab437]{font-size:18px;font-weight:700;color:#1a1a1a;white-space:nowrap}.navbar-search[data-v-9f9ab437]{flex:1;min-width:0;max-width:420px;display:flex;align-items:center;gap:8px;height:38px;margin-left:8px;padding:0 16px;border:1px solid transparent;border-radius:19px;background:#f5f7fa;color:#999;font-size:14px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.navbar-search--portrait-hidden[data-v-9f9ab437]{display:none}.navbar-search[data-v-9f9ab437]:hover{background:#fff;border-color:var(--primary-color)}.navbar-search-icon[data-v-9f9ab437]{width:15px;height:15px;flex-shrink:0}.navbar-search-text[data-v-9f9ab437]{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-search-slot[data-v-9f9ab437]{flex:1;min-width:0;max-width:520px;margin-left:8px;display:flex;align-items:center}.navbar-right[data-v-9f9ab437]{display:flex;align-items:center}.top-nav[data-v-9f9ab437]{display:flex;gap:8px}.top-nav-item[data-v-9f9ab437]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:none;background:#f5f7fa;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.top-nav-item[data-v-9f9ab437]:hover{background:#e8ecf0;color:#333}.top-nav-item.active[data-v-9f9ab437]{background:var(--primary-gradient);color:#fff}.top-nav-item.back-nav-item[data-v-9f9ab437]{background:#fff;border:1px solid #d0d3d9;color:#5a5f6a}.top-nav-item.back-nav-item[data-v-9f9ab437]:hover{background:#f7f8ff;border-color:var(--primary-color);color:var(--primary-color)}.top-nav-item svg[data-v-9f9ab437]{width:16px;height:16px}.nav-badge[data-v-9f9ab437]{position:absolute;top:-4px;right:-4px;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;background:#e74c3c;color:#fff}@media(max-width:768px){.brand-name[data-v-9f9ab437]{display:none}.navbar-search[data-v-9f9ab437]{flex:none;margin-left:0;padding:8px;gap:0;border-radius:50%}.navbar-search-text[data-v-9f9ab437]{display:none}.navbar-search-icon[data-v-9f9ab437]{width:16px;height:16px}.top-nav-item span[data-v-9f9ab437]{display:none}.top-nav-item[data-v-9f9ab437]{padding:8px;border-radius:50%}.nav-badge[data-v-9f9ab437]{top:-2px;right:-2px}}html,body{margin:0;padding:0;overflow:hidden;height:100%}#app{height:100%}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .35s cubic-bezier(.25,.46,.45,.94)}.slide-left-enter-from{transform:translate(100%);opacity:0}.slide-left-leave-to{transform:translate(-30%);opacity:0}.slide-left-enter-to,.slide-left-leave-from{transform:translate(0);opacity:1}.slide-right-enter-from{transform:translate(-30%);opacity:0}.slide-right-leave-to{transform:translate(100%);opacity:0}.slide-right-enter-to,.slide-right-leave-from{transform:translate(0);opacity:1}.app-root{user-select:none;-webkit-user-select:none}.app-update-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:3000;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 18px;background:#1f2937;color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000040;font-size:14px;white-space:nowrap}.app-update-btn{border:none;background:var(--primary-color, #5b6cf0);color:#fff;font-size:13px;font-weight:700;padding:7px 16px;border-radius:15px;cursor:pointer}.app-update-btn:hover{filter:brightness(1.08)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease,transform .25s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translate(-50%,-8px)}.fade-enter-to,.fade-leave-from{opacity:1;transform:translate(-50%)}.overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:#0006;z-index:95}.sidebar-float-toggle{position:fixed;left:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #0000002e;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:98;transition:all .2s ease}.sidebar-float-toggle:hover{background:#f0f2ff;color:#764ba2}.sidebar-float-toggle svg{width:18px;height:18px}.profile-panel-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;padding:76px 16px 40px;overflow-y:auto}.profile-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18162d80}.landscape-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;text-align:center}.landscape-blocker-phone{position:relative;width:44px;height:76px;border:3px solid var(--primary-color);border-radius:10px;animation:landscape-phone-rotate 1.8s ease-in-out infinite}.landscape-blocker-phone:before{content:"";position:absolute;left:50%;bottom:5px;width:14px;height:3px;border-radius:2px;background:var(--primary-color);transform:translate(-50%)}@keyframes landscape-phone-rotate{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.landscape-blocker-title{font-size:19px;font-weight:700;color:#1a1a1a;margin:0}.landscape-blocker-tip{font-size:14.5px;color:#7c8595;margin:0}.profile-panel{position:relative;width:min(760px,94vw);margin:auto;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:0 26px 70px #2d195a61,0 6px 18px #2d195a2e}.profile-panel-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;transition:background-color .2s}.profile-panel-close:hover{background:#ffffff80}.profile-panel-close svg{width:16px;height:16px}.profile-panel-enter-active,.profile-panel-leave-active{transition:opacity .24s ease}.profile-panel-enter-active .profile-panel,.profile-panel-leave-active .profile-panel{transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s ease}.profile-panel-enter-from,.profile-panel-leave-to{opacity:0}.profile-panel-enter-from .profile-panel,.profile-panel-leave-to .profile-panel{opacity:0;transform:translateY(-14px) scale(.97)}.sub-page-layer{position:fixed;top:60px;left:200px;right:0;bottom:0;z-index:150;background-color:#fff;overflow-y:auto;transition:left .3s ease}.sub-page-layer.sidebar-collapsed{left:70px}.sub-page-layer.no-sidebar{left:0}.main-content.immersive{margin-top:0;height:100vh}.sub-page-layer.immersive{top:0}.top-navbar--hidden{transform:translateY(-100%);pointer-events:none}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 16px;color:#999;font-size:15px}.main-content{margin-top:60px;padding-left:200px;height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#f5f7fa;transition:padding-left .3s ease;box-sizing:border-box}.main-content.sidebar-collapsed{padding-left:70px}.main-content.no-sidebar{padding-left:0}.page-wrapper{width:100%}.mystudy-page .mystudy-content{padding:20px 24px 24px 30px}.mystudy-page .featured-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.mystudy-page .featured-card{flex-direction:column;align-items:stretch;gap:8px;cursor:pointer;border-bottom:none;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.mystudy-page .featured-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.mystudy-page .featured-card:active{transform:scale(.98)}.mystudy-page .featured-card-image{width:100%;height:84px;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:#f5f5f5}.mystudy-page .featured-card-image img{width:100%;height:100%;object-fit:cover;display:block}.mystudy-page .featured-card-info{min-width:0}.mystudy-page .featured-card-title{font-size:13px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mystudy-page .featured-card-desc{font-size:12px;color:#999;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-type-badge{display:inline-block;font-size:10px;line-height:1;padding:3px 6px;border-radius:4px;margin-right:5px;vertical-align:1px}.cw-type-badge.cw-lesson{color:#059669;background:#d1fae5}.cw-type-badge.cw-worksheet{color:#d97706;background:#fef3c7}.cw-type-badge.cw-exam{color:#00796b;background:#ccfbf1}.cw-type-badge.cw-listening{color:#5b21b6;background:#ede9fe}.cw-type-badge.cw-thirdparty{color:#0d47a1;background:#e3f2fd}.mystudy-page .featured-card .continue-btn{width:100%;margin-top:2px;padding:6px 0;border:none;border-radius:6px;background:var(--primary-gradient);color:#fff;font-size:12px;line-height:1.4;cursor:pointer;transition:opacity .2s;text-align:center}.mystudy-page .featured-card .continue-btn:hover{opacity:.85}.mystudy-page .featured-card .continue-btn:active{transform:scale(.98)}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.stats-listen-row{display:flex;align-items:center;gap:20px;background:var(--primary-color);padding:32px 24px}.stats-listen-icon{width:56px;height:56px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-listen-icon svg{width:30px;height:30px;color:#fff}.stats-listen-text{display:flex;flex-direction:column}.stats-listen-value{font-size:28px;font-weight:800;color:#fff;line-height:1.2}.stats-listen-label{font-size:14px;color:#fffc;margin-top:4px}.stats-detail-row{display:flex;justify-content:space-around;text-align:center;padding:16px 12px;border-top:1px solid #f0f1f5}.stats-detail-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stats-detail-value{font-size:20px;font-weight:700;color:#333}.stats-detail-label{font-size:13px;color:#999}.stats-listen-extra{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffd9}.stats-listen-extra .dot{opacity:.6}.stats-card-clickable{cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}.stats-card-clickable:hover{border-color:rgba(var(--primary-rgb),.45);box-shadow:0 4px 14px rgba(var(--primary-rgb),.14)}.stats-card-clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.stats-trend-link{display:flex;align-items:center;flex-shrink:0;color:#ffffffd9;transition:transform .18s ease}.stats-trend-link svg{width:18px;height:18px}.stats-card-clickable:hover .stats-trend-link{transform:translate(2px)}.mystudy-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:20px}@media(max-width:992px){.mystudy-grid{grid-template-columns:1fr}}.card-block{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.card-block-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.quality-card-clickable{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.quality-card-clickable:hover{border-color:var(--primary-color);box-shadow:0 4px 14px rgba(var(--primary-rgb),.12);transform:translateY(-1px)}.quality-card-clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.quality-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.quality-trend-link{display:flex;align-items:center;flex-shrink:0;color:#bbb;transition:transform .18s ease,color .18s ease}.quality-trend-link svg{width:18px;height:18px}.quality-card-clickable:hover .quality-trend-link{color:var(--primary-color);transform:translate(2px)}.quality-card{display:flex;flex-direction:column}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px;flex:1}@media(max-width:620px){.quality-grid{grid-template-columns:repeat(2,1fr)}}.quality-item{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#f7f8fa;border-radius:10px;min-width:0}.quality-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quality-icon svg{width:18px;height:18px}.quality-info{display:flex;flex-direction:column;gap:1px;min-width:0}.quality-value-row{display:flex;align-items:baseline;gap:2px}.quality-value{font-size:19px;font-weight:700;line-height:1.15}.quality-unit{font-size:11px;font-weight:600;color:#999}.quality-label{font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quality-sub{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-blue .quality-icon{background:#eef2ff;color:var(--primary-color)}.q-blue .quality-value{color:var(--primary-color)}.q-purple .quality-icon{background:#f5f3ff;color:#8b5cf6}.q-purple .quality-value{color:#8b5cf6}.q-green .quality-icon{background:#ecfdf5;color:#10b981}.q-green .quality-value{color:#10b981}.q-cyan .quality-icon{background:#ecfeff;color:#06b6d4}.q-cyan .quality-value{color:#06b6d4}.q-orange .quality-icon{background:#fff7ed;color:#f59e0b}.q-orange .quality-value{color:#f59e0b}.q-pink .quality-icon{background:#fdf2f8;color:#ec4899}.q-pink .quality-value{color:#ec4899}.asset-list{display:flex;flex-direction:column}.asset-item{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid #f0f1f5}.asset-item:last-child{border-bottom:none}.asset-item.clickable{cursor:pointer}.asset-item.clickable:hover .asset-name{color:var(--primary-color)}.asset-icon{width:38px;height:38px;border-radius:10px;background:#eef2ff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.asset-icon.green{background:#ecfdf5;color:#10b981}.asset-icon.orange{background:#fff7ed;color:#f59e0b}.asset-icon.red{background:#fef2f2;color:#ef4444}.asset-icon svg{width:20px;height:20px}.asset-name{font-size:14px;font-weight:500;color:#333;transition:color .2s}.asset-value{margin-left:auto;font-size:16px;font-weight:700;color:#333}.asset-unit{font-size:12px;font-weight:500;color:#999;margin-left:3px}.asset-arrow{width:18px;height:18px;color:#ccc;flex-shrink:0}.asset-cta{margin-left:auto;font-size:13px;font-weight:600;color:var(--primary-color)}.todo-task-bar{margin-top:20px;display:flex;align-items:center;gap:14px;padding:16px 20px;background:#eef2ff;border-radius:12px;cursor:pointer;transition:background .2s}.todo-task-bar:hover{background:#e0e7ff}.todo-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.todo-icon svg{width:20px;height:20px}.todo-text{font-size:15px;color:#333}.todo-text b{color:var(--primary-color);font-size:18px;margin:0 2px}.todo-action{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--primary-color);flex-shrink:0}.todo-action svg{width:16px;height:16px}.mystudy-login-tip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#999}.mystudy-login-tip svg{width:48px;height:48px;color:#c0c4cc}.mystudy-login-tip p{font-size:15px;margin:0}.mystudy-login-btn{padding:8px 28px;border:none;border-radius:20px;background:var(--primary-color);color:#fff;font-size:14px;cursor:pointer;transition:opacity .2s}.mystudy-login-btn:hover{opacity:.85}.mystudy-page .featured-section{margin-top:20px}@media(max-width:992px){.main-content{padding-left:0}.sub-page-layer{left:0}.main-content.sidebar-collapsed{padding-left:0}.sub-page-layer.sidebar-collapsed{left:0}.mystudy-page .mystudy-content{padding-left:16px;padding-right:16px}}