/* ==========================================================================
   Thutmose 图特摩斯 — Brand Frontend Theme (Dark Teal SaaS)
   AI 场景服务落地服务商 · loaded LAST to override pintuer/style.css
   ========================================================================== */
:root{
  --tm-primary:#00B8AE; --tm-highlight:#00C2B1; --tm-chart:#009B95; --tm-deep:#01847B;
  --tm-bg:#020708; --tm-section:#091517; --tm-card:#182026; --tm-border:#263D41;
  --tm-title:#F3F4F4; --tm-body:#9DA0A2; --tm-sub:#53575B;
  --tm-green:#28B65D; --tm-orange:#F58A1F; --tm-blue:#168FD0; --tm-yellow:#F3B637;
  --tm-max:1200px;
  --tm-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --tm-radius:16px;
}

/* ---- reset / base -------------------------------------------------------- */
html,body{margin:0;padding:0;background:var(--tm-bg)!important;}
body.tm-body{
  font-family:var(--tm-font);
  color:var(--tm-body);
  background:var(--tm-bg);
  font-size:15px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.tm-body *{box-sizing:border-box;}
.tm-body a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease,transform .2s ease;}
.tm-body img{max-width:100%;display:block;}
.tm-body h1,.tm-body h2,.tm-body h3,.tm-body h4,.tm-body p{margin:0;}
.tm-wrap{max-width:var(--tm-max);margin:0 auto;padding:0 32px;width:100%;}

/* ---- helpers ------------------------------------------------------------- */
.tm-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid var(--tm-border);
  background:var(--tm-card);border-radius:20px;color:var(--tm-primary);font-size:13px;letter-spacing:1px;font-weight:600;}
.tm-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tm-primary);box-shadow:0 0 10px 2px rgba(0,184,174,.7);}
.tm-section-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.tm-section-head .tm-eyebrow{margin-bottom:20px;}
.tm-section-head h2{font-size:40px;font-weight:700;color:var(--tm-title);letter-spacing:-.5px;line-height:1.2;}
.tm-section-head p{margin-top:16px;font-size:17px;color:var(--tm-body);}
.tm-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:10px;
  padding:14px 30px;font-size:15px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;}
.tm-btn-primary{background:var(--tm-primary);color:#020708;}
.tm-btn-primary:hover{background:var(--tm-highlight);box-shadow:0 8px 30px -6px rgba(0,184,174,.5);transform:translateY(-2px);}
.tm-btn-ghost{border-color:var(--tm-border);color:var(--tm-title);background:transparent;}
.tm-btn-ghost:hover{border-color:var(--tm-primary);color:var(--tm-primary);}
.tm-arrow{font-style:normal;}

/* ==========================================================================
   NAVBAR
   ========================================================================== */
.tm-header{position:sticky;top:0;z-index:100;background:rgba(2,7,8,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--tm-border);}
.tm-nav{display:flex;align-items:center;justify-content:space-between;height:72px;}
.tm-logo{display:flex;align-items:center;gap:12px;}
.tm-logo img{height:38px;width:auto;}
.tm-logo .tm-logo-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--tm-primary),var(--tm-deep));
  display:flex;align-items:center;justify-content:center;color:#020708;font-weight:800;font-size:20px;box-shadow:0 4px 16px -4px rgba(0,184,174,.6);}
.tm-logo .tm-logo-name{font-size:19px;font-weight:700;color:var(--tm-title);letter-spacing:.5px;}
.tm-menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;}
.tm-menu>li{position:relative;}
.tm-menu>li>a{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;font-size:15px;color:var(--tm-body);border-radius:8px;font-weight:500;}
.tm-menu>li>a:hover,.tm-menu>li.active>a{color:var(--tm-title);background:var(--tm-card);}
.tm-menu .tm-drop{position:absolute;top:100%;left:0;min-width:170px;background:var(--tm-section);border:1px solid var(--tm-border);
  border-radius:12px;padding:8px;list-style:none;margin:8px 0 0;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .2s ease;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);}
