/* 爱医云科研官网 · 栏目页共享样式（与 index.html 同一设计体系） */
@font-face{
  font-family:"Anthropic Sans";
  src:url("https://cdn.prod.website-files.com/67ce28cfec624e2b733f8a52/69971a00a3295036497e1a28_AnthropicSans-Roman-Web.woff2") format("woff2");
  font-weight:300 800;font-style:normal;font-display:swap}
@font-face{
  font-family:"Anthropic Serif";
  src:url("https://cdn.prod.website-files.com/67ce28cfec624e2b733f8a52/69971a1551eb6cda0d656e8a_AnthropicSerif-Roman-Web.woff2") format("woff2");
  font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --bg:#F0EEE6;
  --ink:#191817;
  --ink-soft:#5C5952;
  --line:#DDD9CB;
  --accent:#4F46E5;
  --accent-2:#7C6FF0;
  --card:#FFFFFF;
  --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:"Anthropic Sans",-apple-system,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.serif{font-family:"Anthropic Serif",Georgia,"Songti SC","Noto Serif SC",serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}

/* ============ 主导航 ============ */
nav{
  position:sticky;top:0;z-index:50;
  background:rgba(240,238,230,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav-in{display:flex;align-items:center;height:64px;gap:28px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:.02em;white-space:nowrap}
.logo-mark{width:26px;height:26px;border-radius:8px;
  background:linear-gradient(135deg,var(--accent),#9D8CFF);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}
.menu{display:flex;gap:22px;margin-left:12px;flex:1;font-size:14px;color:var(--ink);white-space:nowrap}
.menu a{transition:color .2s}
.menu a:hover,.menu a.on{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:14px;font-size:14px;white-space:nowrap}
.nav-right .plain{color:var(--ink-soft)}
.btn-login{background:var(--ink);color:#F0EEE6;padding:9px 20px;border-radius:999px;font-size:14px}
.btn-login:hover{opacity:.85}

/* ============ 栏目二级导航 ============ */
.subnav{
  position:sticky;top:64px;z-index:40;
  background:rgba(240,238,230,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.subnav-in{display:flex;gap:26px;height:48px;align-items:center;font-size:14px;color:var(--ink-soft);overflow-x:auto}
.subnav a{white-space:nowrap;transition:color .2s}
.subnav a:hover{color:var(--ink)}

/* ============ 栏目 Hero ============ */
.page-hero{padding:88px 0 72px;border-bottom:1px solid var(--line)}
.page-hero .kicker{font-size:13px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:16px}
.page-hero h1{font-size:clamp(36px,5vw,60px);font-weight:500;letter-spacing:-.015em;line-height:1.15;max-width:820px}
.page-hero .sub{margin-top:24px;max-width:680px;font-size:17px;line-height:1.9;color:var(--ink-soft)}
.cta-row{margin-top:36px;display:flex;gap:16px}
.btn-primary{background:var(--accent);color:#fff;padding:13px 28px;border-radius:999px;font-size:15px;transition:opacity .2s,transform .2s}
.btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--ink);padding:13px 28px;border-radius:999px;font-size:15px;transition:background .2s}
.btn-ghost:hover{background:rgba(25,24,23,.05)}

/* ============ 通用区块 ============ */
.section{padding:88px 0}
.section.alt{background:#E9E6DB;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{margin-bottom:52px}
.sec-head.center{text-align:center}
.sec-kicker{font-size:13px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}
.sec-title{font-size:clamp(26px,3.2vw,40px);font-weight:500;letter-spacing:-.01em}
.sec-desc{margin-top:16px;max-width:720px;font-size:16px;line-height:1.9;color:var(--ink-soft)}
.sec-head.center .sec-desc{margin-left:auto;margin-right:auto}

/* 卡片矩阵 */
.grid{display:grid;gap:20px}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.grid.g4{grid-template-columns:repeat(4,1fr)}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 28px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(25,24,23,.08)}
.card .ic{
  width:44px;height:44px;border-radius:12px;margin-bottom:18px;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.card .ic svg{width:22px;height:22px}
.card h3{font-size:19px;font-weight:600;margin-bottom:10px}
.card p{font-size:14.5px;line-height:1.85;color:var(--ink-soft)}
.card ul{margin:6px 0 0 18px;font-size:14.5px;line-height:2;color:var(--ink-soft)}

/* 左右图文条 */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:44px 0}
.feature.rev>.f-text{order:2}
.f-text h3{font-size:clamp(22px,2.6vw,30px);font-weight:500;margin-bottom:16px;letter-spacing:-.01em}
.f-text p{font-size:16px;line-height:1.95;color:var(--ink-soft)}
.f-text ul{margin:14px 0 0 20px;font-size:15.5px;line-height:2.1;color:var(--ink-soft)}
/* 产品截图占位（渐变 + 模拟 UI 线条） */
.shot{
  border-radius:16px;border:1px solid var(--line);min-height:320px;
  background:linear-gradient(150deg,#fff,#EFEDFB);
  position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(25,24,23,.10)}
.shot::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:14px;border-radius:7px;
  background:linear-gradient(90deg,var(--accent) 0 120px,#E4E2F8 120px)}
.shot::after{content:"";position:absolute;left:24px;right:24px;top:56px;bottom:24px;border-radius:10px;
  background:
    linear-gradient(#EDEBF9,#EDEBF9) 0 0/38% 46% no-repeat,
    linear-gradient(#F4F2FC,#F4F2FC) 0 54%/38% 46% no-repeat,
    linear-gradient(#E2E0F5,#E2E0F5) 42% 0/58% 100% no-repeat}
/* 已填充主题插画的 shot：关闭占位伪元素，SVG 铺满 */
.shot.art{background:linear-gradient(150deg,#FDFCF8,#F1EDE1)}
.shot.art::before,.shot.art::after{display:none}
.shot.art svg{position:absolute;inset:0;width:100%;height:100%}

/* 步骤条 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;position:relative}
.step::before{counter-increment:s;content:"0" counter(s);
  font-size:13px;color:var(--accent);letter-spacing:.1em;font-weight:600}
.step h4{font-size:16.5px;font-weight:600;margin:10px 0 8px}
.step p{font-size:14px;line-height:1.8;color:var(--ink-soft)}

/* 表格 */
.tbl{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.tbl th,.tbl td{padding:16px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line)}
.tbl th{background:#EFEDFB;font-weight:600;font-size:14px;letter-spacing:.04em}
.tbl tr:last-child td{border-bottom:none}
.tbl td{color:var(--ink-soft);line-height:1.7}
.tbl td:first-child{color:var(--ink);font-weight:500}

/* 引用/使命条 */
.quote-band{padding:110px 0;text-align:center}
.quote-band p{font-size:clamp(26px,3.6vw,44px);line-height:1.4;font-weight:500;max-width:960px;margin:0 auto;letter-spacing:-.01em}
.quote-band .em{color:var(--accent)}

/* CTA 收尾 */
.cta-band{
  margin:0;border-top:1px solid var(--line);padding:80px 0;text-align:center}
.cta-band h2{font-size:clamp(24px,3vw,36px);font-weight:500;margin-bottom:28px}

/* ============ Footer（深色，与首页一致） ============ */
footer{background:#161513;color:#B9B5A6;padding:88px 0 48px}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px}
.f-brand{font-size:16px;font-weight:800;letter-spacing:.04em;margin-bottom:14px;color:#F0EEE6}
.f-brand img{display:block;width:32px;height:32px;border-radius:8px;margin-bottom:14px}
.f-brand small{display:block;font-weight:400;color:#8A867A;font-size:12.5px;margin-top:8px;line-height:1.8}
.f-col h4{font-size:12.5px;letter-spacing:.14em;color:#F0EEE6;margin-bottom:16px;font-weight:600}
.f-col a{display:block;font-size:14px;color:#B9B5A6;margin-bottom:10px;transition:color .2s}
.f-col a:hover{color:#F0EEE6}
.f-legal{margin-top:56px;padding-top:22px;border-top:1px solid rgba(240,238,230,.14);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#8A867A}
.f-legal .links{display:flex;gap:22px}

/* ============ 移动端汉堡菜单 ============ */
.nav-toggle{
  display:none;margin-left:auto;width:40px;height:40px;flex:none;padding:0;
  border:1px solid var(--line);border-radius:10px;background:transparent;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}
nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.open .nav-toggle span:nth-child(2){opacity:0}
nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1000px){
  .nav-toggle{display:flex}
  .menu{
    position:absolute;top:100%;left:0;right:0;margin:0;
    display:none;flex-direction:column;gap:0;padding:6px 24px 16px;
    background:rgba(240,238,230,.98);backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);font-size:15px;white-space:normal}
  .menu a{padding:13px 0;border-top:1px solid var(--line)}
  nav.open .menu{display:flex}
}

@media(max-width:1000px){
  .grid.g2,.grid.g3,.grid.g4{grid-template-columns:1fr}
  .feature{grid-template-columns:1fr;gap:28px}
  .feature.rev>.f-text{order:0}
  .steps{grid-template-columns:1fr 1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .wrap{padding:0 24px}
}

/* ============ 手机端（≤640px） ============ */
@media(max-width:640px){
  .wrap{padding:0 20px}
  .nav-in{gap:14px;height:60px}
  .subnav{top:60px}
  .subnav-in{gap:20px;height:44px;font-size:13.5px}
  .page-hero{padding:56px 0 48px}
  .page-hero .sub{font-size:16px}
  .section{padding:56px 0}
  .sec-head{margin-bottom:36px}
  .steps{grid-template-columns:1fr}
  .card{padding:24px 20px}
  .cta-row{flex-wrap:wrap}
  .tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .quote-band{padding:64px 0}
  .cta-band{padding:56px 0}
  .feature{padding:32px 0}
  .shot{min-height:220px}
  footer{padding:56px 0 36px}
  .f-grid{grid-template-columns:1fr;gap:28px 20px;justify-items:center;text-align:center}
  .f-grid .f-col{display:none}
  .f-brand img{margin-left:auto;margin-right:auto}
  .f-legal{flex-direction:column}
}

/* ===== 影像标注样本滚动带（影像中心） ===== */
.annt-strip{overflow:hidden;padding:46px 0 42px;border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.annt-track{display:flex;width:max-content;animation:annt-scroll 56s linear infinite}
.annt-strip:hover .annt-track{animation-play-state:paused}
.annt-set{display:flex;gap:18px;padding-right:18px}
.annt-card{position:relative;width:224px;flex:none;border-radius:14px;overflow:hidden;border:1px solid rgba(25,24,23,.09);box-shadow:0 10px 26px rgba(25,24,23,.13)}
.annt-card svg{display:block;width:100%;height:auto}
.annt-tag{position:absolute;left:10px;bottom:10px;font-size:11px;line-height:1;color:#fff;background:rgba(20,19,17,.55);padding:5px 10px;border-radius:999px;letter-spacing:.02em;backdrop-filter:blur(3px)}
@keyframes annt-scroll{to{transform:translateX(-50%)}}
/* 标注动画 */
.a-draw{stroke-dasharray:100;animation:a-draw 6s ease-in-out infinite}
.a-fill{opacity:0;animation:a-fill 6s ease-in-out infinite}
.a-pulse{animation:a-pulse 2.6s ease-in-out infinite}
.a-dot{transform-box:fill-box;transform-origin:center;animation:a-dot 6s ease-in-out infinite}
@keyframes a-draw{0%{stroke-dashoffset:100}42%,72%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes a-fill{0%,20%{opacity:0}42%,72%{opacity:.38}100%{opacity:0}}
@keyframes a-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes a-dot{0%,18%{transform:scale(0);opacity:0}30%,74%{transform:scale(1);opacity:1}88%,100%{transform:scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.annt-track,.a-draw,.a-fill,.a-pulse,.a-dot{animation:none}}

/* ============ 安装 APP 按钮 & 下载页 ============ */
.btn-app{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink);background:none;
  padding:8px 18px;border-radius:999px;font-size:14px;color:var(--ink);
  white-space:nowrap;transition:background .2s}
.btn-app:hover{background:rgba(25,24,23,.05)}
.menu-app{display:none}

/* ============ 下载页（JetBrains 风格布局） ============ */
.app-ver{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:999px;
  background:#EFEDFB;color:var(--accent);font-size:11.5px;font-weight:600;letter-spacing:.04em;vertical-align:2px}
.app-qr{width:124px;height:124px;border:1px solid var(--line);border-radius:12px;padding:6px;background:#fff}
.app-qr img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}

.dl-body{padding:40px 0 96px}
.dl-crumb{margin-bottom:20px;font-size:13px;color:#A39E90;letter-spacing:.03em}
.dl-crumb a{color:#A39E90}
.dl-crumb a:hover{color:var(--ink)}
.dl-crumb i{font-style:normal;margin:0 8px;color:#D8D3C4}
.dl-tabs{display:flex;gap:30px;overflow-x:auto}
.dl-tab{padding:10px 2px;font-size:15.5px;color:var(--ink-soft);white-space:nowrap;
  border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}
.dl-tab:hover{color:var(--ink)}
.dl-tab.on{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}
.dl-panel{display:none}
.dl-panel.on{display:block}
/* 已下线的桌面客户端平台：强制隐藏标签与面板，优先级高于 .on */
.dl-tab.hide{display:none}
.dl-panel.hide{display:none!important}

.dl-main{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start;margin-top:52px}
.dl-picon{width:64px;height:64px;border-radius:16px;box-shadow:0 14px 32px rgba(25,24,23,.16)}
.dl-pname{margin-top:22px;font-size:clamp(30px,3.2vw,42px);font-weight:650;letter-spacing:-.02em}
.dl-ptag{margin-top:12px;font-size:17px;line-height:1.7;color:var(--ink-soft);max-width:42ch}
.dl-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.dl-dl{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;
  padding:13px 28px;border-radius:8px;font-size:15px;font-weight:600;transition:opacity .2s}
.dl-dl:hover{opacity:.9}
.dl-dl.ghost{background:none;border:1px solid var(--ink);color:var(--ink);font-weight:500}
.dl-note{margin-top:16px;font-size:13.5px;color:var(--ink-soft)}
.dl-info{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#fff;
  border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:12.5px;color:var(--ink-soft)}
.dl-scr{display:block;width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 44px rgba(25,24,23,.10)}

.dl-code{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#F5F3EC;
  padding:14px 16px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;
  line-height:1.9;color:#3A382F;overflow-x:auto;white-space:pre}
.dl-code .c{color:#A39E90}
.dl-code.dark{background:#191817;color:#E8E6DC;border-color:#191817}
.dl-code.dark .c{color:#8A867A}
.dl-term{border-radius:14px;box-shadow:0 18px 44px rgba(25,24,23,.14);margin-top:0}
.card code{background:#F0EEE6;border:1px solid var(--line);border-radius:5px;padding:1px 6px;
  font-size:12.5px;font-family:SFMono-Regular,Menlo,Consolas,monospace}

@media(max-width:1000px){
  .btn-login{display:none}
  .dl-main{grid-template-columns:1fr;gap:36px}
}
@media(max-width:640px){
  .dl-body{padding:28px 0 64px}
  .dl-main{margin-top:36px}
}