:root{--case-blue:#0562fa;--case-ink:#091b42;--case-muted:#455a7c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f6faff;color:var(--case-ink);font-family:'Noto Sans CJK SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.cases-page{background:radial-gradient(ellipse at 65% 30%,#fff,#f3f8ff 80%)}.cases-page h1,.cases-page h2,.cases-page h3,.cases-page h4,.cases-page p{margin:0}.cases-shell{max-width:1400px;padding-inline:clamp(22px,4vw,64px);margin:auto}.cases-page h2{font-size:clamp(28px,2.8vw,40px);line-height:1.4;font-weight:900}.cases-page p{font-size:16px;line-height:1.85;color:var(--case-muted)}.actions{display:flex;flex-wrap:wrap;gap:16px}.case-button{display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;border-radius:9px;background:linear-gradient(110deg,#0b7aff,#0051ef);color:#fff;border:1px solid transparent;font-size:16px;line-height:1.4;font-weight:800;transition:transform .2s,box-shadow .2s}.case-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #075be72b}.case-button.outline{color:#0758e8;border-color:#0762f7;background:#ffffff7a}.case-button.white{background:#fff;color:#0758e8}.case-button.light{background:transparent;color:#fff;border-color:#a7ccff}.cases-hero{overflow:hidden;background:linear-gradient(112deg,#f2f9ff,#e2efff 60%,#c0dcff)}.hero-grid{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:10px;min-height:480px}.hero-copy{padding:50px 0;z-index:1}.cases-page h1{font-size:clamp(34px,3.6vw,54px);font-weight:900;line-height:1.3;letter-spacing:-1.5px}.cases-page .hero-copy p{font-size:18px;line-height:1.8;margin:24px 0;max-width:570px}.hero-art{height:auto;width:112%;max-width:none;margin-left:-5%;display:block;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 72% 74% at 50% 55%,#000 53%,transparent 88%)}.works{padding-top:38px}.section-heading{text-align:center}.section-heading p{margin-top:9px}.case-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:27px 0 40px}.case-filters button{background:#ffffff80;border:1px solid #7faaff;color:#16366b;border-radius:30px;padding:10px 27px;line-height:1.5;font-size:15px;font-weight:700;transition:background .2s,color .2s}.case-filters button:hover{background:#e2eeff}.case-filters button[aria-pressed=true]{background:var(--case-blue);color:white;border-color:var(--case-blue);box-shadow:0 4px 12px #0b60ee1c}.featured-heading{text-align:center;margin:25px 0 35px!important}.featured-heading:after{content:'';display:block;width:50px;height:3px;background:var(--case-blue);margin:12px auto 0;border-radius:2px}.featured-case{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px}.featured-copy h3{font-size:clamp(25px,2.6vw,36px);line-height:1.45;font-weight:900}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 20px}.tags span,.concept-label,.industry-label{display:inline-block;font-size:12px;font-weight:700;color:#28558f;background:#e3eeff;border-radius:20px;padding:4px 12px}.tags span:first-child{color:#075eff;background:#d8e8ff}.checklist{list-style:none;margin:15px 0 22px;padding:0;display:grid;gap:10px;font-size:16px}.checklist li:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;color:white;background:#0868ff;border-radius:50%;font-size:12px;margin-right:12px}.monitor-art{min-width:0;position:relative;padding:20px 17px 0;background:linear-gradient(145deg,#dceaff,#f6faff);border-radius:20px;overflow:hidden;isolation:isolate}.monitor{position:relative;border:7px solid #14212f;border-bottom:17px solid #b6c3d0;border-radius:10px 10px 6px 6px;background:#fff;transform:perspective(1100px) rotateY(5deg) rotateZ(1deg);box-shadow:5px 14px 20px #12325d26;overflow:hidden}.screen-nav{height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;color:#0a345d;background:#fff;font-family:Arial,sans-serif}.screen-nav b{font-size:10px}.screen-nav span{font-size:5px;white-space:nowrap}.screen-body{aspect-ratio:1.7;position:relative;overflow:hidden;background:#0a2844}.screen-body:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#001b37ed,#001b3766 70%,transparent)}.screen-body img{display:block;width:100%;height:100%;object-fit:cover}.screen-body>div{position:absolute;z-index:1;left:7%;top:20%;width:85%;color:white;line-height:1.15;font-family:Arial,sans-serif}.screen-body strong{font-size:clamp(14px,1.45vw,21px);display:block}.screen-body small{font-size:7px;display:block;margin:10px 0 14px}.screen-cta{display:inline-block;padding:6px 10px;background:#006aff;border-radius:20px;font-size:7px;font-weight:700}.monitor-stand{width:21%;height:28px;margin:0 auto;background:linear-gradient(90deg,#b1bdcc,#eff5fc,#a7b5c8);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.monitor-base{width:47%;height:8px;margin:0 auto 8px;background:linear-gradient(#ecf3fb,#a3b3c6);border-radius:50% 50% 20% 20%;box-shadow:0 8px 11px #16345924}.featured-case>.monitor-art{padding:28px 23px 0;border-radius:26px}.featured-case .monitor{border-width:10px;border-bottom-width:25px}.featured-case .screen-nav{height:36px}.featured-case .screen-nav b{font-size:13px}.featured-case .screen-nav span{font-size:7px}.featured-case .screen-body strong{font-size:clamp(23px,2.4vw,33px)}.featured-case .screen-body small{font-size:10px;margin:17px 0}.featured-case .screen-cta{font-size:10px;padding:8px 16px}.featured-case .monitor-stand{height:45px}.featured-case .monitor-base{height:12px;margin-bottom:20px}.case-detail{margin-top:18px}.case-detail summary{display:inline-flex;gap:14px;align-items:center;list-style:none;cursor:pointer;padding:8px 18px;border-radius:30px;border:1px solid #7aaaff;color:#075be9;font-size:13px;font-weight:800;background:#fff}.case-detail summary::-webkit-details-marker{display:none}.case-detail[open] summary span{transform:rotate(90deg)}.case-detail>div{margin-top:14px;padding-top:12px;border-top:1px solid #d5e4fa}.case-detail h4{font-size:15px;margin:10px 0 6px}.case-detail ul{padding-left:19px;font-size:14px;line-height:1.8;color:#455a7c}.case-detail a{display:inline-block;font-size:14px;color:#0555d2;margin-top:10px;font-weight:700}.featured-copy>.case-detail>summary{border-radius:9px;background:var(--case-blue);color:#fff;padding:12px 24px;font-size:16px}.more-heading{margin:42px 0 28px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-card{display:grid;grid-template-columns:1.25fr 1fr;align-items:start;gap:20px;padding:17px;border:1px solid #dfebfc;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 2px 5px #2363b509;transition:box-shadow .2s,transform .2s}.case-card:hover{box-shadow:0 10px 25px #2363b512;transform:translateY(-2px)}.case-card .monitor-art{align-self:start;padding:15px 10px 0;border-radius:14px;min-height:230px;display:flex;flex-direction:column;justify-content:center}.card-copy{min-width:0}.card-copy .concept-label{font-size:11px;padding:3px 9px}.card-copy h3{font-size:20px;line-height:1.4;margin:8px 0 7px}.industry-label{font-size:12px;padding:2px 10px;background:#eef3fb}.cases-page .card-copy>p{font-size:13px;line-height:1.75;margin:10px 0}.card-copy .case-detail{margin-top:12px}.cases-page .case-detail>div p{font-size:14px;line-height:1.8}.bottom-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;padding-top:42px;padding-bottom:35px;align-items:start}.case-faq h2{font-size:28px;margin-bottom:19px}.case-faq h2:after{content:'';display:block;width:45px;height:3px;background:#0562fa;margin-top:9px}.case-faq details{background:#fff;border:1px solid #dce8fa;border-radius:10px;box-shadow:0 3px 8px #164e9810;margin-top:9px}.case-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:13px 17px;font-size:15px;font-weight:750;gap:15px}.case-faq summary:after{content:'';width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);flex-shrink:0;margin-right:4px}.case-faq details[open] summary:after{transform:rotate(225deg)}.case-faq summary::-webkit-details-marker{display:none}.cases-page .case-faq details p{padding:0 17px 16px;font-size:14px}.cases-cta{border-radius:20px;padding:32px;background:linear-gradient(115deg,#004bc9,#0879ff 70%,#79b4ff);box-shadow:0 9px 25px #0763c41a;position:relative;overflow:hidden}.cases-cta:before{content:'';position:absolute;right:-60px;bottom:-70px;width:300px;height:200px;border:24px double #acd8ff40;transform:rotate(-35deg);pointer-events:none}.cases-page .cases-cta h2{font-size:28px;color:#fff;position:relative}.cases-page .cases-cta p{color:#e1efff;font-size:15px;margin:15px 0 23px;position:relative}.cases-cta .actions{position:relative;gap:14px}.cases-cta .case-button{font-size:14px;padding:12px 18px}.skip-link{position:fixed;top:-80px;left:15px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #129eff;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:1100px){.hero-grid{min-height:400px}.cases-page h1{font-size:38px}.cases-page .hero-copy p{font-size:16px}.case-filters{gap:10px}.case-filters button{padding:9px 19px}.featured-case{gap:28px}.case-card{gap:15px;padding:13px;grid-template-columns:1.1fr 1fr}.card-copy h3{font-size:18px}.case-card .monitor-art{min-height:210px}.screen-nav span{display:none}.bottom-grid{gap:25px}.cases-cta{padding:27px}.cases-page .cases-cta h2{font-size:25px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:35px 0 10px}.cases-page h1{font-size:clamp(30px,5.2vw,40px);letter-spacing:-.8px}.hero-art{width:100%;margin:0}.cases-page .hero-copy p{margin:18px 0 22px}.case-button{font-size:14px;padding:12px 18px}.actions{gap:12px}.works{padding-top:30px}.cases-page h2{font-size:27px}.section-heading p{font-size:14px}.case-filters{margin:22px 0 28px;gap:9px}.case-filters button{padding:8px 16px;font-size:13px}.featured-case{grid-template-columns:1fr;gap:24px}.featured-copy h3{font-size:26px}.featured-copy p{font-size:15px}.featured-case .screen-body strong{font-size:27px}.case-grid{grid-template-columns:1fr;gap:15px}.case-card{padding:15px;gap:18px}.case-card .monitor-art{min-height:200px}.screen-body strong{font-size:18px}.bottom-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px}.cases-cta{padding:26px}.cases-page .cases-cta h2{font-size:25px}.more-heading{margin:33px 0 23px}}
@media(max-width:450px){.case-card{grid-template-columns:1fr;gap:17px;padding:16px}.case-card .monitor-art{min-height:0;padding:18px 13px 0}.screen-body strong{font-size:23px}.screen-nav span{display:block}.screen-body small{font-size:9px}.screen-cta{font-size:9px}.screen-nav b{font-size:12px}.card-copy h3{font-size:22px}.cases-page .card-copy>p{font-size:14px}.case-filters button{padding:8px 12px}.featured-case .screen-body strong{font-size:22px}.featured-case>.monitor-art{padding:19px 15px 0}.featured-case .screen-nav span{display:none}.featured-case .screen-body small{font-size:8px}.featured-case .monitor{border-width:7px;border-bottom-width:19px}.tags{gap:7px}.tags span{font-size:11px;padding:4px 9px}.checklist{font-size:15px}.cases-page .hero-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.feature-phone{position:absolute;z-index:2;right:4%;bottom:5%;width:21%;height:58%;border:5px solid #14212f;border-radius:17px;background:white;overflow:hidden;box-shadow:0 8px 16px #183a5945;transform:rotate(2deg);font-family:Arial,sans-serif}.phone-bar{height:12%;padding:10% 5% 0;text-align:center;font-size:8px;font-weight:bold;color:#143c73}.phone-screen{height:75%;position:relative;background:#082441;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover;opacity:.5}.phone-screen strong{position:absolute;left:8%;top:12%;font-size:clamp(9px,1.1vw,15px);color:white;line-height:1.2}.phone-screen span{position:absolute;left:8%;top:51%;font-size:5px;color:#fff;background:#086cff;padding:5px 6px;border-radius:10px}.phone-bottom{text-align:center;padding-top:8%;font-size:4px}.featured-case>.monitor-art>.monitor{margin-right:7%}@media(max-width:760px){.phone-screen strong{font-size:14px}}@media(max-width:450px){.feature-phone{border-width:3px;border-radius:10px}.phone-bar{font-size:5px}.phone-screen strong{font-size:9px}.phone-screen span{font-size:3px;padding:3px}.phone-bottom{font-size:3px}}