/* =============================================================================
   算力集市 · 参考站（同橙算力超市）设计系统 1:1 还原
   - SEMI 变量：等价于 body[theme-mode=dark] 下的取值
   - 工具类：参考站用的是 Tailwind，这里把首页用到的那些补出来
   - 之后追加的是从参考站 CSS 里原样抽出的 .tcc-* 规则（含 @keyframes）
   ============================================================================= */

/* ---------- 1. SEMI 设计变量（深色为默认，与参考站一致） ---------- */
:root{
  --semi-color-primary:#ff8500;
  --semi-color-primary-hover:#ff7700;
  --semi-color-primary-active:#e67800;
  --semi-color-primary-disabled:rgba(255,171,64,.45);
  --semi-color-primary-light-default:rgba(255,171,64,.14);
  --semi-color-primary-light-hover:rgba(255,171,64,.22);
  --semi-color-primary-light-active:rgba(255,171,64,.3);
  --semi-color-text-0:#f0f2f8;
  --semi-color-text-1:#8890a8;
  --semi-color-text-2:#6b7288;
  --semi-color-text-3:#4d5468;
  --semi-color-bg-0:#0a0c0f;
  --semi-color-bg-1:#12151a;
  --semi-color-bg-2:#1a1e24;
  --semi-color-bg-3:#22272e;
  --semi-color-bg-4:#2b3138;
  --semi-color-border:rgba(255,255,255,.08);
  --semi-color-fill-0:rgba(255,255,255,.04);
  --semi-color-fill-1:rgba(255,255,255,.08);
  --bg:#0a0c0f;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  --mono:'JetBrains Mono','Fira Code','SFMono-Regular',Consolas,monospace;
}
html:not(.dark){
  --semi-color-primary:#ff8500;
  --semi-color-primary-hover:#ff7700;
  --semi-color-primary-active:#e67800;
  --semi-color-primary-light-default:rgba(255,133,0,.08);
  --semi-color-primary-light-hover:rgba(255,133,0,.15);
  --semi-color-primary-light-active:rgba(255,133,0,.22);
  --semi-color-text-0:#1a1a1a;
  --semi-color-text-1:#666;
  --semi-color-text-2:#8a8a8a;
  --semi-color-bg-0:#fff;
  --semi-color-bg-1:#f8f9fa;
  --semi-color-bg-2:#f0f0f5;
  --semi-color-border:rgba(0,0,0,.08);
  --bg:#f5f6f8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--semi-color-text-0);font-family:var(--font);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* ---------- 2. 首页用到的工具类（等价 Tailwind 默认间距） ---------- */
.relative{position:relative}
.z-10{z-index:10}
.z-\[1\]{z-index:1}
.z-\[2\]{z-index:2}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.text-center{text-align:center}
.w-full{width:100%}
.min-h-screen{min-height:100vh}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.mx-auto{margin-left:auto;margin-right:auto}
.px-6{padding-left:24px;padding-right:24px}
.py-20{padding-top:80px;padding-bottom:80px}
.py-32{padding-top:128px;padding-bottom:128px}
.gap-3\.5{gap:14px}
.gap-\[70px\]{gap:70px}
.mb-3\.5{margin-bottom:14px}
.mb-8{margin-bottom:32px}
.mb-10{margin-bottom:40px}
.mb-14{margin-bottom:56px}
.mb-16{margin-bottom:64px}
.mt-\[64px\]{margin-top:64px}
.max-w-\[600px\]{max-width:600px}
.max-w-\[900px\]{max-width:900px}
.text-\[38px\]{font-size:38px}
.font-black{font-weight:900}
.leading-none{line-height:1}
.text-semi-color-primary{color:var(--semi-color-primary)}
.w-2\.5{width:10px}
.h-2\.5{height:10px}
.rounded-full{border-radius:999px}
.ml-auto{margin-left:auto}
.text-xs{font-size:12px}
.text-base{font-size:16px}
.font-medium{font-weight:500}
.shrink-0{flex-shrink:0}
.bg-\[\#ff5f57\]{background:#ff5f57}
.bg-\[\#febc2e\]{background:#febc2e}
.bg-\[\#28c840\]{background:#28c840}
.\!bg-\[\#06060f\]{background:#06060f!important}
.group:hover .group-hover\:paused{animation-play-state:paused}
.pointer-events-none{pointer-events:none}
.absolute{position:absolute}
.inset-0{top:0;right:0;bottom:0;left:0}
.hidden{display:none}
@media(max-width:900px){ .md\:hidden{display:none} }

/* ---------- 3. 站点外壳（顶栏 / 页脚）沿用参考站观感 ---------- */
.site-hd{position:fixed;top:0;left:0;right:0;z-index:60;height:64px;display:flex;align-items:center;gap:12px;padding:0 24px;
  background:rgba(10,12,15,.72);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s}
.site-hd.on{background:rgba(10,12,15,.92);border-bottom-color:var(--semi-color-border)}
.site-hd .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--semi-color-text-0)}
.site-hd .logo i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:16px;color:#fff;
  background:linear-gradient(135deg,#ff8500,#ffab40);box-shadow:0 6px 18px rgba(255,133,0,.35)}
.site-hd nav{display:flex;align-items:center;gap:4px;margin-left:26px}
.site-hd nav a{font-size:14px;color:var(--semi-color-text-1);padding:7px 13px;border-radius:9px;transition:.2s}
.site-hd nav a:hover{color:var(--semi-color-text-0);background:rgba(255,255,255,.04)}
.site-hd nav a.on{color:var(--semi-color-primary);background:rgba(255,133,0,.12)}
.site-hd .right{margin-left:auto;display:flex;align-items:center;gap:10px}
.hd-btn{border-radius:10px;font-size:14px;font-weight:600;padding:9px 18px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:.2s;white-space:nowrap}
.hd-btn.ghost{border-color:rgba(255,255,255,.12);background:transparent;color:var(--semi-color-text-0)}
.hd-btn.ghost:hover{border-color:var(--semi-color-primary);color:var(--semi-color-primary)}
.hd-btn.solid{background:#f97316;color:#fff}
.hd-btn.solid:hover{background:#ea580c}
.site-ft{border-top:1px solid var(--semi-color-border);padding:56px 0 34px;margin-top:40px;background:rgba(10,12,15,.6)}
.site-ft .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.ft-grid h4{font-size:14px;font-weight:700;margin-bottom:14px;color:var(--semi-color-text-0)}
.ft-grid a,.ft-grid p{display:block;color:var(--semi-color-text-1);font-size:13.5px;margin-bottom:9px}
.ft-grid a:hover{color:var(--semi-color-primary)}
.ft-bot{margin-top:40px;padding-top:22px;border-top:1px solid var(--semi-color-border);display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;color:var(--semi-color-text-2);font-size:12.5px}
.ft-bot a{color:var(--semi-color-text-2)}
.ft-bot a:hover{color:var(--semi-color-primary)}
code{font-family:var(--mono);font-size:12.5px;background:rgba(255,255,255,.06);border:1px solid var(--semi-color-border);
  border-radius:6px;padding:2px 6px;color:#ffab40}
@media(max-width:900px){ .ft-grid{grid-template-columns:1fr 1fr} .site-hd nav{display:none} }
@media(max-width:640px){ .ft-grid{grid-template-columns:1fr} }

/* ---------- 2b. 首页用到的其余工具类 / 动画类（与参考站 Tailwind 任意值一致） ---------- */
.gap-4{gap:16px}
.w-max{width:max-content}
.w-10{width:40px}
.h-10{height:40px}
.rounded-\[10px\]{border-radius:10px}
.bg-semi-color-primary-light-default{background:var(--semi-color-primary-light-default)}
.pt-\[60px\]{padding-top:60px}
.animate-\[tcc-marquee-left_32s_linear_infinite\]{animation:tcc-marquee-left 32s linear infinite}
.animate-\[tcc-marquee-right_38s_linear_infinite\]{animation:tcc-marquee-right 38s linear infinite}
.group-hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}
.group:hover .group-hover\:\[animation-play-state\:paused\]{animation-play-state:paused}
.sm\:flex{display:none}
@media(min-width:641px){ .sm\:flex{display:flex} }
.step-arrow{display:flex;align-items:center;justify-content:center;color:var(--semi-color-primary-light-active);padding-top:60px;flex-shrink:0}
.step-arrow svg{width:32px;height:32px}
@media(max-width:640px){ .step-arrow{display:none} }
.feat-ico{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;
  background:var(--semi-color-primary-light-default);color:var(--semi-color-primary);font-size:20px}
.app-card-mini{display:flex;flex-direction:column;gap:12px;border:1px solid var(--semi-color-primary-light-hover);
  border-radius:16px;padding:26px 24px;transition:all .3s}
.app-card-mini:hover{border-color:var(--semi-color-primary-light-active);transform:translateY(-4px);box-shadow:0 8px 32px rgba(255,133,0,.1)}
.app-card-mini h3{font-size:17px;font-weight:700;color:var(--semi-color-primary)}
.app-card-mini p{font-size:14.5px;color:var(--semi-color-text-1);line-height:1.6;margin:0}
.app-card-mini .cat{font-size:12px;color:var(--semi-color-text-2)}
.plan-card{border:1px solid var(--semi-color-primary-light-hover);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;
  transition:all .3s;background:linear-gradient(180deg,rgba(255,133,0,.03),transparent)}
.plan-card.hot{border-color:var(--semi-color-primary-light-active);box-shadow:0 12px 40px rgba(255,133,0,.12)}
.plan-card h3{font-size:18px;font-weight:700}
.plan-card .price{font-size:36px;font-weight:900;letter-spacing:-1px;color:var(--semi-color-text-0)}
.plan-card .price i{font-size:14px;font-weight:600;font-style:normal;color:var(--semi-color-text-1)}
.plan-card ul{list-style:none;display:grid;gap:9px;margin:6px 0 18px}
.plan-card li{color:var(--semi-color-text-1);font-size:14px;display:flex;gap:9px}
.plan-card li::before{content:'✓';color:var(--semi-color-primary);font-weight:700}
.plan-card .tcc-btn-primary,.plan-card .tcc-btn-outline{margin-top:auto;text-align:center;text-decoration:none;display:block}

/* ---------- 4. 参考站 .tcc-* 原始规则（含 @keyframes，逐字抽出） ---------- */
.tcc-blur-ball-orange{background:linear-gradient(135deg,#ff8500,#fa3,#fff);top:40px;left:50%;transform:translate(-50%);opacity:.6}
.tcc-blur-ball-light-orange{background:linear-gradient(135deg,#fc6,#ffe4b3);top:200px;left:30%;opacity:.5}
html:not(.dark) .tcc-blur-ball-orange{opacity:.35}
html:not(.dark) .tcc-blur-ball-light-orange{opacity:.3}
.tcc-home-pricing-container{min-height:calc(100vh - 400px);overflow:auto;background:transparent}
.tcc-hero{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:64px 24px 0;position:relative;overflow:hidden}
.tcc-hero-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse 60% 50% at 35% 45%,rgba(255,220,150,.08) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 65% 40%,rgba(255,160,40,.18) 0%,transparent 60%);pointer-events:none;filter:blur(1px);animation:tcc-glow-morph 10s ease-in-out infinite}
@keyframes tcc-glow-morph{0%,to{opacity:.6}50%{opacity:.85}}
.tcc-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,133,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,133,0,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,black 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,black 38%,transparent 100%);animation:tcc-grid-flow 8s linear infinite}
@keyframes tcc-grid-flow{0%{background-position:0 0}to{background-position:56px 56px}}
.tcc-hero-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 0 0,rgba(255,133,0,.12) 1.5px,transparent 1.5px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,black 32%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,black 32%,transparent 100%);animation:tcc-grid-flow 8s linear infinite}
.tcc-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 320px 220px at 20% 25%,rgba(255,180,50,.16) 0%,transparent 100%),radial-gradient(ellipse 260px 180px at 78% 22%,rgba(255,235,200,.11) 0%,transparent 100%),radial-gradient(ellipse 280px 180px at 65% 55%,rgba(255,160,30,.13) 0%,transparent 100%),radial-gradient(ellipse 240px 160px at 30% 60%,rgba(255,220,150,.09) 0%,transparent 100%);background-size:200% 200%;animation:tcc-flow-drift 20s linear infinite;filter:blur(40px);mask-image:radial-gradient(ellipse 80% 60% at 50% 35%,black 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 35%,black 50%,transparent 100%);opacity:.8}
@keyframes tcc-flow-drift{0%{background-position:0% 0%}to{background-position:100% 100%}}
.tcc-hero-particles:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;pointer-events:none;background:linear-gradient(125deg,transparent 25%,transparent 38%,rgba(255,170,40,.06) 42%,rgba(255,180,60,.12) 48%,rgba(255,200,80,.16) 50%,rgba(255,180,60,.12) 52%,rgba(255,170,40,.06) 58%,transparent 62%,transparent 75%);filter:blur(60px);animation:tcc-stream-a 25s linear infinite}
@keyframes tcc-stream-a{0%{transform:translate(-40%,-30%);opacity:.2}to{transform:translate(40%,30%);opacity:.65}}
.tcc-hero-particles:after{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;pointer-events:none;background:linear-gradient(55deg,transparent 25%,transparent 38%,rgba(255,240,210,.05) 42%,rgba(255,250,235,.1) 48%,rgba(255,255,245,.14) 50%,rgba(255,250,235,.1) 52%,rgba(255,240,210,.05) 58%,transparent 62%,transparent 75%);filter:blur(50px);animation:tcc-stream-b 35s linear infinite}
@keyframes tcc-stream-b{0%{transform:translate(40%,30%);opacity:.2}to{transform:translate(-40%,-30%);opacity:.55}}
.tcc-badge{display:inline-flex;align-items:center;gap:8px;background:#ff850017;border:1px solid rgba(255,133,0,.28);border-radius:100px;padding:6px 18px;font-size:13px;color:#ffab40;margin-bottom:64px;position:relative;z-index:1}
.tcc-badge-dot{width:7px;height:7px;background:var(--semi-color-primary);border-radius:50%;animation:tcc-pulse 2s infinite}
@keyframes tcc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}
.tcc-title{font-size:clamp(36px,5.5vw,70px);font-weight:900;line-height:1.08;letter-spacing:-1.5px;margin-bottom:32px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.tcc-title-brand{color:#ff8500;background:linear-gradient(135deg,#ff8500,#ffab40);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.tcc-title-divider{width:8px;height:100%}
.tcc-title-gradient{background:linear-gradient(90deg,#ff8500,#ffab40 45%,#ffd580);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.tcc-title-white{color:var(--semi-color-text-0, #f0f2f8)}
.tcc-subtitle{font-size:clamp(15px,2vw,22px);color:var(--semi-color-text-1, #8890a8);max-width:950px;line-height:1.75;margin-bottom:44px;position:relative;z-index:1}
.tcc-btn-primary{padding:13px 34px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;background:linear-gradient(135deg,#ff8500,#ffab40)!important;color:#fff!important;border:none!important;box-shadow:0 0 28px #ff850061!important;transition:all .25s!important}
.tcc-btn-primary,.tcc-btn-primary .semi-button-content{color:#fff!important}
.tcc-btn-primary:hover{transform:translateY(-3px)!important;box-shadow:0 8px 38px #ff850080!important}
.tcc-btn-outline{padding:13px 34px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;background:transparent!important;color:var(--semi-color-text-0, #f0f2f8)!important;border:1px solid rgba(255,255,255,.07)!important;transition:all .25s!important}
.tcc-btn-outline:hover{border-color:var(--semi-color-primary)!important;color:var(--semi-color-primary)!important;transform:translateY(-2px)!important}
.tcc-stat-label{font-size:12px;color:var(--semi-color-text-1, #8890a8);margin-top:5px;letter-spacing:.5px}
.tcc-marquee-section{padding:52px 0;overflow:hidden;border-top:1px solid rgba(255,133,0,.18);border-bottom:1px solid rgba(255,133,0,.18);background:linear-gradient(180deg,transparent,rgba(255,133,0,.02),transparent)}
.tcc-marquee-label{text-align:center;font-size:16px;color:var(--semi-color-text-1, #8890a8);letter-spacing:2px;text-transform:uppercase;margin-bottom:28px}
@keyframes tcc-marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes tcc-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}
.tcc-marquee-chip{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(255,133,0,.35);border-radius:100px;padding:9px 18px;white-space:nowrap;font-size:13px;font-weight:500;transition:all .3s;cursor:default;color:var(--semi-color-text-0, #f0f2f8)}
.tcc-marquee-chip:hover{background:#ff85001a;border-color:var(--semi-color-primary);color:var(--semi-color-primary);transform:scale(1.05);box-shadow:0 0 20px #ff850059}
html:not(.dark) .tcc-hero{background:#f5f6f8}
html:not(.dark) .tcc-hero-glow{background:radial-gradient(ellipse 60% 50% at 35% 45%,rgba(255,220,150,.05) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 65% 40%,rgba(255,160,40,.11) 0%,transparent 60%)}
html:not(.dark) .tcc-hero-grid{background-image:linear-gradient(rgba(255,133,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,133,0,.03) 1px,transparent 1px)}
html:not(.dark) .tcc-hero-grid:after{background-image:radial-gradient(circle at 0 0,rgba(255,133,0,.08) 1.5px,transparent 1.5px)}
html:not(.dark) .tcc-hero-particles{background:radial-gradient(ellipse 320px 220px at 20% 25%,rgba(255,180,50,.12) 0%,transparent 100%),radial-gradient(ellipse 260px 180px at 78% 22%,rgba(255,235,200,.08) 0%,transparent 100%),radial-gradient(ellipse 280px 180px at 65% 55%,rgba(255,160,30,.1) 0%,transparent 100%),radial-gradient(ellipse 240px 160px at 30% 60%,rgba(255,220,150,.06) 0%,transparent 100%);filter:blur(30px);opacity:.7}
html:not(.dark) .tcc-hero-particles:before{background:linear-gradient(125deg,transparent 25%,transparent 38%,rgba(255,170,40,.05) 42%,rgba(255,180,60,.09) 48%,rgba(255,200,80,.12) 50%,rgba(255,180,60,.09) 52%,rgba(255,170,40,.05) 58%,transparent 62%,transparent 75%);filter:blur(50px)}
html:not(.dark) .tcc-hero-particles:after{background:linear-gradient(55deg,transparent 25%,transparent 38%,rgba(255,240,210,.04) 42%,rgba(255,250,235,.08) 48%,rgba(255,255,245,.1) 50%,rgba(255,250,235,.08) 52%,rgba(255,240,210,.04) 58%,transparent 62%,transparent 75%);filter:blur(40px)}
html:not(.dark) .tcc-badge{background:#ff850014;border-color:#ff850040}
html:not(.dark) .tcc-title-white{color:#1a1a1a}
html:not(.dark) .tcc-subtitle{color:#666}
html:not(.dark) .tcc-btn-outline{color:#1a1a1a!important;border-color:#0000001f!important}
html:not(.dark) .tcc-btn-outline:hover{border-color:var(--semi-color-primary)!important;color:var(--semi-color-primary)!important}
html:not(.dark) .tcc-stat-label{color:#666}
html:not(.dark) .tcc-marquee-section{background:#f5f6f8;border-color:#ff850040}
html:not(.dark) .tcc-marquee-label{color:#666}
html:not(.dark) .tcc-marquee-chip{background:linear-gradient(135deg,#ff8500,#ffab40);border-color:transparent;color:#fff;box-shadow:0 2px 8px #ff850040}
html:not(.dark) .tcc-marquee-chip:hover{border-color:transparent;color:#fff;box-shadow:0 4px 16px #ff850059;transform:scale(1.05)}
.tcc-section{padding:80px 24px;margin:0 auto}
.tcc-section-alt{position:relative;max-width:100%;background:linear-gradient(180deg,transparent,rgba(255,133,0,.03),transparent);border-top:1px solid rgba(255,133,0,.1);border-bottom:1px solid rgba(255,133,0,.1)}
.tcc-section-title{font-size:clamp(30px,4vw,48px);font-weight:800;color:#1a1a1a;margin-bottom:0;letter-spacing:-.5px;position:relative;display:inline-block;padding-bottom:16px}
.tcc-section-title-highlight{color:var(--semi-color-primary)}
body[theme-mode=dark] .tcc-section-title{color:var(--semi-color-text-0, #f0f2f8)}
.tcc-section-desc{font-size:18px;color:var(--semi-color-text-1, #8890a8);max-width:560px;margin:0 auto;line-height:1.6}
.tcc-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;padding:0 24px}
.tcc-feature-card{background:transparent;border:1px solid var(--semi-color-primary-light-hover);border-radius:16px;padding:28px 24px;transition:all .3s;display:flex;flex-direction:column;gap:12px}
.tcc-feature-card:hover{border-color:var(--semi-color-primary-light-active);transform:translateY(-4px);box-shadow:0 8px 32px #ff85001a}
.tcc-feature-title{font-size:18px;font-weight:700;color:var(--semi-color-primary)}
.tcc-feature-desc{font-size:15px;color:var(--semi-color-text-1, #8890a8);line-height:1.65}
.tcc-vendors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;padding:0 24px}
@media (max-width: 1024px){.tcc-vendors-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.tcc-vendors-grid{grid-template-columns:1fr;padding:0 16px}}
.tcc-home-model-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;text-decoration:none;cursor:pointer}
.tcc-home-model-card:hover{border-color:var(--semi-color-primary-light-active);transform:translateY(-4px);box-shadow:0 12px 40px #ff850024;text-decoration:none}
html:not(.dark) .tcc-home-model-card{background:#fff;border-color:#00000014}
html:not(.dark) .tcc-home-model-card:hover{box-shadow:0 12px 40px #ff85001a}
body[theme-mode=dark] .tcc-home-model-card{background:var(--semi-color-bg-1);border-color:var(--semi-color-border)}
body[theme-mode=dark] .tcc-home-model-card:hover{box-shadow:0 12px 40px #ff85002e}
.tcc-hm-banner{position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px}
.tcc-hm-banner-icon{display:flex;align-items:center;justify-content:center}
.tcc-hm-banner-name{font-size:clamp(20px,2.8vw,30px);font-weight:800;color:#fff;text-align:center;line-height:1.25;word-break:break-word;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.tcc-hm-vendor-tag{position:absolute;right:12px;bottom:10px;display:inline-flex;padding:4px 12px;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#ffffffd1;background:#00000040;border-radius:6px;line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tcc-hm-pricing-vendor-tag{position:absolute;top:12px;right:12px;padding:4px 12px;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#ffffffd1;background:#0000001a;border-radius:6px;line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tcc-hm-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.tcc-hm-desc{font-size:15px;color:var(--semi-color-text-1, #8890a8);line-height:1.65;margin:0}
.tcc-steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:16px;margin:0 auto 60px;padding:0 24px;flex-wrap:wrap}
.tcc-step-card{background:transparent;border:1px solid var(--semi-color-primary-light-hover);border-radius:16px;padding:32px 28px;text-align:center;flex:1;min-width:220px;transition:all .3s}
.tcc-step-card:hover{border-color:var(--semi-color-primary-light-active);transform:translateY(-4px);box-shadow:0 8px 28px #ff85001a}
.tcc-step-number{font-size:42px;font-weight:900;background:linear-gradient(135deg,var(--semi-color-primary),var(--semi-color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}
.tcc-step-title{font-size:20px;font-weight:700;color:var(--semi-color-primary);margin-bottom:8px}
.tcc-step-desc{font-size:15px;color:var(--semi-color-text-1, #8890a8);line-height:1.6}
.tcc-code-preview{max-width:640px;margin:0 auto;background:#0d1117;border:1px solid rgba(255,133,0,.2);border-radius:12px;overflow:hidden}
.tcc-code-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#161b22;border-bottom:1px solid rgba(255,255,255,.06)}
.tcc-code-block{padding:20px 24px;margin:0;font-size:13px;line-height:1.7;color:#e6edf3;overflow-x:auto;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Menlo,monospace;white-space:pre}
.tcc-code-block code{font-family:inherit;background:none}
.tcc-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 auto;padding:0 24px}
.tcc-case-card{display:flex;align-items:flex-start;gap:18px;background:transparent;border:1px solid var(--semi-color-primary-light-hover);border-radius:14px;padding:50px 24px;transition:all .3s}
.tcc-case-card:hover{border-color:var(--semi-color-primary-light-hover);transform:translateY(-2px);box-shadow:0 4px 20px #ff850014}
.tcc-case-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ff85001a;color:#ff8500;flex-shrink:0}
.tcc-case-icon svg{width:20px;height:20px}
.tcc-case-title{font-size:17px;font-weight:700;color:var(--semi-color-primary);margin-bottom:6px}
.tcc-case-desc{font-size:15px;color:var(--semi-color-text-1, #8890a8);line-height:1.55}
.tcc-cta-section{position:relative;padding:100px 24px;text-align:center;overflow:hidden}
.tcc-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(255,133,0,.12) 0%,transparent 70%);pointer-events:none}
.tcc-cta-title{font-size:clamp(32px,4.5vw,48px);font-weight:900;background:linear-gradient(135deg,var(--semi-color-primary),var(--semi-color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-.5px}
.tcc-cta-desc{font-size:17px;color:var(--semi-color-text-1, #8890a8);line-height:1.7;margin-bottom:36px}
.tcc-btn-outline-white{border-color:#ffffff26!important;color:var(--semi-color-text-0, #f0f2f8)!important}
html:not(.dark) .tcc-section-alt{background:#f5f6f8;border-color:#ff850026}
html:not(.dark) .tcc-section-desc{color:#666}
html:not(.dark) .tcc-feature-card:hover,html:not(.dark) .tcc-step-card:hover,html:not(.dark) .tcc-case-card:hover{border-color:var(--semi-color-primary-light-active);box-shadow:0 8px 28px #ff85001f}
html:not(.dark) .tcc-feature-desc,html:not(.dark) .tcc-step-desc,html:not(.dark) .tcc-case-desc{color:#666}
html:not(.dark) .tcc-cta-desc{color:#666}
html:not(.dark) .tcc-btn-outline-white{border-color:#00000026!important;color:#1a1a1a!important}
html:not(.dark) .tcc-code-preview{background:#f9fafb;border-color:#0000001a}
html:not(.dark) .tcc-code-bar{background:#f0f1f3}
html:not(.dark) .tcc-code-block{color:#24292f}
@media (max-width: 900px){.tcc-features-grid{grid-template-columns:repeat(2,1fr)}.tcc-cases-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.tcc-section{padding:56px 16px}.tcc-features-grid{grid-template-columns:1fr;padding:0 16px}.tcc-steps-grid{gap:12px}.tcc-step-card{min-width:100%;max-width:100%}.tcc-cases-grid{padding:0 16px}.tcc-code-preview{margin:0 16px}}