.tm-menu>li:hover .tm-drop{opacity:1;visibility:visible;transform:translateY(0);}
.tm-drop li a{display:block;padding:9px 14px;border-radius:8px;font-size:14px;color:var(--tm-body);}
.tm-drop li a:hover{background:var(--tm-card);color:var(--tm-primary);}
.tm-nav-right{display:flex;align-items:center;gap:14px;}
.tm-search-ico{width:40px;height:40px;border-radius:9px;border:1px solid var(--tm-border);display:flex;align-items:center;
  justify-content:center;color:var(--tm-body);cursor:pointer;transition:all .2s;}
.tm-search-ico:hover{border-color:var(--tm-primary);color:var(--tm-primary);}
.tm-search-ico svg{width:18px;height:18px;}
.tm-nav-cta{padding:10px 22px;font-size:14px;}

/* ==========================================================================
   HERO
   ========================================================================== */
.tm-hero{position:relative;overflow:hidden;padding:100px 0 90px;}
.tm-hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}
.tm-hero-glow.g1{width:620px;height:620px;background:rgba(0,184,174,.16);top:-160px;right:-120px;}
.tm-hero-glow.g2{width:480px;height:480px;background:rgba(1,132,123,.14);bottom:-200px;left:-140px;}
.tm-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(38,61,65,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(38,61,65,.25) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 100%);}
.tm-hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.tm-hero-copy h1{font-size:60px;line-height:1.12;font-weight:800;color:var(--tm-title);letter-spacing:-1px;margin:26px 0 22px;}
.tm-hero-copy h1 .tm-hl{background:linear-gradient(120deg,var(--tm-primary),var(--tm-highlight));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tm-hero-copy .tm-lead{font-size:19px;line-height:1.7;color:var(--tm-body);max-width:560px;}
.tm-hero-cta{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap;}
.tm-hero-stats{display:flex;gap:40px;margin-top:44px;padding-top:32px;border-top:1px solid var(--tm-border);}
.tm-hero-stats .num{font-size:30px;font-weight:800;color:var(--tm-title);}
.tm-hero-stats .num.c-green{color:var(--tm-green);}
.tm-hero-stats .num.c-primary{color:var(--tm-primary);}
.tm-hero-stats .lbl{font-size:13px;color:var(--tm-sub);margin-top:4px;}

/* hero visual */
.tm-hero-visual{position:relative;height:460px;}
.tm-visual-panel{position:absolute;inset:0;border-radius:24px;background:linear-gradient(160deg,#0c1c1f,#050d0e);
  border:1px solid var(--tm-border);overflow:hidden;}
.tm-visual-panel::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,184,174,.22),transparent 70%);top:-40px;left:-30px;}
.tm-vcard{position:absolute;background:rgba(9,21,23,.9);border:1px solid var(--tm-border);border-radius:16px;
  padding:18px 20px;min-width:180px;backdrop-filter:blur(8px);box-shadow:0 20px 50px -24px rgba(0,0,0,.8);}
.tm-vcard .lbl{font-size:12px;color:var(--tm-sub);letter-spacing:.5px;}
.tm-vcard .val{font-size:30px;font-weight:800;margin-top:8px;line-height:1;}
.tm-vcard .trend{font-size:12px;margin-top:8px;color:var(--tm-body);}
.tm-vcard.v1{top:44px;left:36px;}
.tm-vcard.v2{top:180px;right:34px;}
.tm-vcard.v3{bottom:44px;left:70px;}
.tm-dot{position:absolute;width:8px;height:8px;border-radius:50%;}
/* mini bar chart */
.tm-mini-chart{position:absolute;bottom:52px;right:44px;display:flex;align-items:flex-end;gap:8px;height:90px;}
.tm-mini-chart span{width:14px;border-radius:4px 4px 0 0;background:var(--tm-primary);opacity:.9;}

/* ==========================================================================
   FEATURES (BENTO)
   ========================================================================== */
.tm-section{padding:96px 0;}
.tm-section.alt{background:var(--tm-section);}
.tm-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.tm-feature{background:var(--tm-card);border:1px solid var(--tm-border);border-radius:var(--tm-radius);padding:30px 26px;
  transition:all .25s ease;position:relative;overflow:hidden;}
