:root{--canvas:#fff;--surface:#f7fafd;--surface-alt:#f1f5fb;--ink:#041a38;--ink-secondary:#5f6b7c;--ink-tertiary:#8fa0b5;--accent:#1269ff;--accent-dark:#0d5be0;--accent-light:#eaf3ff;--accent-glow:#1269ff14;--success:#08796a;--success-light:#e6f5f2;--violet:#7b5cff;--violet-light:#efecff;--cyan:#14c0cc;--gradient-brand:linear-gradient(135deg, #1269ff 0%, #14c0cc 100%);--gradient-dark:linear-gradient(135deg, #092e58 0%, #041a38 72%, #071d42 100%);--border:#d8e4f2;--border-light:#e9f0f9;--shadow-sm:0 1px 3px #041a380d;--shadow-md:0 4px 12px #041a3814;--shadow-lg:0 8px 30px #041a381a;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--max-w:1200px;--section-gap:clamp(64px, 8vw, 96px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}img{max-width:100%;height:auto}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#ffffffeb;position:sticky;top:0}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{color:var(--ink);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.nav-brand span{color:var(--accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--ink-secondary);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-cta{background:var(--accent);border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .15s;display:inline-flex;color:#fff!important}.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-primary:hover{background:var(--accent-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.back-bar{max-width:880px;margin:0 auto;padding:28px 24px 0}.back-link{color:var(--ink-secondary);align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.back-link:hover{color:var(--accent);gap:10px}.case-hero{background:var(--surface);border-bottom:1px solid var(--border-light);padding:clamp(36px,5vw,56px) 24px clamp(56px,7vw,80px)}.case-hero-inner{max-width:880px;margin:0 auto}.case-tag{background:var(--accent-light);color:var(--accent);border-radius:4px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.case-hero h1{letter-spacing:-.01em;color:var(--ink);margin-bottom:16px;font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.25}.case-hero .case-lead{color:var(--ink-secondary);max-width:720px;margin-bottom:28px;font-size:16.5px;line-height:1.7}.case-meta{flex-wrap:wrap;align-items:center;gap:10px 0;display:flex}.case-meta-item{color:var(--ink-secondary);border-right:1px solid var(--border);align-items:center;gap:6px;padding:0 16px;font-size:13.5px;line-height:1.3;display:inline-flex}.case-meta-item:first-child{padding-left:0}.case-meta-item:last-child{border-right:none}.case-meta-item .meta-key{color:var(--ink-tertiary)}.case-meta-item .meta-val{color:var(--ink);font-weight:600}.metric-strip-wrap{padding:0 24px}.metric-strip{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:880px;box-shadow:var(--shadow-lg);z-index:2;grid-template-columns:repeat(4,1fr);gap:12px;margin:-40px auto 0;padding:24px 20px;display:grid;position:relative}.quality-metric{text-align:center}.quality-metric-num{color:var(--accent);margin-bottom:4px;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.2}.quality-metric-label{color:var(--ink-tertiary);font-size:13px}.case-body{max-width:800px;margin:0 auto;padding:clamp(48px,6vw,72px) 24px}.case-body h2{color:var(--ink);margin:48px 0 18px;scroll-margin-top:88px;font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.3}.case-body h2:first-child{margin-top:0}.case-body h3{color:var(--ink);margin:28px 0 10px;font-size:17px;font-weight:700}.case-body p{color:var(--ink-secondary);margin-bottom:16px;font-size:15.5px;line-height:1.8}.case-body p strong,.case-body li strong{color:var(--ink);font-weight:700}.case-body ul{flex-direction:column;gap:10px;margin:8px 0 20px;list-style:none;display:flex}.case-body ul li{color:var(--ink-secondary);padding-left:22px;font-size:15px;line-height:1.7;position:relative}.case-body ul li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:4px}.case-body ol{counter-reset:olcount;flex-direction:column;gap:12px;margin:8px 0 20px;padding-left:4px;list-style:none;display:flex}.case-body ol li{color:var(--ink-secondary);counter-increment:olcount;padding-left:40px;font-size:15px;line-height:1.7;position:relative}.case-body ol li:before{content:counter(olcount);background:var(--accent-light);width:26px;height:26px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:2px;left:0}.case-body ol li strong{color:var(--ink)}.finding-card{background:var(--canvas);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:22px 26px;transition:all .2s}.finding-card:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.finding-card h3{color:var(--ink);margin:0 0 8px;font-size:16px;font-weight:700}.finding-card h3 .finding-num{background:var(--accent-light);width:24px;height:24px;color:var(--accent);vertical-align:1px;border-radius:50%;justify-content:center;align-items:center;margin-right:10px;font-size:12.5px;font-weight:700;display:inline-flex}.finding-card p{color:var(--ink-secondary);margin:0;font-size:14.5px;line-height:1.75}.value-list{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px 32px}.brand-story-snippet{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#041a38 0%,#092e58 100%);margin-top:8px;padding:28px 32px;position:relative;overflow:hidden}.brand-story-snippet:before{content:"";pointer-events:none;background:radial-gradient(circle,#14c0cc2e 0%,#0000 60%);width:40%;height:160%;position:absolute;top:-30%;right:-10%}.brand-story-head{z-index:1;align-items:center;gap:10px;margin-bottom:16px;display:flex;position:relative}.brand-story-head-dot{background:#14c0cc;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #14c0cc99}.brand-story-head-label{color:#14c0cc;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.brand-story-head-type{color:#ffffff8c;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:10.5px}.brand-story-body{z-index:1;color:#ffffffdb;border-left:3px solid;border-image:linear-gradient(#45c6ff,#7b5cff) 1;margin-bottom:18px;padding-left:18px;font-size:14.5px;font-style:italic;line-height:1.9;position:relative}.brand-story-body:before{content:"“";color:#14c0cc;margin-right:2px;font-size:20px}.brand-story-body:after{content:"”";color:#14c0cc;margin-left:2px;font-size:20px}.brand-story-tags{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.brand-story-tags span{color:#ffffffb8;background:#14c0cc1a;border:1px solid #14c0cc38;border-radius:999px;padding:4px 11px;font-size:11px}.brand-story-note{color:#ffffff80;z-index:1;margin-top:14px;font-size:11.5px;font-style:normal;position:relative}@media (max-width:640px){.brand-story-snippet{padding:22px 20px}.brand-story-head-type{display:none}}@media print{.brand-story-snippet{color:#000;background:#f7f7f7}.brand-story-body{color:#222}.brand-story-head-label{color:#08796a}.brand-story-tags span{color:#333;background:#eee;border-color:#ddd}}.case-cta-card{text-align:center;background:linear-gradient(135deg, var(--accent-light) 0%, #f0e6ff 100%);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:880px;margin:0 auto clamp(56px,7vw,80px);padding:clamp(36px,5vw,52px) 32px}.case-cta-card h2{color:var(--ink);margin-bottom:12px;font-size:clamp(20px,3vw,26px);font-weight:800}.case-cta-card p{color:var(--ink-secondary);margin-bottom:24px;font-size:15px}.footer{background:var(--ink);color:#ffffffb3;padding:48px 24px 32px}.footer-inner{max-width:var(--max-w);grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin:0 auto;display:grid}.footer-brand{color:#fff;margin-bottom:12px;font-size:18px;font-weight:700}.footer-desc{max-width:280px;font-size:14px;line-height:1.6}.footer h4{color:#fff;margin-bottom:16px;font-size:14px;font-weight:600}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:#fff9;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{max-width:var(--max-w);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin:32px auto 0;padding-top:24px;font-size:13px;display:flex}@media (max-width:1024px){.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.metric-strip{grid-template-columns:repeat(2,1fr);gap:20px 12px;padding:24px 20px}.case-meta-item{border-right:none;width:100%;padding:0}.case-meta-item:not(:first-child){padding-top:2px}.case-body{padding:40px 20px}.value-list{padding:22px 20px}.finding-card{padding:18px 20px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a:focus-visible,button:focus-visible,summary:focus-visible,details:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media print{.nav,.case-cta-card{display:none}.case-hero{background:#fff;padding-bottom:32px}.metric-strip{box-shadow:none;margin-top:0}.finding-card{break-inside:avoid}}