.hainan-hero{background:radial-gradient(circle at 82% 10%,#1c7c86 0,transparent 31%),linear-gradient(130deg,#082633 0%,#0c4d5e 66%,#0d6671 100%)}
.hainan-hero .hero-grid{grid-template-columns:1.02fr .98fr;gap:38px;padding:58px 0}
.hainan-hero h1{font-size:47px}.hainan-hero .hero-actions{align-items:center;flex-wrap:wrap}
.hainan-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px;color:#bfd4d9;font-size:12px}
.hainan-toolbox{background:rgba(255,255,255,.98);color:var(--ink);border-top:6px solid var(--gold);padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.toolbox-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.toolbox-title span{background:#edf4f3;color:var(--cyan);padding:3px 8px;font-size:11px;font-weight:900}.toolbox-title b{color:var(--navy);font-size:19px}
.hainan-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hainan-tool-grid a{position:relative;min-height:120px;border:1px solid var(--line);background:#f8fbfa;padding:14px;text-decoration:none;transition:.18s ease}.hainan-tool-grid a:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 18px rgba(11,38,52,.1)}
.hainan-tool-grid i{display:block;color:var(--gold);font-style:normal;font-weight:900;font-size:12px}.hainan-tool-grid strong{display:block;color:var(--navy);font-size:16px;margin:6px 0 3px}.hainan-tool-grid small{display:block;color:var(--muted);line-height:1.45}
.national-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.national-mini span{background:#edf3f2;text-align:center;padding:7px 3px;color:var(--muted);font-size:10px}.national-mini b{display:block;color:var(--navy);font-size:17px}
.coming-soon{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#0b3342,#0d6170);color:#fff;padding:28px;border-left:6px solid var(--gold)}.coming-soon h2{margin:4px 0 8px;font-size:29px}.coming-soon p{margin:0;color:#cbdde1;max-width:820px}.soon-badge{flex:none;background:var(--gold);color:#17272d;padding:8px 13px;font-weight:900}.roadmap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:14px}.roadmap-grid article{background:#fff;border:1px solid var(--line);padding:19px}.roadmap-grid b{color:var(--orange);font-size:11px}.roadmap-grid h3{color:var(--navy);margin:7px 0 4px}.roadmap-grid p{color:var(--muted);min-height:70px}.roadmap-grid a,.roadmap-grid article>span{display:block;text-align:center;padding:8px;text-decoration:none;font-weight:800}.roadmap-grid a{background:var(--blue);color:#fff}.roadmap-grid article>span{background:#edf1f1;color:#728087}.disabled-service{opacity:.76}.disabled-action{display:block;text-align:center;background:#e7ecec;color:#6d7b80;padding:9px;font-weight:800}
@media(max-width:900px){.nav nav{display:flex}.nav nav>a:not(.nav-cta){display:none}.hainan-hero .hero-grid{grid-template-columns:1fr}.hainan-toolbox{margin-top:6px}.roadmap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hainan-hero h1{font-size:32px}.hainan-hero .hero-grid{padding:38px 0}.hainan-tool-grid{grid-template-columns:1fr}.hainan-tool-grid a{min-height:96px}.national-mini{grid-template-columns:1fr 1fr}.hainan-trust{display:grid;grid-template-columns:1fr 1fr}.coming-soon{display:block;padding:20px}.soon-badge{display:inline-block;margin-top:12px}.roadmap-grid{grid-template-columns:1fr}.roadmap-grid p{min-height:0}}
.winning-data{background:#e8eef0;padding:22px 0}.winning-card{background:#fff;border:1px solid #cdd9dc;border-left:6px solid #d6a23e;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px}.winning-tag{color:#0d5268;font-size:11px;font-weight:900;letter-spacing:1px}.winning-card h2{margin:4px 0;color:#0b2634;font-size:26px}.winning-card p{margin:0;color:#63747b;max-width:760px}.winning-kpis{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.winning-kpis span{background:#edf3f2;padding:6px 10px;color:#52666d;font-size:12px}.winning-kpis b{color:#0d5268;font-size:16px;margin-right:3px}.winning-enter{flex:0 0 auto;background:#0d5268;color:#fff;text-decoration:none;padding:12px 18px;font-weight:800}.winning-enter:hover{background:#0b2634}@media(max-width:760px){.winning-card{display:block;padding:20px}.winning-card h2{font-size:22px}.winning-enter{display:block;text-align:center;margin-top:16px}.winning-kpis{display:grid;grid-template-columns:1fr 1fr}}