.tm-feature:hover{transform:translateY(-6px);border-color:rgba(0,184,174,.5);}
.tm-feat-ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.tm-feat-ico svg{width:26px;height:26px;color:#020708;}
.tm-feature h3{font-size:18px;font-weight:700;color:var(--tm-title);margin-bottom:10px;}
.tm-feature p{font-size:14px;color:var(--tm-body);line-height:1.6;}

/* ==========================================================================
   PRODUCTS / generic card grid
   ========================================================================== */
.tm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.tm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.tm-pcard{background:var(--tm-card);border:1px solid var(--tm-border);border-radius:var(--tm-radius);overflow:hidden;transition:all .25s ease;}
.tm-pcard:hover{transform:translateY(-6px);border-color:rgba(0,184,174,.5);}
.tm-pcard .thumb{height:200px;background:var(--tm-section);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.tm-pcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.tm-pcard:hover .thumb img{transform:scale(1.06);}
.tm-pcard .body{padding:20px 22px;}
.tm-pcard .body h3{font-size:16px;font-weight:600;color:var(--tm-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tm-pcard:hover .body h3{color:var(--tm-primary);}

/* tabs (product categories) */
.tm-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px;}
.tm-tab{padding:9px 22px;border-radius:22px;border:1px solid var(--tm-border);color:var(--tm-body);font-size:14px;cursor:pointer;transition:all .2s;}
.tm-tab.active,.tm-tab:hover{background:var(--tm-primary);color:#020708;border-color:var(--tm-primary);font-weight:600;}
.tm-tab-panel{display:none;}
.tm-tab-panel.active{display:block;}

/* ==========================================================================
   ABOUT
   ========================================================================== */
.tm-about{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.tm-about-copy h2{font-size:38px;font-weight:800;color:var(--tm-title);letter-spacing:-.5px;margin-bottom:22px;}
.tm-about-copy p{font-size:16px;line-height:1.9;color:var(--tm-body);margin-bottom:20px;}
.tm-about-stats{display:flex;gap:40px;margin:32px 0;}
.tm-about-stats .num{font-size:34px;font-weight:800;color:var(--tm-primary);}
.tm-about-stats .lbl{font-size:13px;color:var(--tm-sub);margin-top:4px;}
.tm-about-visual{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--tm-border);min-height:360px;
  background:linear-gradient(160deg,#0c1c1f,#050d0e);}
.tm-about-visual img{width:100%;height:100%;object-fit:cover;min-height:360px;}

/* ==========================================================================
   SOLUTIONS
   ========================================================================== */
.tm-solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.tm-scard{position:relative;border-radius:var(--tm-radius);overflow:hidden;min-height:280px;border:1px solid var(--tm-border);
  background:var(--tm-card);display:flex;flex-direction:column;justify-content:flex-end;}
.tm-scard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;transition:all .35s ease;}
.tm-scard::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,7,8,.95),rgba(2,7,8,.2));}
.tm-scard:hover img{opacity:.6;transform:scale(1.05);}
.tm-scard .sc-body{position:relative;z-index:2;padding:28px;}
.tm-scard h3{font-size:20px;font-weight:700;color:var(--tm-title);margin-bottom:10px;}
.tm-scard p{font-size:14px;color:var(--tm-body);line-height:1.6;}
.tm-scard .sc-more{margin-top:16px;display:inline-flex;align-items:center;gap:6px;color:var(--tm-primary);font-size:14px;font-weight:600;}

/* ==========================================================================
   NEWS
   ========================================================================== */
.tm-news{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.tm-news-feature{border-radius:var(--tm-radius);overflow:hidden;border:1px solid var(--tm-border);background:var(--tm-card);}
.tm-news-feature .thumb{height:300px;overflow:hidden;}
.tm-news-feature .thumb img{width:100%;height:100%;object-fit:cover;}
.tm-news-feature .body{padding:26px 28px;}
.tm-news-feature h3{font-size:22px;font-weight:700;color:var(--tm-title);line-height:1.4;margin-bottom:10px;}
.tm-news-feature:hover h3{color:var(--tm-primary);}
.tm-news-feature .date{font-size:13px;color:var(--tm-sub);}
.tm-news-list{display:flex;flex-direction:column;gap:16px;}
.tm-news-item{display:flex;gap:20px;padding:18px;border:1px solid var(--tm-border);border-radius:14px;background:var(--tm-card);transition:all .2s;}
.tm-news-item:hover{border-color:rgba(0,184,174,.5);transform:translateX(4px);}
.tm-news-item .ndate{flex-shrink:0;width:64px;text-align:center;border-right:1px solid var(--tm-border);padding-right:16px;}
.tm-news-item .ndate .d{font-size:26px;font-weight:800;color:var(--tm-primary);line-height:1;}
.tm-news-item .ndate .ym{font-size:12px;color:var(--tm-sub);margin-top:6px;}
.tm-news-item .ntxt h3{font-size:16px;font-weight:600;color:var(--tm-title);margin-bottom:6px;line-height:1.4;}
.tm-news-item:hover .ntxt h3{color:var(--tm-primary);}
.tm-news-item .ntxt p{font-size:13px;color:var(--tm-body);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* CTA band */
.tm-cta-band{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--tm-border);
  background:linear-gradient(135deg,#0b2321,#050d0e);padding:64px 56px;text-align:center;}
.tm-cta-band::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,184,174,.18),transparent 70%);top:-200px;left:50%;transform:translateX(-50%);}
.tm-cta-band h2{position:relative;font-size:36px;font-weight:800;color:var(--tm-title);margin-bottom:16px;}
.tm-cta-band p{position:relative;font-size:17px;color:var(--tm-body);margin-bottom:32px;}
.tm-cta-band .tm-hero-cta{justify-content:center;}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.tm-footer{background:var(--tm-section);border-top:1px solid var(--tm-border);padding:64px 0 0;}
.tm-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;}
.tm-footer-brand .tm-logo{margin-bottom:18px;}
.tm-footer-brand p{font-size:14px;color:var(--tm-body);line-height:1.7;max-width:280px;}
.tm-fcol h4{font-size:15px;font-weight:700;color:var(--tm-title);margin-bottom:18px;}
.tm-fcol ul{list-style:none;margin:0;padding:0;}
.tm-fcol ul li{margin-bottom:11px;}
.tm-fcol ul li a{font-size:14px;color:var(--tm-body);}
.tm-fcol ul li a:hover{color:var(--tm-primary);}
.tm-fcontact .ci{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start;}
.tm-fcontact .ci .ico{width:34px;height:34px;border-radius:9px;background:var(--tm-card);border:1px solid var(--tm-border);
  display:flex;align-items:center;justify-content:center;color:var(--tm-primary);flex-shrink:0;}
.tm-fcontact .ci .ico svg{width:16px;height:16px;}
.tm-fcontact .ci .txt{font-size:14px;color:var(--tm-body);line-height:1.5;}
.tm-footer-bottom{border-top:1px solid var(--tm-border);padding:22px 0;display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:12px;}
.tm-footer-bottom,.tm-footer-bottom a{font-size:13px;color:var(--tm-sub);}
.tm-footer-bottom a:hover{color:var(--tm-primary);}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:1024px){
  .tm-hero-inner,.tm-about,.tm-news{grid-template-columns:1fr;}
  .tm-hero-visual{height:400px;}
  .tm-features,.tm-grid-4{grid-template-columns:repeat(2,1fr);}
  .tm-grid-3,.tm-solutions{grid-template-columns:repeat(2,1fr);}
  .tm-footer-top{grid-template-columns:1fr 1fr;}
  .tm-menu{display:none;}
}
@media(max-width:640px){
  .tm-wrap{padding:0 20px;}
  .tm-hero-copy h1{font-size:38px;}
  .tm-section-head h2{font-size:30px;}
  .tm-features,.tm-grid-4,.tm-grid-3,.tm-solutions,.tm-footer-top{grid-template-columns:1fr;}
  .tm-hero-stats{flex-wrap:wrap;gap:24px;}
  .tm-section{padding:64px 0;}
}