:root{--navy:#05142e;--panel:#081d40;--panel2:#0b2854;--blue:#315cff;--cyan:#25d9ff;--orange:#ff7a2f;--paper:#f4f7fc;--ink:#101d35;--muted:#687793;--line:#dce5f1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:1280px;margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:var(--paper)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:82px;padding:0 25px;display:flex;align-items:center;color:#fff;border-bottom:1px solid #19365d;background:#061731}.brand{width:226px;display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:38px;height:38px;display:block;transform:rotate(45deg);border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 24px rgba(36,216,255,.28)}.brand-mark i{position:absolute;border-radius:3px;background:#071a3c}.brand-mark i:first-child{top:7px;left:10px;width:7px;height:23px}.brand-mark i:last-child{top:10px;left:7px;width:23px;height:7px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:20px;letter-spacing:3px}.brand small{margin-top:2px;color:#7590b4;font-size:12px;letter-spacing:3px}.page-title{height:42px;padding-left:26px;display:flex;align-items:center;gap:13px;border-left:1px solid #29476f}.page-title>i{position:relative;width:33px;height:33px;border:1px solid #32649a;border-radius:8px}.page-title>i::before{position:absolute;left:8px;top:9px;width:14px;height:11px;content:"";border:2px solid var(--cyan);border-radius:2px}.page-title>i::after{position:absolute;left:12px;top:5px;width:6px;height:3px;content:"";border:2px solid var(--cyan);border-bottom:0}.page-title span{display:flex;flex-direction:column}.page-title small{color:#607a9d;font-size:12px;letter-spacing:2px}.page-title strong{margin-top:3px;font-size:16px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.service-status{margin-right:8px;color:#8ea6c6;font-size:12px}.service-status i{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:#38e3ae;box-shadow:0 0 9px #38e3ae}.top-actions button,.top-actions a{padding:10px 15px;color:#dbe8fb;border:1px solid #2c537e;background:#0a2449;font-size:12px}.top-actions button{color:#fff;border-color:#ff8b43;background:#cb5518}.side-nav{position:fixed;z-index:30;top:82px;bottom:0;left:0;width:250px;padding:20px 16px;border-right:1px solid #18355b;background:#051631;overflow:auto}.side-label{padding:18px 16px;border:1px solid #24466f;background:linear-gradient(135deg,#0d2b55,#081d3d)}.side-label span{color:var(--orange);font:700 12px Arial;letter-spacing:1.5px}.side-label strong{margin:9px 0;display:block;color:#fff;font-size:14px}.side-label small{color:#6d89ae;font-size:12px}.side-nav nav{margin-top:17px}.side-nav nav a{position:relative;min-height:65px;padding:11px 9px;display:grid;grid-template-columns:31px 1fr;align-items:center;color:#fff;border-bottom:1px solid rgba(76,112,161,.14)}.side-nav nav a::before{position:absolute;left:0;top:12px;bottom:12px;width:2px;content:""}.side-nav nav a>span{grid-row:1/3;color:#516d91;font:700 12px Arial}.side-nav nav strong{font-size:14px}.side-nav nav small{margin-top:3px;color:#667fa2;font-size:12px}.side-nav nav a.is-active{background:linear-gradient(90deg,rgba(255,113,39,.17),transparent)}.side-nav nav a.is-active::before{background:var(--orange);box-shadow:0 0 9px var(--orange)}.side-nav nav a.is-active>span{color:var(--orange)}.side-data{margin-top:22px;padding:16px;color:#fff;border:1px solid #24466f}.side-data>span{color:#748baa;font-size:12px}.side-data strong{margin-top:8px;display:block;font:700 28px Arial}.side-data em{color:var(--orange);font-style:normal}.side-data>i{height:3px;margin:11px 0;display:block;background:#12325f}.side-data b{width:74%;height:100%;display:block;background:linear-gradient(90deg,var(--orange),#ffc45b)}.side-data small{color:#667e9e;font-size:12px}main{margin-left:250px;padding-top:82px}.hero{position:relative;height:670px;overflow:hidden;color:#fff;background:var(--navy)}.hero>img,.hero-overlay,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero>img{object-fit:cover;object-position:center 48%}.hero-overlay{background:linear-gradient(90deg,rgba(3,14,34,.98) 0%,rgba(3,15,37,.86) 37%,rgba(3,15,37,.28) 67%,rgba(3,15,37,.58) 100%),linear-gradient(0deg,rgba(3,14,34,.72),transparent 48%)}.hero-grid{opacity:.13;background-image:linear-gradient(rgba(64,190,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(64,190,255,.15) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 68%)}.hero-content{position:relative;z-index:2;width:760px;padding:108px 0 0 6vw}.hero-content>p{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#b5cbe6;font-size:12px;letter-spacing:3px}.hero-content>p i{width:34px;height:2px;background:var(--orange);box-shadow:0 0 8px var(--orange)}.hero h1{margin:0;font-size:58px;line-height:1.2;letter-spacing:-2px}.hero h1 em{color:transparent;font-style:normal;background:linear-gradient(90deg,#fff,#ffba72 68%,#ff7b31);-webkit-background-clip:text;background-clip:text}.hero-content>small{max-width:690px;margin-top:24px;display:block;color:#b4c2d6;font-size:16px;line-height:1.95}.hero-actions{margin-top:32px;display:flex;align-items:center;gap:20px}.hero-actions button,.mentor-copy button,.bottom-cta button{height:50px;padding:0 23px;color:#fff;border:0;background:linear-gradient(115deg,#e45b18,#ff8e3c);box-shadow:0 14px 35px rgba(238,98,24,.25)}.hero-actions button span{margin-left:25px}.hero-actions a{color:#d5e2f4;border-bottom:1px solid #7287a5;font-size:12px}.hero-points{margin-top:38px;display:flex;gap:27px}.hero-points span{display:flex;align-items:center;gap:8px;color:#9fb1c8;font-size:12px}.hero-points i{position:relative;width:22px;height:22px;border:1px solid #44678f;border-radius:5px}.hero-points i::before,.hero-points i::after{position:absolute;content:"";border-color:var(--cyan)}.point-course::before{left:5px;top:5px;width:10px;height:9px;border:1px solid;border-radius:1px}.point-course::after{left:8px;top:2px;width:4px;height:3px;border:1px solid;border-bottom:0}.point-coach::before{left:5px;top:5px;width:5px;height:5px;border:1px solid;border-radius:50%}.point-coach::after{right:3px;bottom:4px;width:10px;height:6px;border:1px solid;border-radius:7px 7px 2px 2px}.point-live::before{left:5px;top:6px;border-width:5px 0 5px 9px;border-style:solid;border-color:transparent transparent transparent var(--cyan)}.hero-panel{position:absolute;z-index:3;right:3vw;top:77px;width:255px;padding:21px;border:1px solid rgba(99,149,210,.34);background:rgba(5,25,56,.84);backdrop-filter:blur(14px)}.hero-panel>p{margin:0 0 13px;color:var(--orange);font-size:12px;letter-spacing:2px}.hero-panel article{padding:16px 0;border-top:1px solid rgba(95,134,185,.25)}.hero-panel span,.hero-panel small{display:block;color:#748baa;font-size:12px}.hero-panel strong{margin:6px 0;display:block;font:700 28px Arial}.hero-panel em{margin-left:4px;color:#a6b7cd;font:12px "Microsoft YaHei"}.proof-strip{height:98px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);color:#fff;border-bottom:1px solid #203b62;background:#071a39}.proof-strip>div,.proof-strip article{padding:0 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #203b62}.proof-strip>div{position:relative;padding-left:54px}.proof-strip>div i{position:absolute;left:24px;width:10px;height:10px;border-radius:50%;background:#3be2ad;box-shadow:0 0 10px #3be2ad}.proof-strip span{color:#6e86a8;font-size:12px}.proof-strip strong{margin-top:7px;font-size:12px}.proof-strip b{margin-top:7px;font:700 20px Arial}.section{padding:88px 5vw}.section-head{max-width:1260px;margin:0 auto 37px;display:flex;align-items:end;justify-content:space-between}.section-head>div>span,.mentor-copy>span{color:#f06e26;font-size:12px;font-weight:700;letter-spacing:2px}.section-head h2,.mentor-copy h2{margin:12px 0 10px;font-size:38px;line-height:1.35}.section-head p{max-width:700px;margin:0;color:var(--muted);font-size:14px;line-height:1.85}.section-head>b{color:#f06e26;font:700 60px Arial}.course-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.course-main,.course-coach{min-height:460px;padding:36px;border:1px solid var(--line);background:#fff}.course-main{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b2b59,#071934);color:#fff}.course-main::after{position:absolute;right:-90px;bottom:-110px;width:280px;height:280px;content:"";border:1px solid rgba(49,216,255,.23);border-radius:50%;box-shadow:0 0 0 50px rgba(49,216,255,.04),0 0 0 100px rgba(49,216,255,.025)}.course-index{color:var(--orange);font:700 12px Arial;letter-spacing:2px}.course-main h3,.course-coach h3{margin:17px 0 12px;font-size:28px}.course-main>p{max-width:670px;color:#9eb1cb;font-size:14px;line-height:1.85}.course-grid{position:relative;z-index:2;margin-top:34px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(92,138,197,.26);border-left:1px solid rgba(92,138,197,.26)}.course-grid>span{min-height:110px;padding:20px;display:grid;grid-template-columns:40px 1fr;align-items:center;border-right:1px solid rgba(92,138,197,.26);border-bottom:1px solid rgba(92,138,197,.26)}.course-grid i{position:relative;width:35px;height:35px;grid-row:1/3;border:1px solid #315c8e;border-radius:8px}.course-grid i::before,.course-grid i::after{position:absolute;content:""}.icon-position::before{left:10px;top:7px;width:10px;height:10px;border:2px solid var(--cyan);border-radius:50%}.icon-position::after{left:14px;top:19px;width:2px;height:9px;background:var(--cyan)}.icon-script::before{left:8px;top:7px;width:15px;height:19px;border:2px solid var(--cyan);border-radius:2px}.icon-script::after{left:12px;top:13px;width:8px;height:1px;background:var(--cyan);box-shadow:0 5px var(--cyan)}.icon-camera::before{left:7px;top:10px;width:17px;height:13px;border:2px solid var(--cyan);border-radius:2px}.icon-camera::after{left:13px;top:14px;width:5px;height:5px;border:1px solid var(--cyan);border-radius:50%}.icon-live::before{left:8px;top:8px;border-width:8px 0 8px 14px;border-style:solid;border-color:transparent transparent transparent var(--cyan)}.course-grid strong{font-size:14px}.course-grid small{margin-top:5px;color:#7088a9;font-size:12px}.course-coach{background:#fbfcff}.course-coach ol{margin:25px 0 0;padding:0;list-style:none}.course-coach li{padding:14px 0;display:grid;grid-template-columns:38px 1fr;align-items:center;border-top:1px solid #e3e8f0}.course-coach li>span{color:#f06e26;font:700 12px Arial}.course-coach li div{display:flex;flex-direction:column}.course-coach li strong{font-size:14px}.course-coach li small{margin-top:5px;color:#78869b;font-size:12px}.audience-row{max-width:1260px;margin:17px auto 0;display:grid;grid-template-columns:130px repeat(4,1fr);border:1px solid var(--line);background:#fff}.audience-row>span,.audience-row article{min-height:82px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.audience-row>span{color:#f06e26;font-size:12px;font-weight:700}.audience-row b{font-size:14px}.audience-row small{margin-top:6px;color:#7a8799;font-size:12px}.products-section,.results-section{color:#fff;background:#061733}.section-head.light h2{color:#fff}.section-head.light p{color:#8fa2bd}.product-filters{display:flex;gap:7px}.product-filters button{padding:9px 13px;color:#8095b4;border:1px solid #29476f;background:#0b2348;font-size:12px}.product-filters button.is-active{color:#fff;border-color:#f07b37;background:#b94913}.product-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #244163;background:#081d3d}.product-image{position:relative;min-height:520px;overflow:hidden}.product-image::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 55%,#081d3d),linear-gradient(0deg,rgba(3,16,36,.76),transparent 50%)}.product-image img{width:100%;height:100%;display:block;object-fit:cover}.product-image span{position:absolute;z-index:2;left:25px;bottom:25px;right:25px;color:#d5e3f7;font-size:14px;line-height:1.7}.product-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-grid article{min-height:91px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #213f67;background:#0a244b;transition:.2s}.product-grid article:hover{transform:translateY(-3px);border-color:#f07835}.product-grid article[hidden]{display:none}.product-grid article>i{position:relative;width:40px;height:40px;flex:0 0 40px;border:1px solid #365e8c;border-radius:9px;background:#0b2b57}.product-grid article>i::before,.product-grid article>i::after{position:absolute;content:""}.food-bowl::before,.food-fish::before,.food-ball::before,.food-cake::before,.food-duck::before,.food-meat::before,.food-pickle::before,.food-craft::before,.food-snack::before{left:9px;top:10px;width:19px;height:14px;border:2px solid var(--orange);border-radius:3px 3px 9px 9px}.food-fish::after{right:6px;top:15px;border-width:5px 0 5px 6px;border-style:solid;border-color:transparent transparent transparent var(--orange)}.food-ball::before{width:7px;height:7px;border-radius:50%;box-shadow:10px 0 0 -2px #0b2b57,10px 0 0 0 var(--orange),5px 9px 0 -2px #0b2b57,5px 9px 0 0 var(--orange)}.food-cake::before{border-radius:2px;transform:rotate(-8deg)}.food-duck::after{left:14px;top:7px;width:9px;height:5px;border:2px solid var(--orange);border-bottom:0;border-radius:8px 8px 0 0}.food-meat::before{border-radius:50% 45% 50% 40%;transform:rotate(25deg)}.food-pickle::before{border-radius:2px}.food-pickle::after{left:13px;top:7px;width:11px;height:3px;background:var(--orange)}.food-craft::before{border-radius:50% 50% 5px 5px}.food-snack::before{transform:rotate(12deg);border-radius:2px}.product-grid article>span{display:flex;min-width:0;flex-direction:column}.product-grid strong{font-size:12px}.product-grid small{margin-top:6px;color:#7189aa;font-size:12px;line-height:1.5}.studio-section{background:#eef3fa}.demo-label{padding:9px 12px;color:#697a92;border:1px solid #d2dce9;background:#fff;font-size:12px}.demo-label i{width:7px;height:7px;margin-right:6px;display:inline-block;border-radius:50%;background:#38dba9}.studio-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;box-shadow:0 20px 55px rgba(35,60,100,.1)}.studio-control{padding:34px;background:#fff}.studio-control label{margin-bottom:19px;display:flex;flex-direction:column;color:#5f6e84;font-size:12px}.studio-control select{height:46px;margin-top:8px;padding:0 12px;color:#17243b;border:1px solid #d5deea;background:#f8faff;font-size:12px}.studio-control button{width:100%;height:49px;color:#fff;border:0;background:linear-gradient(115deg,#e45b18,#ff8d3c)}.studio-control button span{margin-left:22px}.studio-control>small{margin-top:12px;display:block;color:#98a3b3;font-size:12px}.studio-result{min-height:470px;padding:34px 38px;color:#fff;background:#071b3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cpath d='M54 0H0V54' fill='none' stroke='%231d3659' stroke-width='.7'/%3E%3C/svg%3E")}.result-head{padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29476c}.result-head span{color:var(--orange);font-size:12px;letter-spacing:2px}.result-head strong{font-size:14px}.studio-result ol{margin:19px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none}.studio-result li{min-height:76px;padding:14px;display:grid;grid-template-columns:62px 1fr;align-items:center;border:1px solid #26456d;background:#0a244b}.studio-result li b{color:#6c84a4;font:700 12px Arial}.studio-result li span{font-size:12px;line-height:1.6}.mentor-section{background:#fff}.mentor-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:.77fr 1.23fr;min-height:560px;overflow:hidden;background:#f5f7fb}.mentor-image{position:relative;overflow:hidden;background:#0b244b}.mentor-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 13%}.mentor-image::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(4,18,43,.8),transparent 42%)}.mentor-image span{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;color:#fff;font-size:14px}.mentor-copy{padding:56px 60px}.mentor-copy h2{font-size:41px}.mentor-copy>p{color:#64738a;font-size:14px;line-height:1.9}.mentor-tags{margin:27px 0;display:flex;flex-wrap:wrap;gap:8px}.mentor-tags span{padding:9px 12px;color:#40516a;border:1px solid #d9e2ee;background:#fff;font-size:12px}.mentor-copy blockquote{margin:28px 0;padding:18px 20px;color:#32445f;border-left:3px solid var(--orange);background:#fff;font-size:14px;line-height:1.9}.mentor-copy button i,.bottom-cta button i{margin-left:25px;font-style:normal}.results-section{padding-bottom:0}.results-section .section-head>b{padding:9px 12px;color:#91a6c3;border:1px solid #29486e;background:#0a2246;font:12px "Microsoft YaHei"}.results-section .section-head>b i{width:7px;height:7px;margin-right:6px;display:inline-block;border-radius:50%;background:#38e0ae}.results-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #264364}.results-image{min-height:440px;overflow:hidden;background:#fff}.results-image img{width:100%;height:100%;display:block;object-fit:cover}.results-copy{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.results-copy article{padding:22px;display:flex;flex-direction:column;justify-content:center;border:1px solid #26466e;background:#0a244b}.results-copy span{color:#7590b2;font-size:12px}.results-copy strong{margin:9px 0;font-size:20px}.results-copy small{color:#627b9f;font-size:12px}.bottom-cta{max-width:1260px;margin:50px auto 0;padding:40px 45px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#173b87,#315cff 60%,#1d396d)}.bottom-cta span{color:#79e9ff;font-size:12px;letter-spacing:2px}.bottom-cta h2{max-width:800px;margin:10px 0 0;font-size:28px}.bottom-cta button{background:#fff;color:#2450c6;box-shadow:none}.modal[hidden],.toast[hidden]{display:none}.modal{position:fixed;z-index:80;inset:0}.modal-backdrop{position:absolute;inset:0;background:rgba(2,10,25,.78);backdrop-filter:blur(5px)}.modal-card{position:relative;width:520px;margin:7vh auto;padding:37px;color:#fff;border:1px solid #31547d;background:#071b3a;box-shadow:0 30px 90px rgba(0,0,0,.4)}.modal-card>span{color:var(--orange);font-size:12px;letter-spacing:2px}.modal-card h2{margin:11px 0;font-size:28px}.modal-card>p{color:#8296b2;font-size:12px;line-height:1.7}.modal-close{position:absolute;right:19px;top:19px;width:30px;height:30px;border:1px solid #345174;background:transparent}.modal-close::before,.modal-close::after{position:absolute;left:8px;top:14px;width:13px;height:1px;content:"";background:#9bb0cb;transform:rotate(45deg)}.modal-close::after{transform:rotate(-45deg)}.modal-card form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-card label{display:flex;flex-direction:column;color:#91a4bf;font-size:12px}.modal-card label:nth-child(4){grid-column:1/3}.modal-card input,.modal-card select,.modal-card textarea{margin-top:7px;padding:11px;color:#fff;border:1px solid #2d4a70;background:#0a244b;font-size:12px}.modal-card textarea{height:75px;resize:none}.modal-card form>button{grid-column:1/3;height:47px;color:#fff;border:0;background:linear-gradient(110deg,#e45b18,#ff8d3c)}.toast{position:fixed;z-index:100;right:30px;bottom:30px;padding:15px 20px;color:#fff;border:1px solid #3f6896;background:#0a244b;font-size:12px;box-shadow:0 15px 45px rgba(0,0,0,.28)}@media(max-width:1300px){.hero-content{padding-left:4vw}.section{padding-left:4vw;padding-right:4vw}}