*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1F2937;background:#fff;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
/* ===== Reveal (scroll-in) ===== */
html{scroll-behavior:smooth}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.js .reveal:not(.visible){will-change:opacity,transform}
.js .reveal.visible{opacity:1;transform:none}
.js .reveal.d1{transition-delay:.08s}
.js .reveal.d2{transition-delay:.16s}
.js .reveal.d3{transition-delay:.24s}
.js .reveal.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.js .reveal{opacity:1!important;transform:none!important;transition:none!important}
}
/* anchor offset for fixed nav */
section[id]{scroll-margin-top:84px}
/* ===== Nav ===== */
nav{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid #e8f0ec}
nav .container{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0D9488,#0369A1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-logo svg{width:22px;height:22px}
.brand-text{display:flex;flex-direction:column;leading:none;line-height:1.15}
.brand-name{font-size:18px;font-weight:800;color:#0F3D3E;letter-spacing:.5px}
.brand-tag{font-size:10px;font-weight:600;color:#0D9488;letter-spacing:1.5px;text-transform:uppercase}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{text-decoration:none;color:#4B5563;font-size:14px;font-weight:500;transition:color .2s;position:relative}
.nav-links a:hover{color:#0D9488}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#0D9488;border-radius:1px;transition:width .2s}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:8px 20px;background:linear-gradient(135deg,#0D9488,#059669);color:#fff!important;border-radius:8px;font-weight:600!important;transition:all .2s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(13,148,136,.35)}
.nav-cta::after{display:none}
/* Hamburger toggle (mobile) */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:none;background:transparent;cursor:pointer;padding:0}
.nav-toggle span{display:block;height:2px;width:24px;background:#0F3D3E;border-radius:2px;transition:all .25s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* ===== Hero ===== */
.hero{
background:
radial-gradient(circle at 50% -10%, rgba(13,148,136,.18) 0%, transparent 45%),
radial-gradient(ellipse at 15% 60%, rgba(13,148,136,.12) 0%, transparent 60%),
radial-gradient(ellipse at 85% 35%, rgba(3,105,161,.10) 0%, transparent 55%),
linear-gradient(170deg, #F0F9F7 0%, #fff 42%, #F0FDF9 100%);
color:#0F3D3E;padding:100px 0 56px;text-align:center;position:relative;overflow:hidden
}
.hero p strong{color:#0D9488}
/* soft top shimmer */
.hero::after{
content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);
width:70%;height:80%;
background:radial-gradient(ellipse at center, rgba(255,255,255,.6) 0%, transparent 70%);
pointer-events:none;z-index:0
}
/* subtle water ripple bg pattern */
.hero::before{
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
background-image:radial-gradient(circle at 30% 70%, rgba(13,148,136,.05) 1px, transparent 1px),
radial-gradient(circle at 70% 30%, rgba(3,105,161,.04) 1px, transparent 1px);
background-size:60px 60px,80px 80px
}
.hero .container{position:relative;z-index:1}
/* Hero ink-wash landscape (abstract shanshui, brand-aligned, no map) */
.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%);
mask-image:linear-gradient(to bottom,transparent 0,#000 16%)}
.hero-art svg{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}
.hero-badge{
display:inline-block;background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.25);
color:#0D9488;padding:5px 16px;border-radius:24px;font-size:12px;font-weight:600;
margin-bottom:16px;letter-spacing:.5px
}
.hero h1{font-size:38px;font-weight:800;margin-bottom:14px;letter-spacing:-1.2px;color:#0A2F2F;
background:linear-gradient(135deg,#0A2F2F 40%,#0D9488 100%);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
}
.hero p{font-size:16px;color:#4B6B6B;max-width:560px;margin:0 auto 26px;line-height:1.7}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 30px;border-radius:10px;font-size:15px;font-weight:600;
text-decoration:none;transition:all .2s;cursor:pointer}
.btn-primary{
background:linear-gradient(135deg,#0D9488,#059669);color:#fff;
box-shadow:0 4px 14px rgba(13,148,136,.25)
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,148,136,.35)}
.btn-outline{
border:2px solid #CBD5DE;color:#3D5A5A;background:transparent
}
.btn-outline:hover{border-color:#0D9488;color:#0D9488;background:rgba(13,148,136,.04)}
/* Hero values */
.hero-values{display:flex;gap:36px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.hero-value{text-align:center}
.hero-value-icon{font-size:24px;margin-bottom:6px}
.hero-value-label{font-size:13px;font-weight:700;color:#0F3D3E}
.hero-value-desc{font-size:12px;color:#7AA0A0}
/* ===== Micro-interactions ===== */
.hero-value{transition:transform .25s ease}
.hero-value:hover{transform:translateY(-4px)}
.hero-value-icon{transition:transform .25s ease}
.hero-value:hover .hero-value-icon{transform:scale(1.12)}
.tool-icon{transition:transform .3s ease}
.tool-card:hover .tool-icon{transform:scale(1.08) rotate(-3deg)}
.why-icon{transition:transform .25s ease}
.why-item:hover .why-icon{transform:scale(1.12)}
.td-mini-icon{transition:transform .2s ease}
.td-mini:hover .td-mini-icon{transform:scale(1.12)}
.btn,.nav-cta,.btn-sm-primary,.btn-sm-blue,.btn-sm-outline{transition:all .2s ease}
.btn:active,.nav-cta:active,.btn-sm-primary:active,.btn-sm-blue:active{transform:translateY(1px) scale(.98)}
.tool-card h3,.why-item h3,.feature-card h3{transition:color .2s ease}
.tool-card:hover h3{color:#0D9488}
/* ===== Sections ===== */
.section{padding:56px 0}
/* 详情页/工具页首屏：顶部让开固定导航（替代各页内联 padding） */
.section.sec-head{padding-top:76px;padding-bottom:40px}
.section.sec-head.lg{padding-top:96px;padding-bottom:36px}
/* 下载/相关区：紧贴上一节（替代内联 padding 与 margin 归零） */
.section.sec-strip{padding:0 0 28px}
.td-block.flush{margin-top:0}
.section-title{text-align:center;margin-bottom:12px;font-size:30px;font-weight:800;color:#0A2F2F;letter-spacing:-.5px}
.section-subtitle{text-align:center;color:#6B8282;font-size:16px;max-width:560px;margin:0 auto 22px;line-height:1.65}
.section-light{background:#FAFCFB}
.section-accent{background:linear-gradient(180deg,#F0FDF9 0%,#FAFCFB 100%)}
/* ===== Tools Matrix ===== */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.tool-card{
background:#fff;border:1.5px solid #C5DBD6;border-radius:16px;padding:32px;
transition:all .25s;display:flex;flex-direction:column;position:relative;overflow:hidden;
box-shadow:0 2px 8px rgba(13,148,136,.05);text-decoration:none
}
.tool-card::before{
content:'';position:absolute;top:0;left:0;right:0;height:3px;
background:linear-gradient(90deg,#0D9488,#0369A1);opacity:0;transition:opacity .25s
}
.tool-card:hover{box-shadow:0 12px 40px rgba(13,148,136,.12);border-color:#0D9488;transform:translateY(-3px)}
.tool-card:hover::before{opacity:1}
.tool-card.featured{border-color:#0D9488;border-width:1.5px;
box-shadow:0 0 0 3px rgba(13,148,136,.08),0 8px 30px rgba(13,148,136,.08)
}
.tool-card.featured::before{opacity:1}
.tool-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 12px;border-radius:12px;
margin-bottom:16px;align-self:flex-start;letter-spacing:.3px}
.tool-badge.live{background:#ECFDF5;color:#059669;border:1px solid rgba(5,150,105,.2)}
.tool-badge.soon{background:#F5F7F6;color:#8A9C98;border:1px solid #E2EBE8}
.tool-badge.dev{background:#FFF7ED;color:#EA580C;border:1px solid rgba(234,88,12,.25)}
.tool-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.tool-icon{
width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;
font-size:24px;flex-shrink:0
}
.tool-icon.green{background:linear-gradient(135deg,#ECFDF5,#D1FAE5)}
.tool-icon.blue{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}
.tool-icon.amber{background:linear-gradient(135deg,#FFFBEB,#FEF3C7)}
.tool-icon.rose{background:linear-gradient(135deg,#FFF1F2,#FFE4E6)}
.tool-card h3{font-size:17px;font-weight:700;color:#0A2F2F;margin-bottom:8px}
.tool-card h3 small{font-weight:400;font-size:12px;color:#7AA0A0}
.tool-card.is-soon h3 small{color:#9AACAA}
.tool-card p{font-size:13.5px;color:#5C7A7A;margin-bottom:20px;flex:1;line-height:1.65}
.tool-actions{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;margin-top:auto}
.tool-actions .btn{padding:7px 14px;font-size:12px;border-radius:8px;white-space:nowrap}
.btn-sm-primary{background:linear-gradient(135deg,#0D9488,#059669);color:#fff}
.btn-sm-blue{background:linear-gradient(135deg,#0369A1,#0E7490);color:#fff}
.btn-sm-outline{border:1.5px solid #D1DED9;color:#4B6B6B;background:transparent}
.btn-sm-outline:hover{border-color:#0D9488;color:#0D9488}
/* 不可点击态（占位按钮：即将开放下载 / 研发中） */
.btn.is-disabled{width:100%;display:block;text-align:center;cursor:not-allowed;pointer-events:none;opacity:.85}
.btn.is-disabled.faint{opacity:.55}
/* 分类页单卡：沿用首页卡片视觉，宽屏改两栏（左：徽标/图标标题/按钮，右：描述） */
/* ===== Tools by Category（分类页工具卡，沿用首页 .tool-card 样式 + 未上线弱化） ===== */
.cat-block{margin-top:38px;scroll-margin-top:86px}
.cat-block:first-of-type{margin-top:8px}
.cat-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #E2EDE9}
.cat-ico{font-size:19px;line-height:1}
.cat-head h3{font-size:18px;font-weight:800;color:#0A2F2F;margin:0;letter-spacing:-.2px}
.cat-count{margin-left:auto;font-size:12px;color:#6B8282;background:#F1F7F5;border:1px solid #E2EBE8;padding:3px 10px;border-radius:10px;white-space:nowrap}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:22px}
.cat-grid+.cat-empty{margin-top:18px}
/* 未上线卡片弱化（复用 .cat-entry.is-empty 图标灰底配方） */
.tool-icon.grey{background:linear-gradient(135deg,#F1F5F4,#E6EDEC)}
.btn-sm-soon{background:#F1F5F4;color:#8A9C98;border:1.5px solid #E2EBE8}
.tool-actions .btn-sm-soon{cursor:default}
.tool-card.is-soon{background:#FBFCFB;box-shadow:none}
.tool-card.is-soon p{color:#849792}
.tool-card.is-soon:hover{transform:none;border-color:#C5DBD6;box-shadow:0 2px 8px rgba(13,148,136,.05)}
.tool-card.is-soon:hover::before{opacity:0}
.tool-card.is-soon:hover .tool-icon{transform:none}
.tool-card.is-soon:hover h3{color:#0A2F2F}
.cat-empty{
border:1.5px dashed #CBDCD7;border-radius:12px;padding:15px 18px;text-align:center;
font-size:13px;color:#8A9C98;background:#FBFCFB;line-height:1.6
}
/* ===== Why Section ===== */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why-item{
text-align:center;padding:16px 12px;border-radius:14px;
background:#fff;border:1px solid #EDF2F0;transition:all .2s
}
.why-item:hover{box-shadow:0 8px 28px rgba(13,148,136,.07);transform:translateY(-2px)}
.why-icon{font-size:28px;margin-bottom:12px}
.why-item h3{font-size:14px;font-weight:700;color:#0A2F2F;margin-bottom:5px}
.why-item p{font-size:12px;color:#6B8282;line-height:1.55}
/* ===== Features (AnpeiFang specific) ===== */
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.feature-card{
background:#fff;border:1px solid #E8EFED;border-radius:14px;padding:26px;
transition:all .2s;display:flex;gap:16px;align-items:flex-start
}
.feature-card:hover{box-shadow:0 8px 28px rgba(13,148,136,.07);border-color:#C5DBD6}
.feature-icon{
width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;
font-size:20px;flex-shrink:0;background:linear-gradient(135deg,#F0FDF9,#CCFBEF)
}
.feature-card h3{font-size:15px;font-weight:700;color:#0A2F2F;margin-bottom:4px}
.feature-card p{font-size:13px;color:#5C7A7A;line-height:1.6}
/* ===== Standards ===== */
.standards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.standard-item{
display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;
border:1px solid #E8EFED;border-radius:10px;font-size:14px;color:#3D5A5A;transition:all .15s
}
.standard-item:hover{border-color:#0D9488;background:#F0FDF9}
.standard-check{color:#0D9488;font-size:16px;flex-shrink:0}
/* ===== Pricing ===== */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:900px;margin:0 auto}
.price-group{margin-bottom:48px}
.price-group:last-of-type{margin-bottom:0}
.price-group-title{font-size:19px;font-weight:800;color:#0A2F2F;text-align:center;margin:8px 0 24px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.price-group-title .grp-badge{font-size:12px;font-weight:600;color:#B07400;background:#FFF6E6;border:1px solid #FBE3B3;padding:3px 10px;border-radius:20px}
.plan{
border:1px solid #E2EBE8;border-radius:16px;padding:36px 28px;text-align:center;
transition:all .25s;position:relative;background:#fff
}
.plan:hover{box-shadow:0 12px 40px rgba(13,148,136,.08);transform:translateY(-2px)}
.plan.featured{
border-color:#0D9488;border-width:1.5px;
box-shadow:0 0 0 4px rgba(13,148,136,.06),0 8px 30px rgba(13,148,136,.1);
transform:scale(1.02);margin-top:-12px;margin-bottom:-12px;z-index:1
}
.plan.featured::after{
content:'推荐';position:absolute;top:-14px;left:50%;transform:translateX(-50%);
background:linear-gradient(135deg,#0D9488,#059669);color:#fff;font-size:11px;
padding:4px 18px;border-radius:12px;font-weight:700;white-space:nowrap
}
.plan-name{font-size:13px;color:#7AA0A0;font-weight:700;margin-bottom:10px;letter-spacing:.5px}
.plan-price{font-size:42px;font-weight:800;color:#0A2F2F;margin-bottom:4px}
.plan-price span{font-size:15px;font-weight:500;color:#7AA0A0}
.plan-desc{font-size:13px;color:#8A9C98;margin-bottom:24px}
.plan-features{list-style:none;text-align:left;margin-bottom:28px}
.plan-features li{
padding:7px 0;font-size:13.5px;color:#3D5A5A;
display:flex;align-items:center;gap:10px;border-bottom:1px solid #F5F7F6
}
.plan-features li:last-child{border-bottom:none}
.plan-features li::before{content:'✓';color:#0D9488;font-weight:800;font-size:14px;flex-shrink:0}
/* ===== Contact ===== */
.contact-card{
background:#fff;border:1px solid #E2EBE8;border-radius:16px;padding:48px 36px;
max-width:520px;margin:0 auto;text-align:center;box-shadow:0 4px 20px rgba(13,148,136,.04)
}
.contact-wrap{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-top:24px;align-items:stretch}
.contact-wrap .contact-card{flex:1 1 300px;display:flex;flex-direction:column;margin:0;min-width:300px;max-width:420px}
.contact-body{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-height:0}
.contact-body > p{margin-bottom:0}
.contact-body hr{width:100%;border:none;border-top:1px solid #e8eeec;margin:16px 0}
.contact-card h3{font-size:20px;font-weight:800;color:#0A2F2F;margin-bottom:8px}
.contact-card > p{font-size:14.5px;color:#6B8282;margin-bottom:28px}
.contact-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;font-size:15px;color:#3D5A5A}
.contact-row a{color:#0D9488;text-decoration:none;font-weight:600}
.contact-row a:hover{text-decoration:underline}
.contact-note{margin-top:0;font-size:12.5px;color:#9AB8B8}
/* 联系我们：单卡双栏紧凑版 */
.contact-card.contact-compact{
display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0;
padding:18px 28px;max-width:760px;margin:0 auto;
border:1.5px solid #0D9488;border-radius:16px;
background:#fff;
box-shadow:0 4px 20px rgba(13,148,136,.08)
}
.contact-compact .contact-col{
flex:1 1 240px;padding:6px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px
}
.contact-compact .contact-divider{
width:1px;background:#E2EBE8;align-self:stretch;margin:4px 0
}
.contact-compact h3{font-size:18px;font-weight:800;color:#0A2F2F;margin:0}
.contact-compact p{font-size:13px;color:#6B8282;margin:0;line-height:1.55}
.contact-compact .contact-mail{color:#0D9488;text-decoration:none;font-weight:600;font-size:14px}
.contact-compact .contact-mail:hover{text-decoration:underline}
.contact-compact .contact-note{font-size:12px;color:#9AB8B8}
/* ===== Footer ===== */
footer{
background:linear-gradient(180deg,#4ea7d8 0%,#7bc1e5 50%,#b9def0 100%);
color:#1a4a6e;padding:40px 0 28px;text-align:center;font-size:13px;
position:relative;overflow:hidden
}
footer::before,footer::after{
content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none
}
footer::before{
top:18px;background:url("data:image/svg+xml;utf8,") center/1100px 60px no-repeat
}
footer::after{
bottom:-30px;background:url("data:image/svg+xml;utf8,") center/1100px 60px no-repeat
}
.footer-brand{font-size:18px;font-weight:800;color:#0e3a5c;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}
.footer-brand svg{width:22px;height:22px}
.footer-brand svg path[fill]{fill:#0e3a5c}
.footer-brand svg path[stroke]{stroke:#0e3a5c}
.footer-desc{color:#2c5f8d;font-size:13px;margin-bottom:6px;max-width:400px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:6px;flex-wrap:wrap;position:relative;z-index:1}
.footer-links a{color:#1a4a6e;text-decoration:none;font-size:13px;transition:color .2s}
.footer-links a:hover{color:#0e3a5c;text-decoration:underline}
.copyright{margin:0 0 6px 0;font-size:12px;color:#1a4a6e;position:relative;z-index:1}
footer .beian-line{position:relative;z-index:1;font-size:12px;color:#94a3b8;margin:6px 0 0;line-height:1.6}
footer .beian-line a{color:#1a4a6e !important;text-decoration:none}
footer .beian-line a+a{margin-left:12px}
footer .beian-line a:hover{color:#0e3a5c !important}
footer .beian-line img{height:14px;vertical-align:middle;margin-right:4px}
/* ===== Responsive ===== */
@media(max-width:1080px){
.nav-links{gap:12px}
.nav-links a{font-size:13px}
.nav-chip{padding:5px 10px;font-size:12.5px}
.nav-cta{padding:7px 14px;font-size:13px}
}
@media(max-width:768px){
.hero{padding:110px 0 60px}
.hero h1{font-size:30px}
.hero p{font-size:15px}
.hero-values{gap:28px}
.nav-toggle{display:flex}
.nav-links{
display:flex;flex-direction:column;gap:0;
position:absolute;top:64px;left:0;right:0;
background:#fff;border-bottom:1px solid #e8f0ec;
padding:0 24px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;
box-shadow:0 8px 24px rgba(13,148,136,.08);
transition:max-height .35s ease,opacity .25s ease,padding .25s ease
}
.nav-links.open{max-height:320px;opacity:1;pointer-events:auto;padding:8px 24px 16px}
.nav-links li{padding:10px 0;border-bottom:1px solid #f0f4f2}
.nav-links li:last-child{border-bottom:none}
.nav-links a{font-size:15px}
.nav-cta{display:inline-block;margin-top:4px}
.nav-chip{display:inline-block;margin-top:4px;font-size:14px}
.tools-grid{grid-template-columns:1fr}
.cat-grid{grid-template-columns:1fr}
.tool-card{padding:22px}
.tool-badge{margin-bottom:12px}
.tool-card p{margin-bottom:16px}
.cat-block{margin-top:30px}
.features-grid{grid-template-columns:1fr}
.pricing-grid{grid-template-columns:1fr}
.plan.featured{transform:none;margin:0}
.section{padding:60px 0}
.section-title{font-size:24px}
.why-grid{grid-template-columns:repeat(2,1fr);gap:14px}
}
@media(max-width:480px){
.why-grid{grid-template-columns:1fr}
}
/* ===== 适用场景 / 信任区（首页，20260821 新增） ===== */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.trust-col{background:#fff;border:1px solid #E8EFED;border-radius:14px;padding:22px 22px 20px;transition:all .2s}
.trust-col:hover{box-shadow:0 10px 30px rgba(13,148,136,.10);border-color:#C5DBD6;transform:translateY(-2px)}
.trust-col h3{font-size:16px;font-weight:800;color:#0A2F2F;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.trust-col .trust-tag{font-size:11px;font-weight:700;color:#0D9488;background:#F0FDF9;border:1px solid #C8E5DE;padding:2px 9px;border-radius:999px}
.trust-col p{font-size:13px;color:#5C7A7A;line-height:1.7;margin:10px 0 0}
.trust-col ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.trust-col li{font-size:12.5px;color:#3D5A5A;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.trust-col li::before{content:'✓';color:#0D9488;font-weight:800;flex-shrink:0;margin-top:1px}
@media(max-width:768px){
.trust-grid{grid-template-columns:1fr}
}
.detail-head{text-align:center;margin-bottom:20px}
.detail-head .tool-badge{margin:0 auto 14px;align-self:center}
.td-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;align-items:start}
.td-col{min-width:0}
.td-h{font-size:18px;font-weight:800;color:#0A2F2F;margin:0 0 16px}
.td-h:not(:first-child){margin-top:34px}
.td-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.td-feature{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #E8EFED;border-radius:12px;padding:16px;transition:all .2s}
.td-feature:hover{border-color:#C5DBD6;box-shadow:0 6px 20px rgba(13,148,136,.06)}
.td-feature-icon{font-size:19px;flex-shrink:0;width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F0FDF9,#CCFBEF)}
.td-feature strong{font-size:13.5px;color:#0A2F2F;display:block;margin-bottom:3px}
.td-feature p{font-size:12px;color:#5C7A7A;line-height:1.55;margin:0}
.td-standards{display:flex;flex-wrap:wrap;gap:10px}
.td-tag{background:#fff;border:1px solid #E8EFED;border-radius:8px;padding:8px 14px;font-size:13px;color:#3D5A5A}
.td-tag b{color:#0D9488;font-weight:800}
.td-plans{display:flex;flex-direction:column;gap:18px}
.td-plan{background:#fff;border:1.5px solid #C5DBD6;border-radius:14px;padding:24px;position:relative;transition:all .2s;box-shadow:0 2px 8px rgba(13,148,136,.05)}
.td-plan:hover{box-shadow:0 10px 32px rgba(13,148,136,.12);border-color:#0D9488}
.td-plan.featured{border-color:#0D9488;border-width:1.5px;box-shadow:0 0 0 3px rgba(13,148,136,.07)}
.td-plan.featured::after{content:'推荐';position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,#0D9488,#059669);color:#fff;font-size:11px;font-weight:700;padding:3px 14px;border-radius:10px}
.td-plan-name{font-size:13px;color:#7AA0A0;font-weight:700;margin-bottom:6px}
.td-plan-price{font-size:26px;font-weight:800;color:#0A2F2F;margin-bottom:4px}
.td-plan-desc{font-size:12.5px;color:#8A9C98;margin-bottom:16px}
.td-plan-req{font-size:11.5px;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:6px 8px;margin:-6px 0 12px;line-height:1.5}
.td-download-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;border-radius:12px;text-decoration:none;background:linear-gradient(135deg,#0D9488,#059669);box-shadow:0 6px 18px rgba(13,148,136,.28);transition:all .2s;box-sizing:border-box}
.td-download-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(13,148,136,.38);filter:brightness(1.05)}
.td-download-btn:active{transform:translateY(1px)}
.td-dl-ico{font-size:26px;color:#fff;flex-shrink:0}
.td-dl-main{display:block;font-size:17px;font-weight:800;color:#fff;line-height:1.2}
.td-dl-sub{display:block;font-size:11.5px;color:rgba(255,255,255,.85);margin-top:3px;line-height:1.4}
.td-plan ul{list-style:none;margin:0;padding:0}
.td-plan li{padding:6px 0;font-size:12.5px;color:#3D5A5A;display:flex;gap:8px;border-bottom:1px solid #F5F7F6}
.td-plan li:last-child{border-bottom:none}
.td-plan li::before{content:'✓';color:#0D9488;font-weight:800;flex-shrink:0}
/* compact one-row get section */
.td-get{margin-top:8px}
.td-get-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.td-get-grid .td-plan{flex:1 1 calc(50% - 10px);min-width:280px;padding:18px;display:flex;flex-direction:column}
.td-get-grid .td-plan:only-child{flex:0 1 480px;max-width:480px;margin:0 auto}
.td-get .td-plan.featured::after{left:18px}
.td-get .td-plan-name{font-size:14px;margin-bottom:3px}
.td-get .td-plan-price{font-size:22px;margin-bottom:2px}
.td-get .td-plan-desc{font-size:12px;margin-bottom:12px}
.td-get .td-plan ul{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 14px 0;padding:0;flex:1;align-content:flex-start}
.td-get .td-plan li{background:#F0FDF9;border:1px solid #D8EDE8;border-radius:16px;padding:4px 10px;font-size:11.5px;color:#3D5A5A;display:inline-flex;gap:5px;border-bottom:none}
.td-get .td-plan li::before{content:'✓';color:#0D9488;font-weight:800;font-size:12px;flex-shrink:0}
.td-get .td-plan .btn{margin-top:auto}
.td-contact-note{margin-top:22px;font-size:13.5px;color:#5C7A7A;text-align:center}
@media(max-width:768px){
.td-grid{grid-template-columns:1fr}
.td-features{grid-template-columns:1fr}
.td-mini-grid{grid-template-columns:1fr}
.td-mini-grid .td-mini:last-child:nth-child(odd){grid-column:auto;max-width:none}
.td-get-grid .td-plan{flex:1 1 100%}
.td-get-grid .td-plan:only-child{flex:1 1 100%;max-width:none;margin:0}
}
.td-contact-note a{color:#0D9488;font-weight:600;text-decoration:none}
.td-contact-note a:hover{text-decoration:underline}
.email-copy-btn{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:#0D9488;font-weight:600;cursor:pointer;text-decoration:underline}
.email-copy-btn:hover{color:#0A7D72}
.email-copy-btn.copied{color:#059669;text-decoration:none}
/* one-row tool detail: features + standards + get */
.td-one-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;margin-top:18px}
.td-one-col{background:#fff;border:1.5px solid #C5DBD6;border-radius:16px;padding:14px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(13,148,136,.05)}
.td-one-col .td-h{font-size:15px;margin:0 0 10px 0;display:flex;align-items:center;gap:6px;padding-left:10px;border-left:3px solid #0D9488}
.td-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:1;align-content:start}
.td-mini-grid .td-mini:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;max-width:calc(50% - 4px)}
.td-mini-grid.td-mini-grid-stretch{align-content:stretch;grid-template-rows:repeat(4, 1fr)}
.td-mini-grid.td-mini-grid-stretch.td-mini-grid-stretch-6{grid-template-rows:repeat(3, 1fr)}
.td-mini-grid.td-mini-grid-stretch .td-mini{align-items:center}
.td-mini{display:flex;gap:7px;padding:6px;background:#F9FBFA;border:1px solid #DCE7E2;border-radius:9px;transition:all .2s}
.td-mini:hover{background:#F0FDF9;border-color:#0D9488;box-shadow:0 2px 8px rgba(13,148,136,.12)}
.td-mini-icon{font-size:14px;flex-shrink:0;width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F0FDF9,#CCFBEF)}
.td-mini strong{font-size:12.5px;color:#0A2F2F;display:block;margin-bottom:0}
.td-mini p{font-size:11px;color:#5C7A7A;line-height:1.3;margin:0}
.td-std-compact{display:flex;flex-direction:column;gap:8px;flex:1}
.td-std-compact.td-std-stretch{justify-content:space-between}
.td-std-compact.td-std-stretch .td-std-item{flex:1 0 auto;display:flex;align-items:center}
.td-std-item{background:#F0FDF9;border:1px solid #B7D6CF;border-radius:10px;padding:7px 13px;font-size:12px;line-height:1.45;color:#3D5A5A;display:inline-flex;align-items:center;gap:6px;text-align:left}
.td-theme-blue .td-std-item{background:#EFF6FB;border-color:#9EC3DD;color:#1E4E6B}
.td-theme-blue .td-h{color:#0369A1}
.td-theme-blue .td-one-col .td-h{border-left-color:#0369A1}
.td-std-item::before{content:'✓';color:#0D9488;font-weight:800}
.td-one-note{font-size:11.5px;color:#8A9C98;margin:12px 0 0 0;line-height:1.5;padding:8px 12px;background:#F9FBFA;border-left:3px solid #0D9488;border-radius:6px}
.td-theme-blue .td-one-note{background:#EFF6FB;border-left-color:#0369A1;color:#1E4E6B}
.td-get-col{padding:18px}
.td-get-stack{display:flex;flex-direction:column;gap:12px;flex:1}
.td-get-stack .td-plan{padding:14px;flex:1;display:flex;flex-direction:column;justify-content:center}
.td-get-stack .td-plan.featured::after{left:14px}
.td-get-stack .td-plan-name{font-size:13px;margin-bottom:2px}
.td-get-stack .td-plan-price{font-size:20px;margin-bottom:2px}
.td-get-stack .td-plan-desc{font-size:11.5px;margin-bottom:10px}
.td-get-stack .td-plan .btn{margin-top:auto;font-size:15px;font-weight:700;padding:14px 16px;background:linear-gradient(135deg,#0D9488,#059669);color:#fff;border:none;border-radius:12px;box-shadow:0 6px 20px rgba(13,148,136,.28);letter-spacing:.5px;text-decoration:none}
.td-get-stack .td-plan .btn:hover{background:linear-gradient(135deg,#0A7D72,#086B62);transform:translateY(-2px);box-shadow:0 10px 28px rgba(13,148,136,.4)}
.td-get-stack .td-plan span.btn,.td-get-stack .td-plan .btn-disabled{background:linear-gradient(135deg,#CBD5E1,#94A3B8)!important;color:#fff!important;cursor:default!important;border:none!important}
.td-get-stack .td-plan span.btn:hover,.td-get-stack .td-plan .btn-disabled:hover{background:linear-gradient(135deg,#CBD5E1,#94A3B8)!important;transform:none!important;box-shadow:0 4px 12px rgba(0,0,0,.06)!important}
@media(max-width:1200px){
.td-one-row{grid-template-columns:1fr 1fr}
.td-get-stack{flex-direction:row}
.td-get-stack .td-plan{flex:1 1 calc(50% - 6px)}
}
@media(max-width:768px){
.td-one-row{grid-template-columns:1fr}
.td-one-col:nth-child(3){grid-column:auto}
.td-mini-grid{grid-template-columns:1fr}
.td-mini-grid.td-mini-grid-stretch{grid-template-rows:none}
.td-mini-grid.td-mini-grid-stretch.td-mini-grid-stretch-6{grid-template-rows:none}
.td-get-stack{flex-direction:column}
.contact-wrap{flex-direction:column;align-items:stretch}
.contact-wrap .contact-card{max-width:none;width:100%}
}
/* ===== Detail page only (back link / breadcrumb) ===== */
.detail-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:7px 14px;font-size:13px;font-weight:600;color:#0D9488;text-decoration:none;border:1.5px solid currentColor;border-radius:8px;background:transparent;transition:all .2s ease}
.detail-back:hover{background:#0D9488;color:#fff;border-color:#0D9488}
.td-theme-blue .detail-back{color:#0369A1}
.td-theme-blue .detail-back:hover{background:#0369A1;color:#fff;border-color:#0369A1}
.ai-inline-trigger{cursor:pointer;display:inline-block;transition:transform .15s}
.ai-inline-trigger:hover{transform:scale(1.15)}
/* ===== 2026-08-09 工具详情页视觉优化 ===== */
/* 邮箱联系方式：底部小灰条 */
.td-contact-mini{margin-top:14px;padding-top:12px;border-top:1px dashed #E2EBE8;font-size:12.5px;color:#8A9C98;text-align:center}
.td-contact-mini .ai-inline-trigger{color:#0D9488;font-weight:600;text-decoration:underline}
.td-contact-mini .ai-inline-trigger:hover{color:#0A7D72}
.td-contact-mini .email-copy-btn{color:#0D9488}
.td-contact-qr{height:34px;width:auto;vertical-align:middle;border-radius:4px;margin:0 4px;cursor:pointer}
.td-contact-wx-btn{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:#0D9488;font-weight:600;cursor:pointer;text-decoration:underline}
.td-contact-wx-btn:hover{color:#0A7D72}
.td-contact-wx-arrow{display:inline-block;margin:0 2px;font-size:14px;line-height:1}
/* ===== 专家方案：信息分层布局（2026-08-09 第三轮） ===== */
/* 区块容器与标题 */
.td-block{margin-top:32px}
.td-block-sm{margin-top:28px}
.td-block .td-h{font-size:16px;padding-left:10px;border-left:3px solid #0D9488}
.td-theme-blue .td-block .td-h{border-left-color:#0369A1}
.td-block .td-one-note{margin-top:14px}
/* 功能要点：4 张大卡 2×2 */
.td-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.td-feat-card{background:#fff;border:1px solid #E8EFED;border-radius:14px;padding:20px 22px;display:flex;gap:14px;align-items:flex-start;transition:all .2s}
.td-feat-card:hover{border-color:#C5DBD6;box-shadow:0 8px 24px rgba(13,148,136,.08)}
.td-feat-icon{font-size:22px;width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F0FDF9,#CCFBEF);flex-shrink:0}
.td-feat-card strong{font-size:15.5px;color:#0A2F2F;display:block;margin-bottom:5px}
.td-feat-card p{font-size:13px;color:#5C7A7A;line-height:1.65;margin:0}
/* 国标合规：横向标签云 */
.td-std-cloud{display:flex;flex-wrap:wrap;gap:10px}
.td-tag-cloud{background:#fff;border:1px solid #E8EFED;border-radius:999px;padding:9px 16px;font-size:13px;color:#3D5A5A;display:inline-flex;align-items:center;gap:6px}
.td-theme-blue .td-tag-cloud{background:#F4F9FC;border-color:#CFE3F2;color:#1E4E6B}
/* 决策区：如何获取 + FAQ 2 列横向 */
.td-decision{display:grid;grid-template-columns:.85fr 1.4fr;gap:18px;margin-top:32px}
/* FAQ：下排横向 1 排 4 卡 */
.td-block-faq{margin-top:34px}
.faq-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}
/* FAQ 卡片（窄卡横向 4 张） */
.faq-item{background:#fff;border:1.5px solid #C5DBD6;border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}
.faq-item:hover{border-color:#0D9488;box-shadow:0 4px 14px rgba(13,148,136,.1)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;color:#0F766E;text-align:left;transition:background .15s}
.faq-q:hover{background:#F7FBFA}
.faq-toggle{font-size:18px;font-weight:400;color:#94A3B8;transition:transform .25s,color .25s;flex-shrink:0;line-height:1}
.faq-item.open .faq-toggle{transform:rotate(45deg);color:#0D9488}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-a p{margin:0;padding:0 15px 15px;color:#475569;line-height:1.7;font-size:13px}
/* 响应式 */
@media(max-width:1200px){
.td-decision{grid-template-columns:1fr 1fr}
.faq-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
.td-feat-grid{grid-template-columns:1fr}
.td-decision{grid-template-columns:1fr}
}
@media(max-width:640px){
.faq-list{grid-template-columns:1fr}
}
/* ===== 通用弹窗 rq-modal（抽自 rongqi.html，供职健阁等共用） ===== */
/* 设计令牌提升为全局：rq-modal 位于 body 顶层，拿不到 rongqi.html .rq-root 的局部令牌，
若只留 --rq-sh-modal 会导致 border-radius / 文字色全部回退（2026-09-16 修复）。
值与 rongqi.html .rq-root 保持一致；页面内局部定义同优先级且后声明，可正常覆盖。 */
:root{
--rq-ink-900:#0A1F1C; --rq-ink-700:#1F3835; --rq-ink-600:#3A4F4B; --rq-ink-500:#5A706C;
--rq-ink-400:#84938F; --rq-ink-300:#AEB8B4; --rq-ink-200:#D9DFDC; --rq-ink-100:#ECF0EE;
--rq-ink-50:#F5F8F6; --rq-ink-25:#FAFCFB; --rq-paper:#FFFFFF;
--rq-brand-50:#E8F5F2; --rq-brand-100:#C8E5DE; --rq-brand-200:#8FCABD;
--rq-brand-500:#0D9488; --rq-brand-600:#0A7C72; --rq-brand-700:#085F58;
--rq-amber-50:#FFF8EB; --rq-amber-100:#FEEBC8; --rq-amber-500:#F59E0B; --rq-amber-600:#D97706;
--rq-sky-50:#F0F9FF; --rq-sky-500:#0EA5E9; --rq-sky-600:#0284C7;
--rq-ok-50:#ECFDF5; --rq-ok-500:#059669;
--rq-r-md:10px; --rq-r-lg:14px; --rq-r-xl:16px;
--rq-sh-2:0 1px 3px rgba(10,31,28,.06), 0 1px 2px rgba(10,31,28,.04);
--rq-sh-modal:0 24px 60px -12px rgba(10,31,28,.28), 0 8px 24px -8px rgba(10,31,28,.12);
--rq-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
--rq-mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
}
.rq-modal-body{padding:16px 22px;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.rq-modal-body.plain{padding:0 16px 18px;display:block;overflow:visible;text-align:center}
/* --- 微信客服二维码弹窗（rongqi.html / zhijiange.html 共用同一结构，尺寸与排版统一） --- */
.rq-modal-box.narrow{width:240px;max-height:none;display:block;grid-template-rows:none}
.rq-modal-head.bare{border-bottom:none;padding:8px 10px;justify-content:flex-end}
.rq-modal-close.sm{font-size:20px}
.rq-wx-qrcard{width:200px;height:auto;margin:0 auto;overflow:hidden;border-radius:var(--rq-r-md);box-shadow:var(--rq-sh-modal);background:#fff}
.rq-wx-qrcard img{display:block;width:100%;height:auto}
.rq-wx-name{margin:12px 0 4px;font-size:13px;color:var(--rq-ink-900);font-weight:700}
.rq-wx-tip{margin:0;font-size:11.5px;color:var(--rq-ink-500);line-height:1.55}
.rq-modal{position:fixed;inset:0;background:rgba(10,31,28,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.rq-modal[hidden]{display:none}
.rq-modal-box{background:#fff;border-radius:var(--rq-r-xl);box-shadow:var(--rq-sh-modal);overflow:hidden;display:flex;flex-direction:column}
.rq-modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rq-ink-200)}
.rq-modal-head h3{margin:0;font-size:16px;color:var(--rq-ink-900)}
.rq-modal-close{border:none;background:none;font-size:24px;line-height:1;color:var(--rq-ink-400);cursor:pointer}
.rq-modal-close:hover{color:var(--rq-ink-700)}
/* ===== 首页：四大分类入口卡（点击进分类独立页） ===== */
.cat-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:14px}
.cat-entry{
display:flex;align-items:center;gap:14px;background:#fff;
border:1.5px solid #DCE9E5;border-radius:14px;padding:15px 18px;
text-decoration:none;transition:all .22s;box-shadow:0 2px 8px rgba(13,148,136,.04)
}
.cat-entry:hover{border-color:#0D9488;box-shadow:0 10px 28px rgba(13,148,136,.12);transform:translateY(-2px)}
.ce-icon{
width:46px;height:46px;border-radius:12px;flex:0 0 46px;
display:flex;align-items:center;justify-content:center;font-size:22px;
background:linear-gradient(135deg,#ECFDF5,#D1FAE5)
}
.ce-body{flex:1;min-width:0}
.ce-title{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;color:#0A2F2F;margin-bottom:3px}
.ce-count{font-size:11.5px;font-weight:500;color:#6B8282;background:#F1F7F5;border:1px solid #E2EBE8;padding:2px 9px;border-radius:10px;white-space:nowrap}
.ce-desc{margin:0;font-size:12.5px;color:#5C7A7A;line-height:1.55}
.ce-tools{margin-top:4px;font-size:12px;color:#7AA0A0}
.ce-go{flex:0 0 auto;font-size:15px;color:#0D9488;font-weight:700}
.cat-entry:hover .ce-go{transform:translateX(2px)}
.cat-entry.is-empty{border-style:dashed;background:#FBFCFB}
.cat-entry.is-empty .ce-icon{background:linear-gradient(135deg,#F1F5F4,#E6EDEC)}
/* ===== 分类独立页（tools-*.html） ===== */
.catpage{padding-top:118px}
.crumb{font-size:13px;color:#7AA0A0;margin-bottom:16px}
.crumb a{color:#0D9488;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb span{margin:0 8px;color:#C5DBD6}
.crumb b{color:#4B6B6B;font-weight:600}
.catpage-head{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E2EDE9}
.cat-ico.big{
width:56px;height:56px;flex:0 0 56px;border-radius:14px;font-size:28px;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#ECFDF5,#D1FAE5)
}
.cph-text{flex:1;min-width:0}
.catpage-head h1{font-size:26px;font-weight:800;color:#0A2F2F;margin:0 0 6px;letter-spacing:-.4px}
.catpage-head p{margin:0;font-size:14px;color:#5C7A7A;line-height:1.65;max-width:780px}
.catpage-more{margin-top:32px;padding-top:20px;border-top:1px solid #E2EDE9}
.catpage-more h2{font-size:15px;color:#0A2F2F;margin:0 0 12px;font-weight:700}
.catpage-links{display:flex;gap:10px;flex-wrap:wrap}
.catpage-links a{
display:inline-flex;align-items:center;gap:6px;background:#fff;
border:1.5px solid #DCE9E5;border-radius:10px;padding:9px 14px;
font-size:13px;color:#4B6B6B;text-decoration:none;transition:all .2s
}
.catpage-links a:hover{border-color:#0D9488;color:#0D9488;transform:translateY(-1px)}
.catpage-links a.current{border-color:#0D9488;background:#F0FDF9;color:#0D9488;font-weight:600}
@media(max-width:768px){
.catpage{padding-top:100px}
.catpage-head{flex-wrap:wrap;gap:12px}
.cph-text{flex:1 1 0;min-width:0}
.cat-count{flex:1 0 100%;margin:0;background:none;border:none;padding:0;text-align:right;color:#8A9C98}
.catpage-head h1{font-size:21px}
.catpage-head p{font-size:13px}
.cat-ico.big{width:46px;height:46px;flex:0 0 46px;font-size:23px;border-radius:12px}
.cat-entry{padding:13px 15px;gap:12px}
.ce-icon{width:40px;height:40px;flex:0 0 40px;font-size:19px}
}
/* 空分类占位条内的需求征集链接 */
.cat-empty a{color:#0D9488;font-weight:600;text-decoration:none;border-bottom:1px dashed currentColor}
.cat-empty a:hover{color:#0B7C72;border-bottom-style:solid}
/* 移动端为右下角 AI 浮钮（58px + 20px 边距）让出空间，避免遮挡页脚备案信息 */
@media(max-width:768px){
footer{padding-bottom:96px}
}
/* ===== 键盘可达性：统一焦点环（鼠标点击不触发，仅键盘 Tab 可见） ===== */
:focus-visible{outline:2px solid #0D9488;outline-offset:2px;border-radius:6px}
.nav-chip:focus-visible,.nav-cta:focus-visible{outline-offset:3px}
.tool-card:focus-visible,.cat-entry:focus-visible{outline-offset:3px}
/* ===== 404 页 ===== */
.err-wrap{text-align:center;max-width:640px;margin:0 auto}
.err-code{font-size:92px;font-weight:800;line-height:1;letter-spacing:-3px;
background:linear-gradient(135deg,#0D9488 0%,#0369A1 100%);
-webkit-background-clip:text;background-clip:text;color:transparent}
.err-title{font-size:26px;font-weight:800;color:#0A2F2F;margin:16px 0 10px;letter-spacing:-.5px}
.err-desc{font-size:15px;color:#6B8282;line-height:1.75;margin:0 auto 26px;max-width:520px}
.err-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}
.err-links a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#0F5C56;background:#fff;
border:1.5px solid #DCE9E5;border-radius:10px;padding:9px 16px;text-decoration:none;transition:all .2s}
.err-links a:hover{border-color:#0D9488;color:#0D9488;box-shadow:0 4px 14px rgba(13,148,136,.12);transform:translateY(-1px)}
.err-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:768px){
.err-code{font-size:68px}
.err-title{font-size:22px}
.err-desc{font-size:14px}
.err-actions .btn{padding:11px 22px;font-size:14px}
}