/* cases.huaquanpower.net — Amber/Industrial Theme */
:root{--c-primary:#d97706;--c-primary-dark:#b45309;--c-primary-light:#fef3c7;--c-bg:#fffbeb;--c-text:#1c1917;--c-text-light:#78716c;--c-white:#fff;--c-border:#e7e5e4;--c-green:#059669;--c-red:#dc2626;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.1);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);line-height:1.7}
.container{max-width:960px;margin:0 auto;padding:0 20px}
.site-header{background:var(--c-white);border-bottom:3px solid var(--c-primary);padding:16px 0;position:sticky;top:0;z-index:100}
.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo{font-size:1.3em;font-weight:800;color:var(--c-primary-dark);text-decoration:none}
.site-header nav ul{display:flex;gap:18px;list-style:none}
.site-header nav a{color:var(--c-text);text-decoration:none;font-size:.92em;font-weight:500}
.site-header nav a:hover{color:var(--c-primary)}
.breadcrumb{font-size:.85em;color:var(--c-text-light);padding:16px 0 8px}
.breadcrumb ol{list-style:none;display:flex;gap:6px}
.breadcrumb a{color:var(--c-primary);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb li+li::before{content:"/";margin-right:6px;color:var(--c-text-light)}
h1{font-size:2em;margin:0 0 .4em;color:var(--c-primary-dark)}
h2{font-size:1.5em;margin:1.5em 0 .5em;color:var(--c-primary-dark);border-bottom:2px solid var(--c-primary-light);padding-bottom:6px}
h3{font-size:1.15em;margin:1.2em 0 .4em;color:var(--c-text)}
p{margin:0 0 1em}
a{color:var(--c-primary-dark)}
table{width:100%;border-collapse:collapse;margin:1em 0}
th,td{border:1px solid var(--c-border);padding:10px 14px;text-align:left}
th{background:var(--c-primary-light);font-weight:700}
tr:nth-child(even){background:var(--c-white)}
.quick-answer{background:var(--c-primary-light);border-left:4px solid var(--c-primary);padding:16px 20px;margin:0 0 24px;border-radius:0 var(--radius) var(--radius) 0}
.quick-answer h2{font-size:1.1em;margin:0 0 8px;border:none;padding:0;color:var(--c-primary-dark)}
.project-overview{margin:0 0 28px}
.key-takeaways{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px 24px;margin:28px 0}
.key-takeaways h2{font-size:1.1em;margin:0 0 12px;border:none;padding:0;color:var(--c-primary-dark)}
.key-takeaways ul{padding-left:20px}
.key-takeaways li{margin-bottom:6px}
.summary-box{background:linear-gradient(135deg,var(--c-primary-light),var(--c-bg));border:2px solid var(--c-primary);border-radius:var(--radius);padding:20px 24px;margin:28px 0}
.summary-box h2{font-size:1.1em;margin:0 0 10px;border:none;padding:0}
.cta-box{background:var(--c-primary-dark);color:var(--c-white);padding:28px;border-radius:var(--radius);text-align:center;margin:32px 0}
.cta-box a{color:var(--c-white);background:rgba(255,255,255,.15);padding:10px 24px;border-radius:var(--radius);text-decoration:none;font-weight:700;display:inline-block;margin-top:12px}
.cta-box a:hover{background:rgba(255,255,255,.25)}
.challenge-solution{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}
.cs-block{padding:20px;border-radius:var(--radius)}
.cs-challenge{background:#fef2f2;border:1px solid #fecaca}
.cs-solution{background:#ecfdf5;border:1px solid #a7f3d0}
.cs-block h3{margin:0 0 8px}
.equipment-list table{font-size:.93em}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:24px 0}
.card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px;transition:box-shadow .2s}
.card:hover{box-shadow:var(--shadow)}
.card h3{margin:0 0 8px;font-size:1.1em}
.card h3 a{text-decoration:none;color:var(--c-primary-dark)}
.card p{font-size:.92em;color:var(--c-text-light);margin:0}
.hero{text-align:center;padding:32px 0 24px}
.hero h1{font-size:2.2em}
.hero p{font-size:1.1em;color:var(--c-text-light);max-width:700px;margin:0 auto}
.site-footer{background:var(--c-text);color:var(--c-white);padding:24px 0;margin-top:40px;text-align:center;font-size:.88em}
.site-footer a{color:var(--c-primary-light)}
/* Contact */
.contact-section { margin: 48px 0; padding: 32px; background: linear-gradient(135deg, var(--c-white), var(--c-bg)); border-radius: var(--radius); }
.contact-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin: 24px 0; }
.contact-card { background: var(--c-white); padding: 20px; border-radius: var(--radius); box-shadow: var(--shadow); border-left: 4px solid var(--c-primary); }
.contact-card strong { display: block; color: var(--c-primary); margin-bottom: 4px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; }
.btn { display: inline-block; padding: 12px 32px; background: var(--c-primary); color: #fff !important; border-radius: 8px; text-decoration: none; font-weight: 600; margin-top: 16px; transition: background 0.2s; }
.btn:hover { background: var(--c-primary-dark); }
.site-footer p { margin-bottom: 6px; }

@media(max-width:768px){.challenge-solution{grid-template-columns:1fr}}