:root{--tft-portal-blue:#174ea6;--tft-portal-blue-deep:#0f397a;--tft-portal-sky:#eaf4ff;--tft-portal-ink:#17283b;--tft-portal-muted:#64748b;--tft-portal-line:#e2eaf3;--tft-portal-bg:#f4f7fb;--tft-portal-card:#fff;--tft-portal-warm:#f4a73c;--tft-portal-green:#16835b;--tft-portal-shadow:0 14px 38px rgba(22,55,92,.09)}

/* Desktop learning portals */
body.tft-desktop-portal.page-index{background:var(--tft-portal-bg)!important;color:var(--tft-portal-ink)}
.tft-portal-home{width:1200px;margin:24px auto 18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.tft-portal-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(420px,.7fr);gap:42px;min-height:330px;overflow:hidden;padding:48px 54px;border:1px solid #dbe8f6;border-radius:28px;background:linear-gradient(128deg,#f9fcff 0,#eaf5ff 58%,#edf8ff 100%);box-shadow:0 20px 55px rgba(31,83,132,.09)}
.tft-portal-hero:before,.tft-portal-hero:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.tft-portal-hero:before{right:-120px;top:-150px;width:430px;height:430px;background:radial-gradient(circle,rgba(46,132,202,.17),rgba(46,132,202,0) 68%)}.tft-portal-hero:after{left:45%;bottom:-220px;width:430px;height:430px;border:1px dashed rgba(23,78,166,.16)}
.tft-portal-hero-copy,.tft-portal-quick-grid{position:relative;z-index:1}
.tft-portal-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;color:var(--tft-portal-blue);font-size:13px;font-weight:760;letter-spacing:.09em}.tft-portal-eyebrow:before{width:24px;height:3px;border-radius:3px;background:var(--tft-portal-blue);content:""}
.tft-portal-hero h1{max-width:690px;margin:0;color:var(--tft-portal-ink);font-size:46px;line-height:1.16;letter-spacing:-.035em}.tft-portal-hero h1 em{color:var(--tft-portal-blue);font-style:normal}
.tft-portal-hero-copy>p{max-width:680px;margin:18px 0 0;color:#52677f;font-size:17px;line-height:1.85}
.tft-portal-hero-actions{display:flex;align-items:center;gap:12px;margin-top:27px}.tft-portal-hero-actions a{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 22px;border:1px solid #c8dced;border-radius:12px;background:#fff;color:var(--tft-portal-blue);font-size:14px;font-weight:720;text-decoration:none;transition:transform .18s,box-shadow .18s}.tft-portal-hero-actions a:first-child{border-color:var(--tft-portal-blue);background:var(--tft-portal-blue);color:#fff;box-shadow:0 9px 20px rgba(23,78,166,.22)}.tft-portal-hero-actions a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,83,132,.14)}
.tft-portal-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:center}
.tft-portal-quick-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;min-height:100px;padding:17px;border:1px solid rgba(215,229,242,.95);border-radius:18px;background:rgba(255,255,255,.86);color:var(--tft-portal-ink)!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(25,64,104,.055);transition:transform .18s,border-color .18s,box-shadow .18s}
.tft-portal-quick-card:hover{border-color:#a8c9e5;box-shadow:0 12px 28px rgba(25,75,121,.12);transform:translateY(-2px)}
.tft-portal-quick-card>span{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(145deg,#edf7ff,#dceeff)}.tft-portal-quick-card:nth-child(2)>span{background:linear-gradient(145deg,#fff7e9,#ffedce)}.tft-portal-quick-card:nth-child(3)>span{background:linear-gradient(145deg,#eff9f5,#dcf3e9)}.tft-portal-quick-card:nth-child(4)>span{background:linear-gradient(145deg,#f5f0ff,#ebe2ff)}.tft-portal-quick-card img{width:38px;height:38px;object-fit:contain}.tft-portal-quick-card strong{display:block;font-size:15px;line-height:1.35}.tft-portal-quick-card small{display:block;margin-top:5px;color:#78879a;font-size:11px;line-height:1.45}
.tft-portal-guide{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:14px;padding:15px 22px;border:1px solid var(--tft-portal-line);border-radius:16px;background:#fff;color:#5e6f82;font-size:13px;box-shadow:0 6px 20px rgba(17,43,76,.035)}.tft-portal-guide strong{color:var(--tft-portal-ink);font-weight:760}.tft-portal-guide i{width:20px;height:1px;background:#cfd9e5;position:relative}.tft-portal-guide i:after{position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:1px solid #8ba0b6;border-right:1px solid #8ba0b6;content:"";transform:rotate(45deg)}

body.tft-desktop-portal.page-index .sortnav-warp,body.tft-desktop-portal.page-index #main,body.tft-desktop-portal.page-index .warp-banner,body.tft-desktop-portal.page-index .content{width:1200px!important;margin-left:auto!important;margin-right:auto!important}
body.tft-desktop-portal.page-index .sortnav-warp{margin-top:18px!important;overflow:hidden;border:1px solid var(--tft-portal-line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(17,43,76,.04);scroll-margin-top:18px}
body.tft-desktop-portal.page-index .sort-nav,body.tft-desktop-portal.page-index .sort-title,body.tft-desktop-portal.page-index .sort-cen{border-color:var(--tft-portal-line)!important;background:#fff!important}
body.tft-desktop-portal.page-index .index-main,body.tft-desktop-portal.page-index .content-c,body.tft-desktop-portal.page-index .homemoddiv,body.tft-desktop-portal.page-index .index-floor{border-radius:18px!important;background:#fff!important;box-shadow:0 9px 28px rgba(17,43,76,.055)!important}
body.tft-desktop-portal.page-index .index-main{overflow:hidden;margin-top:18px!important;padding:16px!important;box-sizing:border-box}
body.tft-desktop-portal.page-index .index-filter,body.tft-desktop-portal.page-index .index-top-swiper,body.tft-desktop-portal.page-index .right-swiper-1,body.tft-desktop-portal.page-index .right-swiper-2{overflow:hidden;border-radius:14px!important}
body.tft-desktop-portal.page-index .filter-strip,body.tft-desktop-portal.page-index .filter-strip-warp{border-color:#edf1f5!important;background:#fbfcfe!important}
body.tft-desktop-portal.page-index .index-floor{margin-top:22px!important;padding:22px!important;box-sizing:border-box}
body.tft-desktop-portal.page-index .index-floor-title,body.tft-desktop-portal.page-index .index-section-title h3,body.tft-desktop-portal.page-index .homemodtitle{color:var(--tft-portal-ink)!important;font-size:24px!important;font-weight:760!important;letter-spacing:-.02em}
body.tft-desktop-portal.page-index .index-goods-list a,body.tft-desktop-portal.page-index .i-item{border-radius:14px!important;transition:transform .18s,box-shadow .18s!important}
body.tft-desktop-portal.page-index .index-goods-list a:hover,body.tft-desktop-portal.page-index .i-item:hover{box-shadow:0 12px 26px rgba(22,63,104,.12)!important;transform:translateY(-3px)}
body.tft-desktop-portal.page-index .warp-banner{overflow:hidden;margin-top:18px!important;border-radius:19px;box-shadow:var(--tft-portal-shadow)}
body.tft-desktop-portal.page-index .content{margin-top:20px!important;padding-bottom:30px}
body.tft-desktop-portal.page-index .homemoddiv{margin-top:20px!important;padding:20px!important;box-sizing:border-box}

/* Compact module entrances: content and filters stay above decorative navigation. */
.tft-module-home{width:1200px;margin:18px auto 14px;padding:23px 27px 15px;box-sizing:border-box;border:1px solid var(--tft-portal-line);border-radius:18px;background:#fff;color:var(--tft-portal-ink);box-shadow:0 8px 26px rgba(17,43,76,.055);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.tft-module-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.tft-module-heading>div:first-child{min-width:0}.tft-module-eyebrow{display:block;margin-bottom:5px;color:var(--tft-portal-blue);font-size:11px;font-weight:760;letter-spacing:.1em}.tft-module-heading h1{margin:0;color:var(--tft-portal-ink);font-size:29px;line-height:1.25;letter-spacing:-.035em}.tft-module-heading p{max-width:760px;margin:7px 0 0;color:#65768a;font-size:13px;line-height:1.65}
.tft-module-primary-actions{display:flex;flex:0 0 auto;gap:8px}.tft-module-primary-actions a{display:inline-flex;height:38px;align-items:center;justify-content:center;padding:0 17px;border:1px solid #cbd9e7;border-radius:10px;background:#fff;color:var(--tft-portal-blue)!important;font-size:13px;font-weight:720;text-decoration:none!important}.tft-module-primary-actions a:first-child{border-color:var(--tft-portal-blue);background:var(--tft-portal-blue);color:#fff!important}.tft-module-primary-actions a:hover{box-shadow:0 7px 16px rgba(23,78,166,.12);transform:translateY(-1px)}
.tft-module-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;padding-top:13px;border-top:1px solid #edf1f5}.tft-module-tools>a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:51px;padding:4px 18px;border-right:1px solid #edf1f5;color:var(--tft-portal-ink)!important;text-decoration:none!important}.tft-module-tools>a:first-child{padding-left:3px}.tft-module-tools>a:last-child{border-right:0}.tft-module-tools>a:hover strong{color:var(--tft-portal-blue)}.tft-module-tools img{display:block;width:28px;height:28px;object-fit:contain}.tft-module-tools strong{display:block;font-size:13px;line-height:1.35}.tft-module-tools small{display:block;margin-top:2px;color:#8995a4;font-size:10px;line-height:1.35}
.tft-module-tip{display:flex;align-items:center;gap:9px;margin-top:11px;padding:8px 11px;border-radius:10px;background:#f7f9fc;color:#748296;font-size:11px;line-height:1.35}.tft-module-tip strong{margin-right:3px;color:#40546b}.tft-module-tip i{width:13px;height:1px;background:#cbd5e1;position:relative}.tft-module-tip i:after{position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #91a0b0;border-right:1px solid #91a0b0;content:"";transform:rotate(45deg)}

/* Mobile learning portals */
body.tft-mobile-portal{background:var(--tft-portal-bg)!important;color:var(--tft-portal-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important}
.tft-mobile-portal-home{padding:10px 12px 4px;background:var(--tft-portal-bg)}
.tft-mobile-hero{position:relative;overflow:hidden;padding:23px 20px 20px;border:1px solid #d8e7f5;border-radius:22px;background:linear-gradient(138deg,#f9fcff,#e8f4ff 70%,#edf8ff);box-shadow:0 13px 34px rgba(25,75,121,.09)}.tft-mobile-hero:after{position:absolute;right:-82px;top:-84px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(55,139,205,.19),rgba(55,139,205,0) 68%);content:""}
.tft-mobile-hero-copy{position:relative;z-index:1}.tft-mobile-eyebrow{display:block;margin-bottom:7px;color:var(--tft-portal-blue);font-size:10px;font-weight:760;letter-spacing:.11em}.tft-mobile-hero h1{max-width:290px;margin:0;color:var(--tft-portal-ink);font-size:27px;line-height:1.25;letter-spacing:-.025em}.tft-mobile-hero h1 em{color:var(--tft-portal-blue);font-style:normal}.tft-mobile-hero p{max-width:300px;margin:9px 0 0;color:#5c6f84;font-size:13px;line-height:1.65}
.tft-mobile-findbar{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:8px;margin-top:17px}.tft-mobile-search{display:flex;min-width:0;height:46px;align-items:center;margin:0;padding:0 12px;border:1px solid #cbddec;border-radius:13px;background:#fff;color:#8795a7!important;font-size:12px!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(23,68,111,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tft-mobile-search img{width:18px;height:18px;flex:0 0 18px;margin-right:7px;object-fit:contain}.tft-mobile-filter{display:flex;height:46px;align-items:center;justify-content:center;gap:7px;border:1px solid #bfd3e6;border-radius:13px;background:#fff;color:var(--tft-portal-blue)!important;font-size:13px!important;font-weight:720;text-decoration:none!important;box-shadow:0 7px 18px rgba(23,68,111,.06)}.tft-mobile-filter>span,.tft-mobile-filter>span:before,.tft-mobile-filter>span:after{display:block;width:18px;height:2px;border-radius:2px;background:var(--tft-portal-blue);content:""}.tft-mobile-filter>span{position:relative}.tft-mobile-filter>span:before{position:absolute;left:3px;top:-6px;width:12px}.tft-mobile-filter>span:after{position:absolute;left:5px;top:6px;width:8px}
.tft-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.tft-mobile-action{display:grid;grid-template-columns:56px minmax(0,1fr);min-width:0;min-height:88px;align-items:center;gap:10px;padding:12px;border:1px solid #e1e9f2;border-radius:17px;background:#fff;color:#35465b!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(20,50,83,.035)}.tft-mobile-action:active{background:#edf6ff;transform:scale(.98)}.tft-mobile-action span{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:17px;background:#edf6ff}.tft-mobile-action:nth-child(2) span{background:#fff4e3}.tft-mobile-action:nth-child(3) span{background:#eaf8f2}.tft-mobile-action:nth-child(4) span{background:#f2edff}.tft-mobile-action img{display:block;width:40px!important;height:40px!important;margin:0!important;object-fit:contain}.tft-mobile-action strong{min-width:0;font-size:14px!important;font-weight:720;line-height:1.35;text-align:left}
.tft-mobile-study-path{display:flex;align-items:center;gap:9px;margin:10px 2px 3px;padding:10px 12px;border:1px solid #e2e9f1;border-radius:13px;background:#fff;color:#718096;font-size:11px;line-height:1.45}.tft-mobile-study-path strong{flex:0 0 auto;padding:3px 7px;border-radius:7px;background:#eaf4ff;color:var(--tft-portal-blue);font-size:10px}
.tft-mobile-portal-content{padding:0 12px 90px;background:var(--tft-portal-bg)}
.tft-mobile-portal-content>#banner,.tft-mobile-portal-content>.list,.tft-mobile-portal-content>dl,.tft-mobile-portal-content>.swiper-container{overflow:hidden;margin-top:10px!important;border:1px solid #e2e9f1!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 22px rgba(20,50,83,.045)}
.tft-mobile-portal-content #bannerpagination,.tft-mobile-portal-content #bannerpagination1{bottom:7px!important}
.tft-mobile-portal-content .indexswiper img,.tft-mobile-portal-content .waphomead img{border-radius:15px!important}
.tft-mobile-portal-content .iconav td{padding:10px 3px!important}.tft-mobile-portal-content .iconav td img{width:52px!important;height:52px!important;margin:0 auto 6px!important;object-fit:contain!important}.tft-mobile-portal-content .iconav td a{color:#415168!important;font-size:12px!important;font-weight:650!important}
.tft-mobile-portal-content .list dt,.tft-mobile-portal-content dl dt{color:var(--tft-portal-ink)!important;font-size:18px!important;font-weight:760!important}
.tft-mobile-portal-content .tdsalelist,.tft-mobile-portal-content .goodslist,.tft-mobile-portal-content li{border-color:#eef2f6!important}
.tft-mobile-portal-content table img.lazy,.tft-mobile-portal-content .tdsalelist img{border-radius:12px!important}
.tft-mobile-portal-content .waphomead{padding:5px!important}
.tft-mobile-portal-content .swiper-pagination-bullet-active{background:var(--tft-portal-blue)!important}

/* Compact mobile module header and one-row utility navigation. */
.tft-mobile-portal-home--compact{padding:9px 12px 3px}.tft-mobile-module-heading{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e1e9f2;border-radius:15px;background:#fff;box-shadow:0 6px 19px rgba(20,50,83,.045)}.tft-mobile-module-heading>div{min-width:0}.tft-mobile-module-heading .tft-mobile-eyebrow{margin-bottom:2px;font-size:9px}.tft-mobile-module-heading h1{margin:0;color:var(--tft-portal-ink);font-size:21px;line-height:1.28;letter-spacing:-.025em}.tft-mobile-module-heading p{margin:3px 0 0;color:#718096;font-size:10px;line-height:1.45}.tft-mobile-module-heading>a{display:inline-flex;height:31px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 10px;border:1px solid #bfd3e6;border-radius:9px;background:#f7fbff;color:var(--tft-portal-blue)!important;font-size:10px!important;font-weight:720;text-decoration:none!important}
.tft-mobile-portal-home--compact .tft-mobile-findbar{grid-template-columns:minmax(0,1fr) 65px;gap:6px;margin-top:7px}.tft-mobile-portal-home--compact .tft-mobile-search,.tft-mobile-portal-home--compact .tft-mobile-filter{height:39px;border-radius:10px;box-shadow:none}.tft-mobile-portal-home--compact .tft-mobile-search{padding:0 10px;font-size:11px!important}.tft-mobile-portal-home--compact .tft-mobile-search img{width:16px;height:16px;flex-basis:16px}.tft-mobile-portal-home--compact .tft-mobile-filter{gap:5px;font-size:11px!important}.tft-mobile-portal-home--compact .tft-mobile-filter>span,.tft-mobile-portal-home--compact .tft-mobile-filter>span:before,.tft-mobile-portal-home--compact .tft-mobile-filter>span:after{width:15px}
.tft-mobile-portal-home--compact .tft-mobile-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:7px;padding:5px 2px;border:1px solid #e5ebf2;border-radius:13px;background:#fff}.tft-mobile-portal-home--compact .tft-mobile-action{display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 1px;border:0;border-radius:9px;background:#fff;box-shadow:none}.tft-mobile-portal-home--compact .tft-mobile-action:active{background:#edf6ff}.tft-mobile-portal-home--compact .tft-mobile-action span,.tft-mobile-portal-home--compact .tft-mobile-action:nth-child(n) span{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:9px;background:#f2f6fa}.tft-mobile-portal-home--compact .tft-mobile-action img{width:23px!important;height:23px!important}.tft-mobile-portal-home--compact .tft-mobile-action strong{max-width:100%;overflow:hidden;color:#536275;font-size:10px!important;font-weight:650;line-height:1.25;text-align:center;white-space:nowrap;text-overflow:ellipsis}.tft-mobile-portal-home--compact .tft-mobile-study-path{margin:6px 1px 2px;padding:7px 9px;border:0;background:#eef5fc;font-size:10px}.tft-mobile-portal-home--compact .tft-mobile-study-path strong{padding:2px 5px;font-size:9px}

@media(max-width:760px){.tft-portal-home,.tft-module-home{width:calc(100% - 24px)}.tft-portal-hero{grid-template-columns:1fr;min-height:0;padding:28px 22px}.tft-portal-hero h1{font-size:32px}.tft-portal-quick-grid{grid-template-columns:repeat(2,1fr)}.tft-portal-guide{flex-wrap:wrap;gap:9px}.tft-portal-guide i{width:12px}.tft-module-heading{align-items:flex-start;flex-direction:column}.tft-module-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.tft-mobile-portal-home--compact .tft-mobile-actions{gap:1px}.tft-mobile-portal-home--compact .tft-mobile-action{min-height:51px;padding:3px 0}.tft-mobile-portal-home--compact .tft-mobile-action span{width:27px;height:27px}.tft-mobile-portal-home--compact .tft-mobile-action img{width:21px!important;height:21px!important}.tft-mobile-portal-home--compact .tft-mobile-action strong{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.tft-portal-quick-card,.tft-portal-hero-actions a,.tft-module-primary-actions a,.tft-mobile-action{transition:none!important}}