:root{--navy: #131b48;--navy-2: #0c1230;--navy-3: #1b265e;--blue: #6c90d6;--blue-light: #9db5e4;--cyan: #47a4cf;--purple: #a39dc8;--ink: #1a2140;--text: #3a4666;--muted: #7a87a6;--bg: #f5f7fb;--card: #ffffff;--line: #e7ecf5;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 2px 8px rgba(19, 27, 72, .06);--shadow: 0 10px 30px rgba(19, 27, 72, .1);--grad: linear-gradient(135deg, #131b48 0%, #30427f 55%, #47a4cf 130%);--grad-accent: linear-gradient(135deg, #6c90d6 0%, #47a4cf 100%);--font: "PingFang SC", "Microsoft YaHei", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:84px 0}.section--alt{background:#fff}.section--dim{background:var(--bg)}h1,h2,h3,h4{color:var(--ink);line-height:1.3;font-weight:700}h1{font-size:clamp(30px,4vw,46px)}h2{font-size:clamp(24px,3vw,34px)}h3{font-size:20px}h4{font-size:17px}.sec-head{max-width:720px;margin-bottom:44px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--cyan);text-transform:uppercase;margin-bottom:14px}.sec-eyebrow:before{content:"";width:26px;height:2px;background:var(--grad-accent);border-radius:2px}.sec-head.center .sec-eyebrow{justify-content:center}.sec-title{margin-bottom:14px}.sec-sub{color:var(--muted);font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:0 8px 20px #47a4cf47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px #47a4cf61}.btn-ghost{background:#ffffff1f;color:#fff;border-color:#ffffff59}.btn-ghost:hover{background:#fff3}.btn-outline{background:transparent;color:var(--navy);border-color:var(--line)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.btn-sm{padding:8px 18px;font-size:14px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;background:#eef3fc;color:var(--navy-3)}.badge--accent{background:#e8f6fb;color:#1d7a9c}.site-header{position:sticky;top:0;z-index:100;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 6px 14px #131b4840}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text b{color:var(--ink);font-size:17px}.brand-text span{color:var(--muted);font-size:11px;letter-spacing:.04em}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{padding:8px 14px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text);transition:color .2s ease,background .2s ease}.main-nav a:hover{color:var(--navy);background:#f0f4fb}.main-nav a.router-link-active{color:var(--navy);font-weight:600}.header-cta{margin-left:10px}.nav-toggle{display:none;background:none;border:0;font-size:24px;color:var(--navy)}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#131b4899,#0c1230f0),url(/images/hero-bg.jpeg) center / cover no-repeat,var(--grad)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(700px 500px at 20% 10%,#000,transparent 75%);mask-image:radial-gradient(700px 500px at 20% 10%,#000,transparent 75%)}.hero .container{position:relative;z-index:1;padding-top:96px;padding-bottom:110px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);font-size:13px;letter-spacing:.06em}.hero h1{color:#fff;margin:26px 0 10px;max-width:760px}.hero .en{color:var(--blue-light);font-size:15px;letter-spacing:.06em;margin-bottom:20px}.hero p.lead{max-width:640px;color:#ffffffd9;font-size:17px;margin-bottom:34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:56px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:820px}.hero-stat{padding:20px;border-radius:var(--radius);background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.hero-stat b{display:block;font-size:30px;color:#fff}.hero-stat span{font-size:13px;color:var(--blue-light)}.feature-card{padding:30px}.feature-icon{width:54px;height:54px;border-radius:14px;background:#eef3fc;color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card h3{margin-bottom:10px}.feature-card p{color:var(--muted);font-size:15px}.feature-card ul{margin-top:14px}.feature-card li{position:relative;padding-left:18px;font-size:14px;color:var(--text);margin-bottom:6px}.feature-card li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.timeline{position:relative;padding-left:34px}.timeline:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl-item{position:relative;padding-bottom:30px}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-34px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center}.tl-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}.tl-item .year{font-weight:700;color:var(--cyan);font-size:15px}.tl-item h4{margin:4px 0}.tl-item p{color:var(--muted);font-size:14.5px}.brand-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:26px 16px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);text-align:center;min-height:110px}.brand-chip b{font-size:18px;color:var(--ink)}.brand-chip span{font-size:12px;color:var(--muted);letter-spacing:.06em}.brand-logo{max-width:76%;max-height:46px;object-fit:contain}.brand-name{font-size:12px;color:var(--muted)}.case-card{overflow:hidden;display:flex;flex-direction:column}.case-card .thumb{aspect-ratio:16 / 10;background:#eef1f7;overflow:hidden}.case-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.case-card:hover .thumb img{transform:scale(1.05)}.case-card .body{padding:24px;flex:1;display:flex;flex-direction:column}.case-card .cat{margin-bottom:10px}.case-card h3{font-size:18px;margin-bottom:10px}.case-card ul{margin-bottom:16px}.case-card li{position:relative;padding-left:16px;font-size:14px;color:var(--text);margin-bottom:4px}.case-card li:before{content:"·";position:absolute;left:3px;color:var(--cyan);font-weight:700}.stat-num{font-size:40px;font-weight:800;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}.pager button{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--text);font-size:14px;font-weight:500;transition:all .2s}.pager button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pager button:disabled{opacity:.4;cursor:not-allowed}.field{margin-bottom:18px}.field label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px}.field label em{color:var(--cyan);font-style:normal;margin-left:3px}.input,.textarea,.select{width:100%;padding:12px 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;font-family:inherit;font-size:15px;color:var(--ink);transition:border .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #6c90d626}.textarea{resize:vertical;min-height:120px}.site-footer{background:var(--navy-2);color:#ffffffbf;padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:48px}.site-footer h4{color:#fff;font-size:15px;margin-bottom:18px}.site-footer li{margin-bottom:10px;font-size:14px}.site-footer a:hover{color:var(--cyan)}.footer-brand p{margin-top:14px;font-size:14px;max-width:300px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13px;color:#ffffff80}.footer-bottom .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-hero{background:var(--grad);color:#fff;padding:64px 0;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(600px 300px at 85% 20%,rgba(71,164,207,.4),transparent)}.page-hero .container{position:relative;z-index:1}.page-hero h1{color:#fff;margin-bottom:10px}.page-hero p{color:#ffffffd1;max-width:640px}.cta-band{background:var(--grad);color:#fff;border-radius:24px;padding:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.cta-band h2{color:#fff;margin-bottom:8px}.cta-band p{color:#ffffffd1}.admin-shell{display:flex;min-height:100vh;background:#f4f6fa}.admin-side{width:240px;background:var(--navy-2);color:#fff;flex-shrink:0;display:flex;flex-direction:column}.admin-side .brand{padding:20px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-side nav{padding:16px 12px;flex:1}.admin-side nav a{display:block;padding:12px 14px;border-radius:10px;color:#ffffffb3;font-size:15px;margin-bottom:4px}.admin-side nav a:hover{background:#ffffff14;color:#fff}.admin-side nav a.router-link-active{background:var(--grad-accent);color:#fff}.admin-main{flex:1;padding:30px;overflow-x:auto}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.admin-topbar h1{font-size:24px}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table th,.admin-table td{text-align:left;padding:13px 16px;font-size:14px;border-bottom:1px solid var(--line)}.admin-table th{background:#f8fafd;color:var(--ink);font-weight:600;font-size:13px}.admin-table tr:last-child td{border-bottom:0}.admin-table .actions{display:flex;gap:8px}.link-btn{background:none;border:0;color:var(--blue);font-size:14px;font-weight:500}.link-btn.danger{color:#e05d6f}.link-btn:hover{text-decoration:underline}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.on{background:#e6f7ec;color:#1c9a4c}.pill.off{background:#f2f3f7;color:var(--muted)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c123080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:680px;max-height:90vh;overflow:auto;padding:28px}.modal h3{margin-bottom:20px}.modal .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px}.alert-error{background:#fdeef0;color:#c0392b}.alert-success{background:#e8f7ee;color:#1c9a4c}.empty{text-align:center;color:var(--muted);padding:60px 0;font-size:15px}@media(max-width:992px){.grid-4,.grid-3,.footer-grid,.hero-stats{grid-template-columns:repeat(2,1fr)}.admin-side{width:200px}}@media(max-width:680px){.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.hero .container{padding-top:64px;padding-bottom:72px}.main-nav{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;display:none}.main-nav.open{display:flex}.main-nav a{padding:12px 10px}.header-cta{display:none}.nav-toggle{display:block}.admin-shell{flex-direction:column}.admin-side{width:100%;flex-direction:row;align-items:center}.admin-side nav{display:flex;flex-wrap:wrap;gap:4px;padding:10px}.admin-side nav a{margin-bottom:0}}