@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body.site-subpage { margin:0; min-width:320px; color:#27344b; background:#f5f7fb; font-family:'Inter','Segoe UI',Arial,sans-serif; }
.site-subpage button,.site-subpage input,.site-subpage select,.site-subpage textarea { font-family:'Inter','Segoe UI',Arial,sans-serif; }
.site-subpage .app.navtop { display:none; }
.tl-subsite { min-height:100vh; }
.tl-subnav { position:relative; color:#fff; background:#10182d; border-bottom:1px solid rgba(255,255,255,.08); }
.tl-subnav .tl-nav__inner { min-height:176px; }
.tl-subnav .tl-nav__links a { padding-top:28px; padding-bottom:25px; }
.tl-subhero { position:relative; min-height:270px; overflow:hidden; color:#172554; background:#dbeafe url('../../../images/site/tl/Layout/hero-wuxia-v2.webp') center 42% / cover no-repeat; }
.tl-subhero::before { position:absolute; inset:0; content:''; background:linear-gradient(90deg,rgba(239,246,255,.04),rgba(239,246,255,.26) 43%,rgba(248,250,252,.9) 72%,rgba(255,255,255,.96)); }
.tl-subhero::after { position:absolute; left:0; right:0; bottom:0; height:45px; content:''; background:linear-gradient(transparent,#f5f7fb); }
.tl-subhero__inner { position:relative; z-index:2; min-height:270px; display:flex; align-items:center; justify-content:flex-end; }
.tl-subhero__inner > div { width:50%; max-width:590px; }
.tl-subhero .tl-eyebrow { color:#2563eb; }
.tl-subhero h1 { margin:14px 0 9px; color:#172554; font:800 clamp(34px,5vw,52px)/1.15 'Inter','Segoe UI',Arial,sans-serif; letter-spacing:-.025em; }
.tl-subhero p { margin:0; color:#64748b; font-size:11px; }
.tl-breadcrumb { min-height:62px; display:flex; align-items:center; gap:10px; color:#98a2b3; font-size:10px; }
.tl-breadcrumb a { color:#2563eb; font-weight:700; }.tl-breadcrumb strong { color:#667085; font-weight:600; }.tl-breadcrumb span { color:#c5ccd7; }
.tl-sub-layout { padding-bottom:85px; display:grid; grid-template-columns:245px minmax(0,1fr); gap:24px; align-items:start; }
.tl-sub-sidebar { display:flex; flex-direction:column; gap:15px; }
.tl-sub-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.tl-sub-actions > a { min-height:85px; padding:13px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:#fff!important; border-radius:14px; text-align:center; box-shadow:0 12px 25px rgba(30,64,175,.12); transition:.2s ease; }
.tl-sub-actions > a:hover { transform:translateY(-3px); }
.tl-sub-download { background:linear-gradient(135deg,#1d4ed8,#2563eb); }.tl-sub-account { background:linear-gradient(135deg,#6d28d9,#8b5cf6); }
.tl-sub-actions > a > span { font-size:20px; line-height:1; }.tl-sub-actions div { display:flex; flex-direction:column; }.tl-sub-actions small { color:rgba(255,255,255,.72); font-size:7px; text-transform:uppercase; letter-spacing:.08em; }.tl-sub-actions strong { margin-top:2px; font-size:10px; }
.tl-sub-menu { padding:13px; border:1px solid #e5eaf2; border-radius:17px; background:#fff; box-shadow:0 12px 32px rgba(15,23,42,.045); }
.tl-sub-menu__title { padding:8px 11px 12px; color:#98a2b3; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.tl-sub-menu a { min-height:45px; padding:0 10px; display:flex; align-items:center; gap:11px; color:#526076!important; border-radius:10px; font-size:10px; font-weight:700; transition:.18s ease; }
.tl-sub-menu a span { width:24px; height:24px; display:grid; place-items:center; color:#98a2b3; border-radius:7px; background:#f2f4f7; font-size:7px; }
.tl-sub-menu a:hover,.tl-sub-menu a.active { color:#2563eb!important; background:#eff6ff; transform:translateX(2px); }.tl-sub-menu a.active span { color:#fff; background:#2563eb; }
.tl-sub-support { position:relative; overflow:hidden; padding:22px; color:#fff; border-radius:17px; background:linear-gradient(145deg,#172554,#312e81); }
.tl-sub-support::after { position:absolute; right:-40px; bottom:-50px; width:120px; height:120px; content:''; border:20px solid rgba(255,255,255,.06); border-radius:50%; }
.tl-sub-support > span { color:#93c5fd; font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.tl-sub-support strong { display:block; margin:6px 0; font:800 20px 'Inter','Segoe UI',Arial,sans-serif; }.tl-sub-support p { color:#bdc9dc; font-size:9px; line-height:1.6; }.tl-sub-support a { position:relative; z-index:1; color:#fff!important; font-size:9px; font-weight:700; }
.tl-sub-main { min-width:0; }
.tl-article-card { overflow:hidden; border:1px solid #e5eaf2; border-radius:20px; background:#fff; box-shadow:0 16px 45px rgba(15,23,42,.055); }
.tl-article-card__head { padding:25px 32px 20px; border-bottom:1px solid #edf0f5; background:linear-gradient(135deg,#fff,#fafbff); }
.tl-article-card__head span { color:#2563eb; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }.tl-article-card__head h2 { margin:5px 0 10px; color:#1e293b; font:800 28px/1.25 'Inter','Segoe UI',Arial,sans-serif; }.tl-article-card__head i { display:block; width:36px; height:2px; background:linear-gradient(90deg,#2563eb,#8b5cf6); }
.tl-article-content { min-height:520px; padding:30px 34px 45px; color:#475467; font-size:11px; line-height:1.85; }
.tl-article-content > :first-child { margin-top:0!important; }
.tl-article-content h1,.tl-article-content h2,.tl-article-content h3,.tl-article-content h4 { color:#202d46; font-family:'Inter','Segoe UI',Arial,sans-serif; line-height:1.4; }
.tl-article-content button,.tl-article-content input[type='button'],.tl-article-content input[type='submit'],.tl-article-content a.button { display:inline-flex; align-items:center; justify-content:center; min-height:38px; text-align:center; line-height:1.2; }
.tl-article-content h1 { font-size:24px; }.tl-article-content h2,.tl-article-content .detail_title { font-size:21px; }.tl-article-content h3 { font-size:17px; }.tl-article-content h4 { font-size:14px; }
.tl-article-content p { margin:0 0 15px; }.tl-article-content a { color:#2563eb; font-weight:600; }.tl-article-content a:hover { text-decoration:underline; }
.tl-article-content img { max-width:100%!important; height:auto!important; border-radius:13px; }.tl-article-content .detail_con > img { display:block; margin:18px auto; }
.tl-article-content .detail_title { margin:0; text-align:center; }.tl-article-content .detail_time { margin:7px 0 25px; color:#98a2b3; text-align:center; font-size:9px; }
.tl-article-content .detail_cover { width:100%; max-height:430px; margin:0 0 28px; display:block; object-fit:cover; border-radius:14px; background:#eef2f7; }
.tl-article-content .linengang { width:50px; height:2px; margin:13px 0 24px; background:linear-gradient(90deg,#2563eb,#8b5cf6); }
.tl-article-content table { width:100%!important; max-width:100%!important; height:auto!important; margin:18px 0; border:1px solid #e5eaf2!important; border-collapse:separate!important; border-spacing:0!important; border-radius:12px; background:#fff!important; overflow:hidden; }
.tl-article-content table th,.tl-article-content table td { height:auto!important; padding:11px 13px!important; color:#475467!important; border:0!important; border-right:1px solid #edf0f5!important; border-bottom:1px solid #edf0f5!important; background:#fff!important; font-size:10px!important; text-align:left; }
.tl-article-content table th,.tl-article-content table tr:first-child td { color:#334155!important; background:#f8fafc!important; font-weight:800; }.tl-article-content table tr:last-child td { border-bottom:0!important; }
.tl-article-content .table_download { width:100%!important; margin-bottom:18px; }.tl-article-content .block_download .titteh { width:auto!important; height:auto!important; margin:28px 0 12px!important; padding:0!important; color:#1e293b!important; background:none!important; font-size:15px!important; text-align:left!important; }.tl-article-content .block_download .titteh::before { display:inline-block; width:4px; height:17px; margin-right:9px; content:''; border-radius:4px; background:#2563eb; vertical-align:-3px; }
.tl-article-content .block_download p { padding:0!important; color:#667085!important; font-size:10px!important; }.tl-article-content .table_download .dc img { width:auto!important; max-height:42px; border-radius:8px; }
.tl-article-content .news_web_list { padding:0; }.tl-article-content .news_web_list ul { margin:0; padding:0; list-style:none; }.tl-article-content .news_web_list li { min-height:64px; padding:0 5px; display:flex; align-items:center; gap:13px; border-bottom:1px solid #edf0f5; font-size:11px; }.tl-article-content .news_web_list li > span { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#60a5fa; }.tl-article-content .news_web_list li a { min-width:0; flex:1; overflow:hidden; color:#344054; white-space:nowrap; text-overflow:ellipsis; }.tl-article-content .news_web_list li em { order:3; color:#98a2b3; font-size:9px; font-style:normal; }
.tl-article-content .news_web_list .tl-list-date { width:48px; height:48px; flex:0 0 48px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#2563eb; border:1px solid #bfdbfe; border-radius:13px; background:linear-gradient(145deg,#eff6ff,#fff); text-align:center; box-shadow:0 5px 14px rgba(37,99,235,.08); }
.tl-article-content .news_web_list .tl-list-date b { color:#1d4ed8; font-size:17px; line-height:1; }.tl-article-content .news_web_list .tl-list-date span { width:auto; height:auto; margin-top:4px; display:block; flex:0 0 auto; color:#7c8da5; border-radius:0; background:none; font-size:7px; line-height:1; }
.tl-article-content ol,.tl-article-content ul { max-width:100%; padding-left:22px; }.tl-article-content iframe,.tl-article-content video { max-width:100%; }
.tl-article-content .pagination { display:flex; justify-content:center; gap:5px; flex-wrap:wrap; }.tl-article-content .pagination a,.tl-article-content .pagination span { padding:6px 10px; border:1px solid #e5eaf2; border-radius:7px; }
.tl-list-empty { min-height:180px!important; justify-content:center; color:#98a2b3; border:0!important; }
.tl-download-intro { padding:25px; display:flex; align-items:center; gap:18px; color:#fff; border-radius:17px; background:linear-gradient(125deg,#172554,#1d4ed8 60%,#7c3aed); box-shadow:0 18px 40px rgba(37,99,235,.18); }
.tl-download-intro__icon { width:58px; height:58px; flex:0 0 58px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:16px; background:rgba(255,255,255,.12); font-size:27px; }.tl-download-intro span { color:#bfdbfe; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }.tl-download-intro h3 { margin:4px 0; color:#fff; font-size:20px; }.tl-download-intro p { margin:0; color:#dbeafe; font-size:9px; }
.tl-download-empty { min-height:92px; margin-top:14px; padding:17px 20px; display:flex; align-items:center; gap:13px; border:1px dashed #f59e0b; border-radius:14px; background:#fffbeb; }.tl-download-empty>span { width:34px; height:34px; display:grid; place-items:center; color:#fff; border-radius:10px; background:#f59e0b; font-weight:800; }.tl-download-empty strong { color:#92400e; font-size:11px; }.tl-download-empty p { margin:3px 0 0; color:#a16207; font-size:9px; }
.tl-download-links { margin-top:14px; display:grid; gap:8px; }.tl-download-links a { min-height:72px; padding:13px 16px; display:flex; align-items:center; gap:13px; color:#334155!important; border:1px solid #e5eaf2; border-radius:13px; background:#fff; transition:.2s ease; }.tl-download-links a:hover { border-color:#93c5fd; background:#f8fbff; transform:translateY(-2px); text-decoration:none; }.tl-download-links__number { width:38px; height:38px; display:grid; place-items:center; color:#2563eb; border-radius:10px; background:#eff6ff; font-size:10px; font-weight:800; }.tl-download-links a>span:nth-child(2) { min-width:0; flex:1; display:flex; flex-direction:column; }.tl-download-links small { color:#98a2b3; font-size:7px; text-transform:uppercase; }.tl-download-links strong { color:#334155; font-size:11px; }.tl-download-links b { color:#2563eb; font-size:9px; }
.tl-content-section-title { margin:38px 0 14px; }.tl-content-section-title span { color:#2563eb; font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.tl-content-section-title h3 { margin:3px 0 0; font-size:17px; }
.tl-spec-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.tl-spec-grid article { overflow:hidden; border:1px solid #e5eaf2; border-radius:14px; }.tl-spec-grid article.recommended { border-color:#c4b5fd; }.tl-spec-grid__head { padding:15px 17px; display:flex; justify-content:space-between; color:#fff; background:#334155; }.tl-spec-grid .recommended .tl-spec-grid__head { background:linear-gradient(135deg,#2563eb,#7c3aed); }.tl-spec-grid__head span { font-size:8px; text-transform:uppercase; letter-spacing:.1em; }.tl-spec-grid__head strong { font-size:9px; }.tl-spec-grid dl { margin:0; padding:8px 16px; }.tl-spec-grid dl>div { min-height:39px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #edf0f5; }.tl-spec-grid dl>div:last-child { border:0; }.tl-spec-grid dt { color:#98a2b3; font-size:8px; }.tl-spec-grid dd { margin:0; color:#475467; font-size:9px; font-weight:700; text-align:right; }
.tl-runtime-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.tl-runtime-grid a { min-height:70px; padding:13px; display:flex; align-items:center; gap:12px; color:#344054!important; border:1px solid #e5eaf2; border-radius:13px; }.tl-runtime-grid a:hover { border-color:#93c5fd; text-decoration:none; }.tl-runtime-grid a>span { width:40px; height:40px; display:grid; place-items:center; color:#2563eb; border-radius:10px; background:#eff6ff; font-size:9px; font-weight:800; }.tl-runtime-grid div { flex:1; display:flex; flex-direction:column; }.tl-runtime-grid strong { font-size:10px; }.tl-runtime-grid small { color:#98a2b3; font-size:8px; }.tl-runtime-grid b { color:#2563eb; }
.tl-download-note { margin-top:25px; padding:16px 18px; border-left:3px solid #2563eb; border-radius:0 11px 11px 0; background:#f8fafc; }.tl-download-note strong { color:#334155; font-size:10px; }.tl-download-note p { margin:3px 0 0; color:#667085; font-size:9px; }
.tl-sub-footer { margin-top:0; }
@media(max-width:900px){.tl-sub-layout{grid-template-columns:210px minmax(0,1fr)}.tl-article-content{padding:25px}.tl-subhero{background-position:42% 42%}.tl-subhero__inner>div{width:55%}}
@media(max-width:700px){.tl-subhero{min-height:220px;background-position:38% 42%}.tl-subhero::before{background:linear-gradient(90deg,rgba(239,246,255,.12),rgba(248,250,252,.7) 50%,rgba(255,255,255,.96))}.tl-subhero__inner{min-height:220px}.tl-subhero__inner>div{width:62%;padding-top:15px}.tl-sub-layout{grid-template-columns:1fr;padding-bottom:55px}.tl-sub-sidebar{display:grid;grid-template-columns:1fr}.tl-sub-actions{grid-template-columns:1fr 1fr}.tl-sub-actions>a{min-height:72px;flex-direction:row;text-align:center}.tl-sub-menu{display:grid;grid-template-columns:1fr 1fr}.tl-sub-menu__title{grid-column:1/-1}.tl-sub-support{display:none}.tl-article-card__head{padding:22px 20px 17px}.tl-article-card__head h2{font-size:24px}.tl-article-content{min-height:350px;padding:22px 18px 35px;overflow-x:auto}.tl-article-content table{min-width:520px}.tl-article-content .table_download{min-width:0}.tl-article-content .news_web_list li{align-items:flex-start;padding:13px 2px;flex-wrap:wrap}.tl-article-content .news_web_list li em{width:100%;order:4;padding-left:16px}.tl-breadcrumb{min-height:52px}}
@media(max-width:420px){.tl-sub-menu{grid-template-columns:1fr}.tl-sub-menu__title{grid-column:auto}.tl-subhero h1{font-size:32px}.tl-sub-actions small{display:none}.tl-article-content .detail_title{font-size:18px}}
@media(max-width:560px){.tl-spec-grid,.tl-runtime-grid{grid-template-columns:1fr}.tl-download-intro{padding:20px}.tl-download-intro__icon{width:48px;height:48px;flex-basis:48px}.tl-download-links b{display:none}}