:root{--ink:#071016;--navy:#071823;--panel:#0c202c;--panel2:#102b39;--line:rgba(167,208,218,.18);--gold:#e9b858;--gold-soft:#f5d78d;--mint:#64d7b5;--blue:#79baf4;--white:#eff7f5;--muted:#9fbdc5;--coral:#f19677;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 10% 0%,#173d48 0,transparent 32rem),linear-gradient(160deg,#061017,#071c27 48%,#06141d);line-height:1.65}.topline{height:4px;background:linear-gradient(90deg,#5bdfbd,#dcb35a 48%,#ee8464)}.site-header{height:74px;padding:0 clamp(18px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:22px;background:rgba(5,18,26,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:max-content}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#07151b;font-family:Georgia,serif;font-weight:900;background:linear-gradient(145deg,#f8dc96,#ba7b25);box-shadow:0 0 24px rgba(233,184,88,.42)}.brand strong{display:block;letter-spacing:.06em;font-size:15px}.brand small{font-size:10px;color:#a9c5cb;display:block;letter-spacing:.12em}.site-header nav{display:flex;gap:5px;align-items:center}.nav-link{color:#a9c4c9;text-decoration:none;font-size:13px;padding:8px 11px;border-radius:999px;transition:.2s}.nav-link:hover,.nav-link.active{color:#1a211f;background:#e4c370}.offline-pill{display:flex;align-items:center;gap:7px;color:#d5eee8;font-size:12px;white-space:nowrap}.offline-pill span,.green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58dfa6;box-shadow:0 0 0 4px rgba(88,223,166,.12)}main,.presentation-route,footer{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}.demo-notice{margin:24px auto 8px;max-width:1192px;border:1px solid rgba(100,215,181,.32);background:linear-gradient(90deg,rgba(30,122,103,.22),rgba(12,38,49,.82));border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:13px}.notice-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#68d8b4;color:#072017;font-weight:900}.demo-notice strong{font-size:13px}.demo-notice p{font-size:12px;margin:0;color:#bcd5d2}.outline-button,.gold-button,.text-button{font:inherit;border:0;cursor:pointer;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease}.outline-button{margin-left:auto;background:transparent;color:#f1d18a;border:1px solid rgba(233,184,88,.6);padding:9px 15px;font-size:12px}.outline-button:hover,.gold-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}.panel{display:none;padding:54px 0 38px;animation:enter .35s ease both}.panel.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-grid{min-height:510px;border:1px solid var(--line);overflow:hidden;border-radius:26px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(115deg,#0b2631,#081b27)}.hero-copy{padding:clamp(32px,5vw,76px);position:relative;z-index:2}.eyebrow,.kicker{font-family:Georgia,"Times New Roman",serif;letter-spacing:.15em;color:#efc66c;font-size:11px}.hero-copy h1{line-height:1.18;font-size:clamp(38px,5vw,65px);margin:11px 0 22px;letter-spacing:.04em}.hero-copy h1 em,.adoption-copy h3 em{font-style:normal;color:#f4c559}.hero-lede{max-width:570px;color:#c2d8d8;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:28px}.gold-button{padding:13px 18px;color:#172021;background:linear-gradient(110deg,#ecc15f,#f7dda0);font-size:13px;font-weight:800}.gold-button b,.matrix-card b{padding-left:12px;font-size:16px}.text-button{background:transparent;color:#c9e7e0;padding:10px 5px;font-size:13px}.hero-facts{display:flex;gap:34px;margin-top:50px}.hero-facts b{font-size:26px;font-family:Georgia,serif;display:block;color:#f7d98b}.hero-facts span{display:block;font-size:11px;color:#9cc0c6}.hero-art{overflow:hidden;position:relative;min-height:360px;background:radial-gradient(circle at 42% 26%,#d99a3a 0 1%,rgba(221,159,60,.17) 2%,transparent 16%),linear-gradient(155deg,#105b69,#173752 45%,#08232e 46%,#08232e);isolation:isolate}.sun{position:absolute;right:10%;top:12%;height:130px;width:130px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff1af,#e9b451 60%,#a2641f);filter:drop-shadow(0 0 35px rgba(243,189,91,.6))}.hill{position:absolute;bottom:-14%;border-radius:55% 55% 0 0;background:#08202a;z-index:-1}.hill-a{width:120%;height:60%;right:-34%;transform:rotate(-5deg);background:linear-gradient(150deg,#17435b,#0c2734)}.hill-b{width:110%;height:45%;left:-56%;background:linear-gradient(40deg,#123e3e,#0a2c31)}.orbit{position:absolute;border:1px solid rgba(246,221,140,.42);border-radius:50%;width:300px;height:105px;left:8%;bottom:20%;transform:rotate(-17deg)}.orbit-b{width:255px;height:85px;left:18%;bottom:28%;border-color:rgba(146,231,203,.4)}.hero-art-title{position:absolute;right:8%;bottom:16%;font-size:clamp(30px,4vw,53px);line-height:1.15;text-align:right;letter-spacing:.12em;font-family:Georgia,"Noto Serif SC",serif;text-shadow:0 4px 12px #071922}.hero-art-title span{color:#f6cd6a;font-size:.6em}.signal-card{position:absolute;left:8%;top:8%;display:flex;align-items:center;gap:10px;border:1px solid rgba(197,234,226,.32);background:rgba(5,22,30,.54);border-radius:10px;padding:9px 12px}.signal-card span{color:#7de4c5;font-size:20px}.signal-card strong,.signal-card small{display:block;font-size:10px}.signal-card small{color:#9ac0c3}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:46px 0 20px}.section-heading h2{font-size:27px;letter-spacing:.04em;margin:1px 0}.section-heading p{max-width:420px;color:var(--muted);font-size:13px;margin:0}.matrix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.matrix-card{min-height:210px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,57,70,.7),rgba(9,28,38,.82));border-radius:17px;padding:20px;display:flex;flex-direction:column;transition:.2s}.matrix-card:hover{transform:translateY(-4px);border-color:rgba(233,184,88,.6)}.matrix-card.featured{background:linear-gradient(145deg,rgba(56,60,39,.85),rgba(17,47,48,.82))}.card-top{display:flex;justify-content:space-between;color:#9dbbc1;font-size:12px}.card-top i{font-style:normal;color:#f2c765;background:rgba(242,199,101,.12);border-radius:99px;padding:2px 7px;font-size:10px}.matrix-card h3{font-size:17px;margin:26px 0 8px;color:#edf4e7}.matrix-card p{font-size:12px;color:#a9c2c8;margin:0}.matrix-card button{margin-top:auto;border:0;background:transparent;color:#eac363;text-align:left;padding:0;font:inherit;font-size:12px;cursor:pointer}.split-heading{align-items:center}.snapshot-label{border-left:2px solid #e4b551;padding-left:13px;font-size:11px;color:#b8ced1;display:flex;flex-direction:column}.snapshot-label b{color:#f3ce74}.dhi-hero{border:1px solid rgba(105,196,172,.22);background:radial-gradient(circle at 81% 5%,rgba(67,178,153,.2),transparent 18rem),linear-gradient(120deg,#0c2b32,#0b1f29);border-radius:20px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:1fr 1fr;gap:30px}.dhi-number{display:flex;align-items:baseline;gap:9px;margin:8px 0}.dhi-number span{font-size:13px;color:#bfdbd8}.dhi-number b{font-family:Georgia,serif;font-size:76px;line-height:1;color:#eec96e}.dhi-number em{font-style:normal;color:#b9d6d2;font-size:15px}.dhi-copy p{color:#b5ced1;font-size:13px;max-width:480px}.dhi-status{font-size:12px;color:#a9d9cd;display:flex;align-items:center;gap:8px;margin-top:17px}.formula-card{align-self:end;padding:23px;border:1px solid rgba(233,184,88,.3);background:rgba(4,19,25,.34);border-radius:14px}.formula-card span{font-size:11px;color:#e9bf60}.formula-card strong{font-family:Georgia,serif;display:block;line-height:1.5;margin:13px 0;color:#f1d17f;font-size:18px}.formula-card p{font-size:12px;margin:0;color:#a9c4c4}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric{padding:16px;border-radius:14px;border:1px solid var(--line);background:#0c232c}.metric span,.metric small{display:block;font-size:11px;color:#b2cbd0}.metric b{font-family:Georgia,serif;font-size:32px;line-height:1.2;margin:5px 0;display:block}.metric-c b{color:#f0bf62}.metric-e b{color:#75bef4}.metric-h b{color:#73d5a6}.metric-s b{color:#d69bef}.bar{height:4px;margin-top:13px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#f4c861,#7bd8b1)}.dashboard-grid,.teaching-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;margin-top:15px}.screen-card{margin:0;overflow:hidden;border:1px solid var(--line);background:#061015;border-radius:16px}.screen-top{display:flex;justify-content:space-between;padding:9px 13px;background:#0f2c34;color:#b2d4d3;font-size:10px}.screen-card img{display:block;width:100%;height:auto}.elder-card,.knowledge-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(145deg,#112c35,#0b1c25)}.elder-card h3,.knowledge-card h3{font-size:20px;line-height:1.4;margin:5px 0}.elder-card p,.knowledge-card p{font-size:13px;color:#b3cdd0}.elder-card ul{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0;margin:25px 0;list-style:none}.elder-card li{font-size:10px;color:#a7c4c6}.elder-card li b{font-family:Georgia,serif;color:#f1c962;font-size:21px;display:block}.demo-chat{background:#09272a;border:1px solid rgba(104,215,181,.22);padding:13px;border-radius:12px}.demo-chat span{font-size:11px;color:#6ce0bd}.demo-chat p{color:#e5f3ee;font-size:12px;margin:5px 0}.demo-chat small,.muted{font-size:10px;color:#8eb0b5}.gov-badge{background:linear-gradient(90deg,#e8bd5d,#bf7d26);color:#10191d;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900}.adoption-card{min-height:430px;overflow:hidden;border:1px solid rgba(231,182,80,.38);background:radial-gradient(circle at 85% 16%,rgba(69,139,186,.35),transparent 22rem),linear-gradient(125deg,#0a2231,#0e3150);border-radius:23px;display:grid;grid-template-columns:1fr 1fr}.adoption-copy{padding:clamp(25px,4vw,57px);position:relative;z-index:3}.adoption-copy h3{font-size:clamp(28px,3.7vw,48px);line-height:1.25;margin:8px 0 16px}.adoption-copy p{color:#c4d6dc;font-size:14px}.adoption-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.adoption-tags span{font-size:11px;border:1px solid rgba(232,198,111,.45);padding:4px 8px;border-radius:99px;color:#f1d179}.zhenghe-stage{overflow:hidden;position:relative;background:linear-gradient(145deg,transparent,#0c416b 100%)}.sea-line{position:absolute;bottom:18%;width:110%;height:50px;border-top:2px solid rgba(135,218,242,.5);border-radius:50%;transform:rotate(-5deg)}.sea-two{bottom:9%;border-top-color:rgba(232,188,91,.4);transform:rotate(6deg)}.zhenghe-stage img{position:absolute;object-fit:contain;filter:drop-shadow(0 22px 17px rgba(0,0,0,.35));transition:transform .3s ease}.zhenghe-stage img:hover{transform:translateY(-8px) scale(1.04)}.zhenghe-official{width:62%;height:78%;left:-3%;bottom:5%}.zhenghe-sail{width:58%;height:70%;right:-4%;bottom:7%;border-radius:20px}.character-label{position:absolute;bottom:6%;font-size:10px;padding:3px 8px;border-radius:99px;background:#081b29;color:#f2d077}.character-label.left{left:15%}.character-label.right{right:15%}.heritage-evidence{margin-top:15px;border:1px solid var(--line);border-radius:18px;padding:26px;display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;background:#0b1d29}.evidence-copy h3{font-size:23px;margin:4px 0}.evidence-copy p{font-size:13px;color:#b4cbd1}.auth-line{font-size:11px;color:#e7bf69;border-left:2px solid #d8a848;padding-left:9px}.phone-pair{display:flex;gap:15px;justify-content:center;align-items:center;overflow:hidden}.phone-pair img{height:267px;width:auto;max-width:47%;object-fit:cover;object-position:top;border:5px solid #182c35;border-radius:23px;box-shadow:0 10px 25px #000}.consult-panel{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-radius:16px;background:linear-gradient(90deg,#2d291e,#122a30);border:1px solid rgba(231,183,84,.25)}.consult-panel h3{margin:3px 0;font-size:20px}.consult-panel p{margin:0;font-size:12px;color:#c5d4d1}.teaching-board{border:1px solid var(--line);padding:24px;border-radius:18px;background:linear-gradient(120deg,#091b25,#123033)}.teacher-profile{display:flex;align-items:center;gap:15px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#e6bd65,#734e20);display:grid;place-items:center;font-family:Georgia,serif;font-size:30px;color:#111}.teacher-profile span{font-size:10px;color:#a9c6c9}.teacher-profile h3{font-size:21px;margin:0}.teacher-profile p{font-size:12px;color:#b3cacd;margin:2px 0}.credential-tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.credential-tags span{font-size:10px;color:#cae7e1;border:1px solid rgba(97,197,177,.32);background:rgba(44,119,111,.12);border-radius:99px;padding:4px 8px}.credential-tags .gold-tag{color:#f1cc75;border-color:rgba(233,184,88,.48);background:rgba(160,100,28,.14)}.advisor-strip{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:12px 15px;background:linear-gradient(90deg,rgba(145,93,30,.25),rgba(12,35,38,.18));border:1px solid rgba(233,184,88,.25);border-radius:10px;font-size:11px}.advisor-strip b{color:#f2c969}.advisor-strip span{color:#87d9b8;border-radius:99px;background:rgba(44,141,107,.28);padding:2px 7px}.advisor-strip p{margin:0;color:#c5d8d5}.teaching-shot img{max-height:390px;object-fit:cover;object-position:top}.flow{display:flex;align-items:center;gap:7px;margin:18px 0}.flow div{flex:1;text-align:center}.flow i{display:block;font-style:normal;font-size:22px}.flow b,.flow small{display:block;font-size:10px}.flow small{color:#91b2b8}.flow em{color:#e5bb5e;font-style:normal}.map-preview{border:1px dashed rgba(120,182,202,.45);background:rgba(4,16,25,.4);padding:18px;border-radius:12px;text-align:center}.map-node{display:inline-block;border:1px solid #d9af59;color:#f1cf7c;padding:6px 12px;border-radius:7px;font-size:12px}.map-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;margin-top:18px}.map-branches:before{content:"";position:absolute;top:-10px;left:16%;width:68%;height:1px;background:rgba(204,211,151,.38)}.map-branches div{display:flex;flex-direction:column;gap:5px}.map-branches span{color:#92d9c9;font-size:11px}.map-branches i{font-style:normal;color:#aabfc2;font-size:10px}.presentation-route{border-top:1px solid var(--line);padding-top:36px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:35px}.presentation-route h2{font-size:23px;margin:2px 0}.presentation-route ol{list-style:none;padding:0;margin:0;display:flex;gap:0}.presentation-route li{display:flex;align-items:center;gap:8px;min-width:145px;padding:0 17px;border-left:1px solid var(--line)}.presentation-route li b{font-family:Georgia,serif;font-size:23px;color:#e9b95c}.presentation-route li span{font-size:12px}.presentation-route li small{color:#91b4bb;font-size:10px}footer{border-top:1px solid var(--line);padding-top:23px;padding-bottom:34px;display:flex;justify-content:space-between;gap:20px;color:#8daeb5;font-size:11px}footer strong{display:block;color:#d5e9e5;font-size:13px}footer span{display:block;margin-top:4px}footer p{max-width:530px;margin:0}dialog{color:var(--white);max-width:min(720px,92vw);border:1px solid rgba(233,184,88,.48);background:linear-gradient(145deg,#0f2b37,#071821);border-radius:18px;padding:28px;box-shadow:0 24px 90px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(1,10,14,.78);backdrop-filter:blur(5px)}.close{float:right;border:0;background:transparent;color:#d8e7e3;font-size:29px;cursor:pointer;line-height:1}.dialog-grid{display:grid;grid-template-columns:200px 1fr;gap:23px;align-items:center}.dialog-grid img{max-width:100%;max-height:300px;object-fit:contain}.dialog-grid h2,.contact-dialog h2{margin:4px 0 12px;font-size:25px}.dialog-grid p,.dialog-grid li,.contact-dialog p{color:#b7d0d2;font-size:13px}.dialog-grid ul{padding-left:20px}.contact-box{padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:4px}.contact-box b{color:#e8c260;font-size:12px}.contact-box span{font-size:12px;color:#d5e9e6}@media (max-width:900px){.site-header nav{display:none}.hero-grid,.adoption-card,.dhi-hero,.dashboard-grid,.teaching-grid,.heritage-evidence{grid-template-columns:1fr}.hero-art{min-height:350px}.matrix-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.adoption-copy{min-height:330px}.zhenghe-stage{min-height:390px}.presentation-route{display:block}.presentation-route ol{margin-top:18px}.presentation-route li{padding:0 12px;min-width:auto;flex:1}.teaching-shot{order:2}.knowledge-card{order:1}}@media (max-width:600px){.site-header{height:63px;padding:0 14px}.brand strong{font-size:12px}.offline-pill{font-size:10px}.demo-notice{margin:12px 14px;padding:10px}.demo-notice p{display:none}.outline-button{font-size:10px;padding:7px 9px}main,.presentation-route,footer{padding-left:14px;padding-right:14px}.panel{padding-top:28px}.hero-copy{padding:32px 25px}.hero-art{min-height:270px}.hero-facts{gap:18px;margin-top:34px}.hero-facts b{font-size:21px}.section-heading{align-items:start;display:block;margin:28px 0 14px}.section-heading h2{font-size:22px}.section-heading p{margin-top:7px}.matrix-grid,.metrics-grid{grid-template-columns:1fr}.matrix-card{min-height:150px}.dhi-number b{font-size:62px}.dhi-hero{padding:20px}.formula-card strong{font-size:15px}.elder-card ul{gap:10px}.adoption-copy h3{font-size:29px}.phone-pair img{height:205px}.consult-panel{padding:18px;align-items:flex-start;flex-direction:column}.consult-panel .outline-button{margin-left:0}.teacher-profile h3{font-size:17px}.advisor-strip{grid-template-columns:1fr}.flow{flex-wrap:wrap;justify-content:center}.flow div{flex-basis:37%}.flow em{display:none}.presentation-route li{border-left:0;display:block;padding:7px;min-width:0}.presentation-route li b{display:block}.presentation-route li span{font-size:10px}.presentation-route li small{display:none}footer{display:block}.dialog-grid{grid-template-columns:1fr}.dialog-grid img{max-height:180px;margin:auto;display:block}}
