
.cases-main{padding:150px 0 80px;position:relative;z-index:1}
.cases-intro{margin:0 auto 58px;max-width:960px;text-align:center}.cases-intro h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.25;margin:18px 0}.cases-intro p{color:var(--color-text-2);font-size:1.05rem}
.case-section{padding:36px 0;scroll-margin-top:90px}.case-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.case-heading>span{color:var(--color-gold);font-family:var(--font-mono);font-size:.9rem}.case-heading h2{font-size:clamp(1.4rem,3vw,1.9rem)}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-card{position:relative;border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(145deg,rgba(26,34,56,.85),rgba(16,21,40,.9));padding:32px;min-height:205px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.case-number{position:absolute;top:20px;left:24px;color:var(--color-text-3);font-family:var(--font-mono);font-size:.8rem}.case-symbol{color:var(--color-accent);font-size:32px}.case-card p{color:var(--color-text-2)}
.course-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px;border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(110deg,rgba(90,80,230,.18),rgba(26,34,56,.8))}.course-panel h3{font-size:1.5rem;margin-bottom:10px}.course-panel p{color:var(--color-text-2)}.course-panel .btn{flex-shrink:0}.growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.growth-grid .case-card{align-items:flex-start;min-height:180px}.growth-grid h3{font-size:1.35rem}.case-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.case-jump a{border:1px solid var(--color-border);padding:8px 18px;border-radius:999px;color:var(--color-text-2)}.case-jump a:hover{border-color:var(--color-accent);color:white}
@media(max-width:1024px) and (min-width:769px){.nav-menu{gap:1rem}.nav-container{padding:0 20px}.nav-logo img{width:150px;height:auto}.nav-cta{padding:.5rem 1rem}}
@media(max-width:768px){.cases-main{padding:115px 0 50px}.cases-intro{margin-bottom:24px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-panel{align-items:flex-start;flex-direction:column;padding:26px}.case-card{padding:26px 18px}.case-section{padding:26px 0}}
@media(max-width:480px){.case-grid,.growth-grid{grid-template-columns:1fr}.case-card{min-height:175px}.case-jump{gap:8px}.case-jump a{padding:7px 12px;font-size:.85rem}}
.case-project{padding-top:50px;text-align:center;justify-content:flex-start}.case-project h3{font-size:1.25rem}.case-project>a{display:block;width:100%;max-width:240px}.case-qrcode{display:block;width:100%;height:auto;border-radius:12px}.case-scan-tip{font-size:.8rem;color:var(--color-text-3)}
.case-workbench{grid-column:span 2}.case-workbench>a{max-width:500px}@media(max-width:768px){.case-workbench{grid-column:1 / -1}}
.growth-grid .growth-project{align-items:center;text-align:center;justify-content:flex-start}.growth-project h4{font-size:1.15rem;color:var(--color-accent)}.growth-image{display:flex;align-items:center;justify-content:center;width:240px;max-width:100%;height:240px;background:#fff;border-radius:12px;overflow:hidden}.growth-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}

.home-cases{padding:90px 0;position:relative;background:transparent}.home-cases .case-section{background:transparent}
