:root{--bg-base: #0A1628;--bg-surface: #0F2138;--bg-deep: #06101C;--border: #1E3A5F;--brand: #378ADD;--brand-light: #85B7EB;--accent: #5DCAA5;--accent-bg: #0F2A45;--text-1: #FFFFFF;--text-2: #7A8FA8;--text-3: #B5D4F4;--max: 1200px;--nav-h: 68px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--bg-base);color:var(--text-2);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{color:var(--text-1);font-weight:500;line-height:1.3}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;background:#0a1628eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max);margin:0 auto;padding:0 24px;height:var(--nav-h);display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;color:var(--text-1)}.logo-mark{width:32px;height:32px;border-radius:8px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}.logo-img{height:32px;width:auto;max-width:160px;object-fit:contain;border-radius:6px;display:block}.nav-menu{display:flex;gap:32px;margin-right:auto}.nav-menu a{font-size:15px;color:var(--text-2);transition:color .2s;position:relative;padding:4px 0}.nav-menu a:hover,.nav-menu a.active{color:var(--text-1)}.nav-menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--brand);border-radius:2px}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{width:22px;height:2px;background:var(--text-2);display:block;transition:.25s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:6px;font-size:15px;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#4a94e8;transform:translateY(-2px);box-shadow:0 8px 24px #378add4d}.btn-ghost{border-color:var(--brand);color:var(--brand-light)}.btn-ghost:hover{border-color:var(--brand-light);color:var(--text-1);background:#378add14}.btn-sm{padding:8px 20px;font-size:14px}.btn-block{width:100%}.btn-light{background:#fff;color:#185fa5}.btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.hero{position:relative;overflow:hidden;background:var(--bg-base)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-inner{position:relative;max-width:var(--max);margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.pill{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;background:var(--accent-bg);color:var(--accent);border:1px solid #1D6B57;margin-bottom:22px}.hero h1{font-size:46px;line-height:1.25;margin-bottom:20px;letter-spacing:-.5px}.hero h1 .hl{color:var(--accent)}.hero-sub{font-size:16px;color:var(--text-2);line-height:1.85;margin-bottom:32px;max-width:560px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}.trust{display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--text-2)}.trust span:before{content:"✓";color:var(--accent);margin-right:6px}.loop-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:28px}.loop-title{font-size:13px;color:var(--text-2);text-align:center;margin-bottom:22px}.loop-flow{display:flex;align-items:center;justify-content:center;gap:12px}.loop-node{background:var(--bg-base);border:1px solid var(--brand);border-radius:10px;padding:14px 18px;text-align:center;flex:1}.loop-node.on{background:var(--brand);border-color:var(--brand)}.loop-node .n-t{font-size:15px;font-weight:500;color:var(--brand-light)}.loop-node.on .n-t{color:#fff}.loop-node .n-d{font-size:12px;color:var(--text-2);margin-top:3px}.loop-node.on .n-d{color:var(--text-3)}.loop-arrow{color:var(--brand);font-size:18px}.loop-foot{margin-top:22px;padding-top:20px;border-top:1px solid var(--border);text-align:center}.loop-foot-t{font-size:13px;color:var(--text-2);margin-bottom:12px}.loop-stats{display:flex;justify-content:center;gap:36px}.loop-stats .v{font-size:26px;font-weight:500;color:var(--accent)}.loop-stats .l{font-size:12px;color:var(--text-2)}.banner{position:relative;overflow:hidden;background:var(--bg-base);border-bottom:1px solid var(--border)}.banner-inner{position:relative;max-width:var(--max);margin:0 auto;padding:56px 24px 48px}.crumb{font-size:13px;color:var(--text-2);margin-bottom:12px}.crumb a:hover{color:var(--brand-light)}.banner h1{font-size:34px;margin-bottom:12px}.banner p{font-size:15px;color:var(--text-2);max-width:720px}.about-logo{margin-bottom:22px}.about-logo img{max-height:64px;max-width:220px;object-fit:contain}.about-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:15px;font-size:28px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent))}.case-note{font-size:13px;color:var(--text-3);background:#5dcaa514;border:1px solid rgba(93,202,165,.25);border-radius:8px;padding:10px 14px;margin-top:14px;max-width:860px;line-height:1.6}.section{padding:84px 0}.section-sm{padding:56px 0}.sec-head{text-align:center;margin-bottom:52px}.sec-head h2{font-size:32px;margin-bottom:14px}.sec-head p{font-size:15px;color:var(--text-2);max-width:620px;margin:0 auto}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:26px;transition:border-color .25s,transform .25s}.card:hover{border-color:var(--brand);transform:translateY(-4px)}.card-num{font-size:22px;font-weight:500;color:var(--brand);margin-bottom:12px}.card-ico{width:46px;height:46px;border-radius:10px;background:var(--bg-base);border:1px solid var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--accent);margin-bottom:18px}.card h3{font-size:18px;margin-bottom:10px}.card p{font-size:14px;color:var(--text-2);line-height:1.75}.card-link{display:inline-block;margin-top:16px;font-size:14px;color:var(--brand)}.stats{display:flex;justify-content:space-around;text-align:center;padding:48px 24px;background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-v{font-size:40px;font-weight:500;color:var(--accent);line-height:1.2}.stat-l{font-size:14px;color:var(--text-2);margin-top:6px}.band{max-width:var(--max);margin:0 auto;background:var(--brand);border-radius:16px;padding:46px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px}.band h2{font-size:26px;margin-bottom:8px}.band p{font-size:15px;color:var(--text-3)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.filter{padding:8px 22px;border-radius:22px;font-size:14px;border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:none;transition:.2s}.filter:hover{border-color:var(--brand);color:var(--text-1)}.filter.on{background:var(--brand);border-color:var(--brand);color:#fff}.item-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .25s,transform .25s}.item-card:hover{border-color:var(--brand);transform:translateY(-4px)}.item-cover{position:relative;height:190px;background:var(--bg-base);overflow:hidden}.item-cover svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.item-tag{position:absolute;top:14px;left:14px;z-index:2;padding:4px 14px;border-radius:14px;font-size:12px;background:var(--accent-bg);color:var(--accent);border:1px solid #1D6B57}.item-body{padding:22px}.item-body h3{font-size:18px;margin-bottom:10px}.item-body p{font-size:14px;color:var(--text-2);line-height:1.7}.item-metrics{display:flex;gap:28px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.item-metrics .v{font-size:20px;font-weight:500;color:var(--accent)}.item-metrics .l{font-size:12px;color:var(--text-2);margin-top:2px}.pager{display:flex;justify-content:center;gap:8px;margin-top:44px}.pager a{min-width:38px;height:38px;padding:0 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid var(--border);color:var(--text-2);transition:.2s}.pager a:hover{border-color:var(--brand);color:var(--text-1)}.pager a.on{background:var(--brand);border-color:var(--brand);color:#fff}.detail{max-width:var(--max);margin:0 auto;padding:56px 24px 84px;display:grid;grid-template-columns:1fr 320px;gap:48px}.detail-main h2{font-size:22px;margin:40px 0 18px}.detail-main h2:first-child{margin-top:0}.detail-main p{font-size:15px;color:var(--text-2);line-height:1.9;margin-bottom:16px}.detail-hero{height:260px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden;margin-bottom:8px}.detail-hero svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:8px}.feature{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:20px}.feature .f-t{font-size:15px;font-weight:500;color:var(--text-1);margin-bottom:6px}.feature .f-d{font-size:13px;color:var(--text-2);line-height:1.7}.bullets{font-size:15px;color:var(--text-2);line-height:2.1}.bullets div{padding-left:18px;position:relative}.bullets div:before{content:"·";position:absolute;left:4px;color:var(--accent)}.metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:48px}.metric{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-align:center}.metric .m-v{font-size:30px;font-weight:500;color:var(--accent);line-height:1.2}.metric .m-l{font-size:13px;color:var(--text-2);margin-top:6px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tag{padding:5px 16px;border-radius:16px;font-size:13px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-2)}.tag-accent{background:var(--accent-bg);border-color:#1d6b57;color:var(--accent)}.side-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.side-card h3{font-size:16px;margin-bottom:16px}.side-row{display:flex;font-size:14px;line-height:2.2}.side-row .k{color:var(--text-2);width:76px;flex-shrink:0}.side-row .v{color:var(--text-1)}.side-links{font-size:14px;color:var(--text-2);line-height:2.2}.side-links a:hover{color:var(--brand-light)}.about-grid{display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:start}.about-grid p{font-size:15px;color:var(--text-2);line-height:1.95;margin-bottom:18px}.env-box{height:300px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.env-box svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.env-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.env-label{position:absolute;bottom:16px;left:18px;font-size:13px;color:var(--text-2);z-index:2}.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.vision{background:var(--accent-bg);border:1px solid #1D6B57;border-radius:12px;padding:30px}.vision h3{font-size:20px;color:var(--accent);margin-bottom:12px}.vision p{font-size:15px;color:var(--text-2);line-height:1.85}.timeline{display:flex}.tl-item{flex:1;border-top:2px solid var(--brand);padding:22px 20px 0 0;position:relative}.tl-item:last-child{border-top-color:var(--border)}.tl-dot{position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--brand)}.tl-item.now .tl-dot{background:var(--accent)}.tl-date{font-size:17px;font-weight:500;color:var(--text-1);margin-bottom:6px}.tl-item.now .tl-date{color:var(--accent)}.tl-text{font-size:14px;color:var(--text-2);line-height:1.7}.contact-grid{display:grid;grid-template-columns:380px 1fr;gap:48px}.info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:20px}.info-card h3{font-size:17px;margin-bottom:18px}.info-row{display:flex;gap:14px;margin-bottom:16px;font-size:15px}.info-row .k{color:var(--text-2);width:60px;flex-shrink:0}.info-row .v{color:var(--text-1)}.map-box{background:var(--bg-base);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px}.map-box iframe.map-frame{width:420px;height:350px;max-width:100%;border:0;border-radius:8px;display:block}.map-fallback{position:relative;width:100%;height:280px}.map-fallback svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-tip{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:13px;color:var(--text-3)}.map-tip .map-open{color:var(--brand-light);white-space:nowrap;font-weight:500}.map-tip .map-open:hover{color:var(--brand)}.form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:36px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.field{margin-bottom:20px}.field label{display:block;font-size:14px;color:var(--text-2);margin-bottom:8px}.field label .req{color:var(--accent)}.field input,.field select,.field textarea{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:15px;color:var(--text-1);font-family:inherit;transition:border-color .2s;outline:none}.field input::placeholder,.field textarea::placeholder{color:#4a5c72}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)}.field textarea{resize:vertical;min-height:110px}.logo-edit{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo-preview{height:44px;max-width:220px;width:auto;object-fit:contain;border:1px solid var(--border);border-radius:8px;padding:6px;background:#fff}.media-preview{height:120px;max-width:280px;width:auto;object-fit:contain;background:var(--bg-deep)}.logo-ph{height:44px;min-width:140px;padding:0 16px;display:inline-flex;align-items:center;border:1px dashed var(--border);border-radius:8px;color:var(--text-2);font-size:13px}.logo-actions{display:flex;gap:8px}.hint{font-size:12px;color:var(--text-2);margin-top:8px}.form-note{font-size:13px;color:var(--text-2);text-align:center;margin-top:16px}.form-ok{display:none;background:var(--accent-bg);border:1px solid #1D6B57;border-radius:10px;padding:16px;font-size:14px;color:var(--accent);text-align:center;margin-top:16px}.footer{background:var(--bg-deep);border-top:1px solid var(--border);padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;margin-bottom:40px}.footer h4{font-size:15px;margin-bottom:18px}.footer p,.footer li{font-size:14px;color:var(--text-2);line-height:2}.footer ul{list-style:none}.footer a:hover{color:var(--brand-light)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;font-size:13px;color:var(--text-2);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#030810b8;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{width:100%;max-width:640px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:18px}.modal-head .x{cursor:pointer;color:var(--text-2);font-size:22px;line-height:1;background:none;border:0}.modal-body{padding:24px;max-height:64vh;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid var(--border)}.kv-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.kv-row input{flex:1}.kv-row .k-key{flex:0 0 42%}.kv-row .k-val{flex:1}.kv-del{flex:0 0 auto}.img-prev{margin-top:10px}.img-prev img{max-height:120px;border-radius:8px;border:1px solid var(--border)}.form-hint{font-size:13px;color:var(--text-2);margin:4px 0 14px}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:14px;line-height:1.6}.alert-ok{background:var(--accent-bg);border:1px solid #1D6B57;color:var(--accent)}.alert-err{background:#2a1a1a;border:1px solid #5A2A2A;color:#e27c74}.empty{text-align:center;padding:56px 0;color:var(--text-2);font-size:14px}.cover-ph{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 30% 20%,#16335a,#0a1628 72%)}.loading{text-align:center;padding:56px 0;color:var(--text-2);font-size:14px}.section-head-actions{display:flex;justify-content:center;margin-top:36px}.muted{color:var(--text-2)}.center{text-align:center}.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.reveal.in{opacity:1;transform:none}.jump-node,.jump-arrow{opacity:0;transform:translateY(-22px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1.2,.36,1);transition-delay:calc(var(--d, 0) * var(--gap, 1s))}.loop-flow,.loop-stats{--gap: 1s}.stats{--gap: .3s}.loop-in .jump-node,.loop-in .jump-arrow,.stats-in .jump-node{opacity:1;transform:translateY(0)}@keyframes stat-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.loop-in .loop-stats .v,.stats-in .stat-v{animation:stat-pop .6s ease both;animation-delay:calc(var(--d, 0) * var(--gap, 1s) + .15s)}@media (prefers-reduced-motion: reduce){.reveal,.jump-node,.jump-arrow{opacity:1;transform:none;transition:none}.loop-in .loop-stats .v,.stats-in .stat-v{animation:none}*{animation:none!important}}@keyframes pulse-ring{0%{box-shadow:0 0 #5dcaa559}70%{box-shadow:0 0 0 14px #5dcaa500}to{box-shadow:0 0 #5dcaa500}}.pulse{animation:pulse-ring 2.4s infinite}.admin-wrap{display:flex;min-height:100vh}.admin-side{width:220px;background:var(--bg-deep);border-right:1px solid var(--border);flex-shrink:0}.admin-brand{display:flex;align-items:center;gap:10px;padding:22px 20px;font-size:16px;font-weight:500;color:var(--text-1);border-bottom:1px solid var(--border)}.admin-side .mark{width:30px;height:30px;border-radius:7px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.admin-group{padding:18px 20px 8px;font-size:12px;color:#4a5c72}.admin-item{display:block;padding:10px 20px;font-size:14px;color:var(--text-2);border-left:2px solid transparent;transition:.2s}.admin-item:hover{color:var(--text-1);background:#378add0f}.admin-item.on{background:var(--brand);color:#fff;border-left-color:var(--brand-light)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-top{display:flex;align-items:center;padding:0 28px;height:64px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.admin-top h1{font-size:18px}.admin-user{margin-left:auto;font-size:14px;color:var(--text-2)}.admin-body{padding:28px;flex:1}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.admin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:22px}.admin-card .c-l{font-size:13px;color:var(--text-2)}.admin-card .c-v{font-size:30px;font-weight:500;color:var(--text-1);margin-top:6px}.admin-bar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.admin-bar input,.admin-bar select{background:var(--bg-base);border:1px solid var(--border);border-radius:7px;padding:9px 14px;font-size:14px;color:var(--text-1);font-family:inherit;outline:none}.admin-bar input{flex:1;min-width:180px;max-width:280px}.admin-bar input:focus,.admin-bar select:focus{border-color:var(--brand)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 18px;font-size:13px;font-weight:400;color:var(--text-2);border-bottom:1px solid var(--border);background:var(--bg-base)}td{padding:14px 18px;font-size:14px;color:var(--text-2);border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#378add0a}td.strong{color:var(--text-1)}.badge{display:inline-block;padding:3px 12px;border-radius:12px;font-size:12px}.badge-on{background:#14331f;color:var(--accent)}.badge-off{background:#2a2118;color:#c9a227}.act{color:var(--brand);cursor:pointer}.act:hover{color:var(--brand-light)}.act-del{color:#c9574f;cursor:pointer;margin-left:12px}.act-del:hover{color:#e27c74}.pager-admin{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;font-size:13px;color:var(--text-2)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:40px}.login-box h1{font-size:24px;text-align:center;margin-bottom:8px}.login-box .sub{font-size:14px;color:var(--text-2);text-align:center;margin-bottom:32px}.login-tip{margin-top:22px;padding:12px;background:var(--bg-base);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-2);text-align:center}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.admin-cards{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.metrics-bar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.container,.nav-inner,.hero-inner,.banner-inner,.detail,.admin-body{padding-left:18px;padding-right:18px}.nav-menu{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;background:var(--bg-deep);border-bottom:1px solid var(--border);padding:8px 0}.nav-menu.open{display:flex}.nav-menu a{padding:14px 24px;border-bottom:1px solid var(--border)}.nav-menu a.active:after{display:none}.nav-toggle{display:flex}.nav-inner{gap:12px}.nav .btn{display:none}.hero-inner{grid-template-columns:1fr;padding:52px 18px;gap:36px}.hero h1{font-size:30px}.hero-sub{font-size:15px}.hero-actions .btn{flex:1;min-width:140px}.trust{gap:14px;font-size:13px}.section{padding:52px 0}.sec-head h2{font-size:24px}.grid-4,.grid-3,.grid-2,.feature-grid,.vision-grid{grid-template-columns:1fr}.banner h1{font-size:26px}.banner-inner{padding:36px 18px 32px}.stats{flex-wrap:wrap;gap:28px 0;padding:36px 18px}.stats>div{width:50%}.stat-v{font-size:28px}.band{flex-direction:column;text-align:center;padding:32px 24px}.band h2{font-size:21px}.loop-flow{flex-direction:column;gap:10px}.loop-arrow{transform:rotate(90deg)}.loop-node{width:100%}.detail{padding:32px 18px 56px;gap:32px}.metrics-bar{grid-template-columns:repeat(2,1fr);gap:12px}.metric .m-v{font-size:24px}.form-card{padding:24px 20px}.form-row{grid-template-columns:1fr}.admin-wrap{flex-direction:column}.admin-side{width:100%;border-right:0;border-bottom:1px solid var(--border)}.admin-side .admin-group,.admin-item{display:none}.admin-side.show .admin-group,.admin-side.show .admin-item{display:block}.admin-brand{justify-content:space-between}.admin-cards{grid-template-columns:repeat(2,1fr);gap:12px}.admin-card{padding:16px}.admin-card .c-v{font-size:22px}.admin-top{padding:0 18px}.table-wrap{overflow-x:auto}table{min-width:640px}.timeline{flex-direction:column;gap:0}.tl-item{border-top:0;border-left:2px solid var(--brand);padding:0 0 26px 22px}.tl-item:last-child{border-left-color:var(--border)}.tl-dot{top:4px;left:-6px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:8px}}