/* 南京安优案例列表页 · 独立样式，不改动全站公共 CSS */
body.ay-case{--ac-ink:#183247;--ac-soft:#f6f8fa;--ac-muted:#5d7383;--ac-line:#dae4e9;--ac-orange:#ed871c;--ac-blue:#0e9ac7;color:var(--ac-ink)}
body.ay-case .top{display:none}
body.ay-case .header .links>a.active,body.ay-case .header .links>a:hover{color:#137eae}
body.ay-case .header .phone{background:#ffffff;color:#174b68!important;border:1px solid #bad4e1;box-shadow:none;border-radius:6px}
body.ay-case .bread{color:#718695;margin:14px auto;font-size:12px}
body.ay-case .bread a{color:#3b7796}
.ay-case .ac-eyebrow{display:flex;align-items:center;gap:10px;color:#297c9e;font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.5;margin:0 0 18px;text-transform:uppercase}
.ay-case .ac-dot{width:7px;height:7px;background:var(--ac-orange);border-radius:100%}
.ay-case .ac-intro{background:radial-gradient(ellipse at 85% 0%,rgba(33,151,193,.09),transparent 36%),linear-gradient(135deg,#f8fafb,#eef4f7);border-bottom:1px solid #e3ebef;padding:88px 0 92px;overflow:hidden}
.ay-case .ac-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:9%;align-items:center}
.ay-case .ac-intro h1{font-size:clamp(38px,4vw,64px);line-height:1.23;letter-spacing:-2.2px;font-weight:850;margin:0;color:#142e42}
.ay-case .ac-intro h1 span{color:#db791c}
.ay-case .ac-lead{font-size:18px;margin:24px 0 12px;color:#19394c}
.ay-case .ac-intro-desc{color:#637684;font-size:15px;line-height:2;max-width:670px;margin:0}
.ay-case .ac-intro-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.ay-case .ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:12px 22px;min-height:51px;border-radius:5px;font-size:14px;font-weight:750;transition:transform .2s,background .2s,border .2s}
.ay-case .ac-btn:hover{transform:translateY(-2px)}
.ay-case .ac-btn span{font-size:20px;font-weight:400}
.ay-case .ac-btn-main{background:#ee901f;border:1px solid #ee901f;color:#142c3b}
.ay-case .ac-btn-main:hover{background:#f4a63f;color:#142c3b}
.ay-case .ac-btn-alt{background:white;border:1px solid #bad0da;color:#24526b}
.ay-case .ac-btn-alt:hover{border-color:#3b95b9}
.ay-case .ac-intro-side{background:rgba(255,255,255,.88);border:1px solid #dde6ea;padding:32px;border-radius:12px;box-shadow:0 24px 65px rgba(28,72,94,.07)}
.ay-case .ac-side-label{color:#1788b4;letter-spacing:2px;font-size:11px;font-weight:800}
.ay-case .ac-side-item{display:flex;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid #e9edf0}
.ay-case .ac-side-item>span{font-size:12px;color:#e28a32;font-weight:800}
.ay-case .ac-side-item div{flex:1}.ay-case .ac-side-item strong{display:block;color:#223d51;font-size:17px;font-weight:780}.ay-case .ac-side-item small{display:block;color:#8ca0a9;font-size:11px;margin-top:4px}
.ay-case .ac-side-item i{color:#1685b5;font-size:21px;font-style:normal}
.ay-case .ac-side-foot{font-size:12px;line-height:1.9;color:#8195a2;padding-top:19px}
.ay-case .ac-section{padding:102px 0}
.ay-case .ac-section-top{display:flex;justify-content:space-between;align-items:end;gap:90px;margin-bottom:38px}
.ay-case .ac-section-top h2,.ay-case .ac-how h2,.ay-case .ac-guide h2{font-size:clamp(30px,2.8vw,42px);letter-spacing:-1.3px;line-height:1.3;margin:0;color:#163247}
.ay-case .ac-section-top>p{max-width:460px;color:#6d7f8a;font-size:14px;line-height:1.95;margin:0}
.ay-case .ac-project-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:20px}
.ay-case .ac-project{border-radius:9px;border:1px solid #e1e8eb;background:#fff;overflow:hidden;transition:box-shadow .22s,transform .22s}
.ay-case .ac-project:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(16,50,73,.09)}
.ay-case .ac-project-featured{padding:30px;background:#f6f8f9}
.ay-case .ac-project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:24px}
.ay-case .ac-project-index{color:#1e80a6;letter-spacing:1.5px;font-weight:800}
.ay-case .ac-project-type{color:#7a8d97}
.ay-case .ac-project-visual{background:linear-gradient(140deg,#e7f0f3,#eef5f6);height:210px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:11px;padding:18px;position:relative;overflow:hidden}
.ay-case .ac-project-visual:before{content:"";position:absolute;width:250px;height:250px;right:-110px;top:-130px;border:1px solid rgba(14,116,152,.16);border-radius:50%;box-shadow:0 0 0 50px rgba(16,145,184,.035)}
.ay-case .ac-flow-step{position:relative;border:1px solid #cedfe6;background:rgba(255,255,255,.91);border-radius:6px;padding:15px 18px;white-space:nowrap;font-size:13px;color:#365b6e;font-weight:750;box-shadow:0 7px 20px rgba(23,65,87,.06)}
.ay-case .ac-flow-primary{background:#174c65;color:white;border-color:#174c65}
.ay-case .ac-flow-connector{height:1px;width:28px;background:#65a4b5;position:relative;flex:none}
.ay-case .ac-flow-connector:after{content:"";position:absolute;width:5px;height:5px;border-top:1px solid #65a4b5;border-right:1px solid #65a4b5;right:0;top:-2px;transform:rotate(45deg)}
.ay-case .ac-project-text h3{font-size:27px;letter-spacing:-.5px;margin:28px 0 12px;color:#1a374a}
.ay-case .ac-project-text p,.ay-case .ac-project-minor p{color:#6b7e8a;font-size:14px;line-height:1.9;margin:0}
.ay-case .ac-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ay-case .ac-chips span{padding:6px 12px;background:#e8eff2;border-radius:4px;font-size:12px;color:#4c6c7b}
.ay-case .ac-project-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.ay-case .ac-project-minor{padding:24px 28px}
.ay-case .ac-project-minor .ac-project-meta{margin-bottom:15px}
.ay-case .ac-project-mini-visual{border-radius:5px;height:104px;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:10px;overflow:hidden}
.ay-case .ac-project-mini-visual span:first-child{font-size:10px;letter-spacing:1.7px;font-weight:800}
.ay-case .ac-project-mini-visual strong{font-size:20px;letter-spacing:.6px;white-space:nowrap}
.ay-case .ac-mini-line{width:25px;height:1px;flex:none;background:currentColor;opacity:.4}
.ay-case .ac-visual-commerce{background:#eaf4f8;color:#216984}
.ay-case .ac-visual-brand{background:#f9f0e6;color:#99612a}
.ay-case .ac-project-minor h3{font-size:20px;margin:18px 0 9px;color:#213f51}
.ay-case .ac-note{font-size:12px;color:#8597a1;line-height:1.8;margin:22px 0 0}
.ay-case .ac-how{background:#f6f8f9}
.ay-case .ac-how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}
.ay-case .ac-how h2 span{color:#d67e26}
.ay-case .ac-how-intro>p:not(.ac-eyebrow){font-size:15px;line-height:2;color:#647985;margin:22px 0 22px}
.ay-case .ac-inline-link{display:inline-flex;align-items:center;gap:20px;color:#1777a0;font-size:14px;font-weight:800;border-bottom:1px solid #a9cddc;padding-bottom:7px}
.ay-case .ac-capability{display:grid;grid-template-columns:56px 1fr;gap:14px;border-top:1px solid #dbe5e8;padding:20px 0}
.ay-case .ac-capability:last-child{border-bottom:1px solid #dbe5e8}
.ay-case .ac-capability>span{color:#e18b37;font-size:14px;font-weight:800}
.ay-case .ac-capability h3{margin:0 0 5px;color:#203d50;font-size:19px}
.ay-case .ac-capability p{font-size:14px;color:#748793;line-height:1.8;margin:0}
.ay-case .ac-web{background:#133246;color:#fff}
.ay-case .ac-section-top-dark h2{color:#fff}.ay-case .ac-section-top-dark .ac-eyebrow{color:#77c9e4}.ay-case .ac-section-top-dark>p{color:#bbced7}
.ay-case .ac-web-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ay-case .ac-web-card{padding:29px;min-height:190px;border:1px solid rgba(181,222,236,.18);background:rgba(255,255,255,.045);display:flex;flex-direction:column;border-radius:7px;transition:background .22s,transform .22s}
.ay-case .ac-web-card:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.ay-case .ac-web-card>span{font-size:10px;letter-spacing:1.45px;font-weight:800;color:#70c4e0}
.ay-case .ac-web-card h3{font-size:18px;line-height:1.55;font-weight:740;color:#fff;margin:28px 0 9px}
.ay-case .ac-web-card p{font-size:12px;color:#bacbd3;margin:auto 0 0}
.ay-case .ac-web-more{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px;padding-top:25px;border-top:1px solid rgba(195,220,232,.22)}
.ay-case .ac-web-more p{font-size:14px;line-height:1.9;color:#b6ccd5;max-width:760px;margin:0}
.ay-case .ac-web-more a{color:#ffc075;font-size:14px;font-weight:800;white-space:nowrap}
.ay-case .ac-web-more a span{margin-left:14px}
.ay-case .ac-guide-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}
.ay-case .ac-guide-items>div{border-top:1px solid #dce6e9;display:grid;grid-template-columns:46px 1fr;column-gap:20px;padding:21px 0}
.ay-case .ac-guide-items>div:last-child{border-bottom:1px solid #dce6e9}
.ay-case .ac-guide-items>div>span{grid-row:span 2;color:#d88934;font-weight:800;font-size:13px}
.ay-case .ac-guide-items h3{font-size:18px;color:#234054;margin:0 0 6px}
.ay-case .ac-guide-items p{font-size:14px;color:#788a95;line-height:1.8;margin:0}
.ay-case .ac-bottom-cta{padding:78px 0;background:linear-gradient(100deg,#eaf3f7,#f7f9fa);border-top:1px solid #e4ecef}
.ay-case .ac-cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.ay-case .ac-bottom-cta h2{font-size:clamp(30px,3vw,43px);line-height:1.3;color:#16344b;margin:0 0 16px}
.ay-case .ac-bottom-cta p:not(.ac-eyebrow){max-width:680px;font-size:14px;color:#617987;line-height:1.9;margin:0}
.ay-case .ac-cta-actions{display:flex;flex-direction:column;gap:10px}
.ay-case .ac-btn-outline{color:#1a5c7a;background:transparent;border:1px solid #a4c9d9}
.ay-case a:focus-visible{outline:3px solid #f7a043;outline-offset:4px}
@media(max-width:1020px){.ay-case .ac-intro-grid{gap:5%;grid-template-columns:minmax(0,1fr) minmax(290px,.73fr)}.ay-case .ac-intro h1{font-size:46px}.ay-case .ac-section{padding:75px 0}.ay-case .ac-web-card{padding:22px}}
@media(max-width:800px){.ay-case .ac-intro-grid,.ay-case .ac-project-layout,.ay-case .ac-how-grid,.ay-case .ac-guide-grid,.ay-case .ac-cta-grid{grid-template-columns:1fr}.ay-case .ac-intro-grid{gap:35px}.ay-case .ac-intro{padding:60px 0}.ay-case .ac-section-top{gap:15px;align-items:start;flex-direction:column}.ay-case .ac-section-top>p{max-width:670px}.ay-case .ac-web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ay-case .ac-how-grid,.ay-case .ac-guide-grid{gap:35px}.ay-case .ac-cta-actions{flex-direction:row}.ay-case .ac-project-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ay-case .ac-project-minor{padding:22px}}
@media(max-width:580px){.ay-case .ac-intro{padding:44px 0 54px}.ay-case .ac-intro h1{font-size:36px;letter-spacing:-1px}.ay-case .ac-lead{font-size:15px}.ay-case .ac-intro-desc{font-size:13px}.ay-case .ac-intro-side{padding:23px}.ay-case .ac-section{padding:56px 0}.ay-case .ac-section-top h2,.ay-case .ac-how h2,.ay-case .ac-guide h2{font-size:30px}.ay-case .ac-project-stack,.ay-case .ac-web-grid{grid-template-columns:1fr}.ay-case .ac-project-featured{padding:20px}.ay-case .ac-project-mini-visual{height:82px;padding:17px}.ay-case .ac-project-visual{height:155px;gap:5px;padding:8px}.ay-case .ac-flow-step{font-size:11px;padding:9px 8px}.ay-case .ac-flow-connector{width:10px}.ay-case .ac-project-text h3{font-size:23px}.ay-case .ac-project-minor h3{font-size:19px}.ay-case .ac-web-card{min-height:145px}.ay-case .ac-web-card h3{margin-top:24px}.ay-case .ac-web-more{align-items:start;flex-direction:column}.ay-case .ac-bottom-cta{padding:58px 0}.ay-case .ac-cta-actions{flex-direction:column}.ay-case .ac-cta-actions .ac-btn{justify-content:space-between}.ay-case .ac-btn{gap:18px;padding:11px 15px}.ay-case .ac-intro-links .ac-btn{font-size:12px;flex:1;white-space:nowrap}.ay-case .ac-side-item{padding:15px 0}}
@media(prefers-reduced-motion:reduce){.ay-case .ac-project,.ay-case .ac-web-card,.ay-case .ac-btn{transition:none}}