:root{--deep: #0a2d45;--deep-2: #104a6e;--brand: #0087c9;--brand-2: #00b4e0;--gold: #d4a857;--gold-light: #e8c98a;--navy: #123f5e;--ink: #1a2b30;--ink-2: #4a5c63;--ink-3: #7b8a90;--bg: #e9f2fa;--bg-warm: #e1eef8;--white: #ffffff;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:15px;color:var(--ink);background:linear-gradient(180deg,#d4e5f4,#e2eef8 45%,#edf4fb) fixed;-webkit-font-smoothing:antialiased;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-nav{position:sticky;top:0;z-index:100;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,59,67,.08);box-shadow:0 2px 20px #08262b0f}.site-nav .logo{display:flex;align-items:center;gap:12px}.site-nav .logo-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 60%,#5ad1f0 100%);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0087c959,inset 0 1px 2px #ffffff80}.site-nav .logo-mark:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#ffffff47;clip-path:polygon(0 65%,33% 45%,66% 60%,100% 40%,100% 100%,0 100%)}.site-nav .logo-name{font-size:16px;font-weight:700;color:var(--deep-2);letter-spacing:.5px}.site-nav .logo-name span{display:block;font-size:11px;font-weight:400;color:var(--ink-3);letter-spacing:1px}.site-nav .links{display:flex;gap:34px}.site-nav .links a{font-size:15px;color:var(--ink-2);position:relative;padding:6px 0;transition:color .2s}.site-nav .links a:hover,.site-nav .links a.active{color:var(--brand)}.site-nav .links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:2px;transition:width .25s}.site-nav .links a:hover:after,.site-nav .links a.active:after{width:100%}.hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% -10%,rgba(0,180,224,.14),transparent 60%),radial-gradient(700px 360px at 0% 110%,rgba(201,164,92,.12),transparent 60%),linear-gradient(180deg,#e5f0fa,#edf5fc 55%,#fff);color:#1a2b30;padding:90px 48px 140px}.hero .inner{max-width:1200px;margin:0 auto}.hero .tag{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#fff;border:1px solid rgba(0,135,201,.2);font-size:13px;color:var(--brand);letter-spacing:1px;margin-bottom:26px;box-shadow:0 2px 8px #0087c90f}.hero h1{font-size:52px;font-weight:800;line-height:1.22;letter-spacing:1px;margin-bottom:22px;color:#0f2836;text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 1px rgba(10,45,69,.1),0 4px 3px rgba(10,45,69,.12),0 8px 18px rgba(10,45,69,.14)}.hero h1 .grad{background:linear-gradient(90deg,var(--brand),var(--brand-2),#5ad1f0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(10,45,69,.2))}.hero p{font-size:17px;color:#5a6b70;max-width:640px;margin-bottom:38px}.hero .cta{display:flex;gap:18px}.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 30px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;box-shadow:0 8px 24px #0087c959,inset 0 1px #ffffff40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0087c973,inset 0 1px #ffffff4d}.btn-ghost{background:#fff;color:var(--brand);border:1px solid rgba(0,135,201,.3);box-shadow:0 2px 8px #0087c90f}.btn-ghost:hover{background:#e5f0fa;transform:translateY(-3px)}.btn-gold{background:linear-gradient(135deg,#b8944a,var(--gold));color:#fff;box-shadow:0 8px 24px #c9a45c59,inset 0 1px #ffffff4d}.btn-gold:hover{transform:translateY(-3px)}.hero .stats{display:flex;gap:54px;margin-top:56px}.hero .stats .num{font-size:34px;font-weight:800;color:var(--brand)}.hero .stats .lbl{font-size:13px;color:#7b8a90;margin-top:2px}.hero .wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}.hero .wave svg{width:100%;height:70px}.section{padding:90px 48px}.section .wrap{max-width:1200px;margin:0 auto}.section-head{text-align:center;margin-bottom:60px}.section-head .eyebrow{display:inline-block;font-size:13px;letter-spacing:3px;color:var(--brand);font-weight:600;margin-bottom:14px;text-transform:uppercase}.section-head h2{font-size:38px;font-weight:800;color:#0f2836;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,255,255,.85),0 2px 3px rgba(10,45,69,.1),0 4px 8px rgba(10,45,69,.08)}.section-head .line{width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--brand),var(--gold));margin:18px auto 0}.section-head p{color:var(--ink-3);margin-top:16px;font-size:15px}.card-3d{background:var(--white);border-radius:16px;border:1px solid rgba(13,59,67,.06);box-shadow:0 2px 6px #08262b0a,0 14px 34px #08262b12;transition:transform .3s,box-shadow .3s}.card-3d:hover{transform:translateY(-8px);box-shadow:0 6px 14px #08262b0f,0 24px 48px #08262b24}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{padding:36px 30px}.feature-card .f-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 8px 20px #0087c94d,inset 0 1px #ffffff4d}.feature-card h3{font-size:19px;font-weight:700;margin-bottom:12px;color:var(--ink)}.feature-card p{font-size:14px;color:var(--ink-3)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.case-card{overflow:hidden;cursor:pointer}.case-card .thumb{height:210px;background:linear-gradient(135deg,var(--deep-2),var(--brand));position:relative;overflow:hidden}.case-card .thumb .t-label{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:6px;font-size:12px;color:#fff;background:#0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.case-card .thumb .t-num{position:absolute;right:18px;bottom:10px;font-size:48px;font-weight:800;color:#ffffff24}.case-card .body{padding:24px}.case-card .body h3{font-size:17px;font-weight:700;margin-bottom:8px}.case-card .body p{font-size:13px;color:var(--ink-3)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{padding:28px;cursor:pointer}.news-card .date{color:var(--brand);font-size:13px;font-weight:600;margin-bottom:12px}.news-card h3{font-size:17px;font-weight:700;margin-bottom:10px}.news-card p{font-size:13px;color:var(--ink-3)}.accent-bar{height:4px;width:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--gold),var(--gold-light))}.dark-section{background:linear-gradient(180deg,#e5f0fa,#e6f0fa);color:#1a2b30}.dark-section .section-head h2{color:#14282e}.dark-section .section-head p{color:#5a6b70}.site-footer{background:#0a2d45;color:#fff9;padding:60px 48px 30px}.site-footer .wrap{max-width:1200px;margin:0 auto}.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.site-footer h4{color:#fff;font-size:15px;margin-bottom:16px}.site-footer a{display:block;color:#ffffff8c;font-size:13px;margin-bottom:10px;transition:color .2s}.site-footer a:hover{color:var(--gold-light)}.site-footer .copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;font-size:12px;color:#fff6}.page-banner{background:linear-gradient(180deg,#e5f0fa,#eaf3fb);color:#14282e;text-align:center;padding:70px 20px 50px;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,135,201,.08)}.page-banner h1{font-size:38px;font-weight:800;letter-spacing:1px;margin-bottom:12px;color:#0f2836;text-shadow:0 1px 0 rgba(255,255,255,.9),0 3px 4px rgba(10,45,69,.1),0 6px 14px rgba(10,45,69,.1)}.page-banner p{color:#7b8a90;font-size:15px}.form-input{width:100%;height:48px;padding:0 16px;border:1px solid rgba(13,59,67,.15);border-radius:10px;font-size:14px;font-family:var(--font);color:var(--ink);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0087c91f}textarea.form-input{height:auto;padding:14px 16px;resize:vertical}@media (max-width: 768px){.site-nav{padding:0 20px}.site-nav .links{display:none}.hero{padding:70px 20px 110px}.hero h1{font-size:32px}.hero .stats{flex-wrap:wrap;gap:28px}.section{padding:56px 20px}.section-head h2{font-size:28px}.feature-grid,.case-grid,.news-grid,.site-footer .cols{grid-template-columns:1fr}}.admin-layout{display:flex;min-height:100vh;background:#e9f2fa}.admin-sidebar{width:220px;background:linear-gradient(180deg,#0a2d45,#104a6e);color:#fff;flex-shrink:0;padding:24px 0;position:sticky;top:0;height:100vh}.admin-sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 24px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px;font-weight:700}.admin-sidebar .nav{padding:0 12px}.admin-sidebar .nav div{padding:11px 14px;border-radius:8px;font-size:14px;cursor:pointer;color:#ffffffb3;margin-bottom:2px;transition:all .15s}.admin-sidebar .nav div:hover{background:#ffffff14;color:#fff}.admin-sidebar .nav div.active{background:linear-gradient(90deg,#0087c9,#00b4e0);color:#fff}.admin-main{flex:1;padding:28px;min-width:0}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-head h2{font-size:20px;font-weight:700;color:#1a2b30}.admin-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 6px #08262b0a,0 10px 26px #08262b0f;margin-bottom:22px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #eef1f0}.admin-table th{color:#7b8a90;font-weight:500;background:#f8faf9}.admin-table tr:hover td{background:#fafcfb}.admin-table .op a{color:#0087c9;margin-right:10px;cursor:pointer}.admin-table .op a.danger{color:#c0392b}.admin-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.admin-stat{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 6px #08262b0a,0 10px 26px #08262b0f}.admin-stat .n{font-size:28px;font-weight:800;color:#104a6e}.admin-stat .l{font-size:13px;color:#7b8a90;margin-top:4px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#08262b73;display:flex;align-items:center;justify-content:center;z-index:200}.modal-box{width:560px;max-width:94vw;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:28px;box-shadow:0 24px 60px #0000004d}.modal-box h3{font-size:18px;font-weight:700;margin-bottom:20px;color:#1a2b30}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static}.admin-sidebar .nav{display:flex;flex-wrap:wrap}}.logo-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 60%,#5ad1f0 100%);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0087c959,inset 0 1px 2px #ffffff80}.logo-mark:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#ffffff47;clip-path:polygon(0 65%,33% 45%,66% 60%,100% 40%,100% 100%,0 100%)}.hero-logo{flex-shrink:0;filter:drop-shadow(0 28px 48px rgba(0,135,201,.32));animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(5deg)}}@media (max-width: 900px){.hero-logo{display:none}}.hero-logo .wave-1,.hero-logo .wave-2,.hero-logo .wave-3{transform-box:fill-box;transform-origin:center}.hero-logo .wave-1{animation:waveMove 3s ease-in-out infinite}.hero-logo .wave-2{animation:waveMove 3.6s ease-in-out infinite reverse}.hero-logo .wave-3{animation:waveMove 4.2s ease-in-out infinite}@keyframes waveMove{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.philo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}.philo-item{padding:12px;transition:transform .25s}.philo-item:hover{transform:translateY(-5px)}.philo-num{width:82px;height:82px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(180deg,#fff,#edf5fb);border:1.5px solid rgba(0,135,201,.3);box-shadow:0 2px 5px #0a2d450f,0 12px 28px #0087c92e,inset 0 1px #fff}.philo-num span{font-size:30px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.philo-title{font-size:16px;font-weight:700;color:#0f2836;margin-top:6px}.philo-desc{font-size:12px;color:#7b8a90;margin-top:6px}@media (max-width: 768px){.philo-grid{grid-template-columns:1fr 1fr}}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-item{text-align:center;padding:34px 22px;background:#fff;border-radius:16px;border:1px solid rgba(0,135,201,.08);box-shadow:0 2px 6px #0a2d450a,0 12px 28px #0a2d4512;position:relative;transition:all .25s}.process-item:hover{transform:translateY(-6px);box-shadow:0 8px 16px #0a2d4514,0 22px 44px #0087c924}.process-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 8px 20px #0087c94d,inset 0 1px #ffffff4d}.process-step{font-size:11px;letter-spacing:2px;color:var(--brand);font-weight:600;margin-bottom:8px}.process-item h3{font-size:17px;font-weight:700;color:#0f2836;margin-bottom:8px}.process-item p{font-size:13px;color:#7b8a90;line-height:1.8}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tech-card{padding:30px 24px}.tech-name{font-size:17px;font-weight:700;color:#0f2836;margin-bottom:18px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 14px;border-radius:999px;font-size:12px;color:var(--brand);background:linear-gradient(180deg,#eef6fc,#e3f0fa);border:1px solid rgba(0,135,201,.22);box-shadow:0 1px 2px #0a2d450d}@media (max-width: 768px){.process-grid,.tech-grid{grid-template-columns:1fr 1fr}}.honor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.honor-item{padding:34px 22px;text-align:center}.honor-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#b8944a,#d4a857);box-shadow:0 8px 20px #d4a85759,inset 0 1px #ffffff59}.honor-title{font-size:16px;font-weight:700;color:#0f2836;margin-bottom:8px}.honor-desc{font-size:12px;color:#7b8a90;line-height:1.7}@media (max-width: 768px){.honor-grid{grid-template-columns:1fr 1fr}}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.partner-item{padding:22px 12px;text-align:center;background:#fff;border-radius:12px;border:1px solid rgba(0,135,201,.1);font-size:14px;color:#4a5c63;font-weight:600;box-shadow:0 2px 6px #0a2d450a;transition:all .2s}.partner-item:hover{border-color:#0087c94d;color:var(--brand);transform:translateY(-3px);box-shadow:0 8px 20px #0087c91f}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{padding:34px 28px;position:relative}.quote-mark{font-size:60px;line-height:1;color:var(--brand-2);opacity:.25;position:absolute;top:16px;right:24px;font-family:Georgia,serif}.quote-text{font-size:14px;color:#4a5c63;line-height:2;margin-bottom:22px}.quote-author{display:flex;align-items:center;gap:12px}.quote-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.quote-name{font-size:14px;font-weight:700;color:#0f2836}.quote-role{font-size:12px;color:#7b8a90}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.team-card{padding:34px 22px;text-align:center}.team-avatar{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;box-shadow:0 8px 20px #0087c94d}.team-name{font-size:16px;font-weight:700;color:#0f2836;margin-bottom:4px}.team-role{font-size:13px;color:var(--brand);margin-bottom:12px}.team-desc{font-size:12px;color:#7b8a90;line-height:1.7}@media (max-width: 768px){.partner-grid{grid-template-columns:1fr 1fr}.testimonial-grid,.team-grid{grid-template-columns:1fr}}.switch-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#f8faf9;border-radius:8px;border:1px solid #eef1f0;font-size:13px;color:#1a2b30}.switch{width:46px;height:26px;border-radius:999px;background:#d5dde2;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.switch.on{background:#0087c9}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0003}.switch.on .knob{left:23px}@media (max-width: 768px){.switch-list{grid-template-columns:1fr}}
