:root{--green:#16835a;--green-dark:#16835a;--green-deep:#16835a;--mint:#edf7f3;--bg:#f6f8f7;--white:#fff;--gold:#d8ad55;--ink:#17342b;--muted:#6e7e78;--line:#e0e8e4;--shadow:0 14px 40px rgba(12,65,49,.09);--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{font:inherit}button{cursor:pointer}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}i,em,address{font-style:normal}
main{display:flex;flex-direction:column}.hero{order:1}.quick-links{order:2}.course-stage{order:3}.method{order:4}.results{order:5}.class-board{order:6}.project-story{order:7}.people{order:8}.brand-film{order:9}.honors{order:10}.campuses{order:11}
.utility-bar{height:34px;background:#f3f6f4;border-bottom:1px solid #e8eeeb;color:#788983;font-size:10px}.utility-bar>div{max-width:var(--wrap);height:100%;margin:auto;padding:0 16px;display:flex;align-items:center;gap:22px}.utility-bar b{color:var(--green);font-weight:700}.utility-bar p{margin-right:auto}.utility-bar a:hover{color:var(--green)}
.topbar{height:74px;background:var(--green-deep);color:#fff;padding:0 max(calc((100vw - var(--wrap))/2),20px);display:flex;align-items:center;position:relative;z-index:30}.brand{width:180px;flex:0 0 auto}.topbar nav{margin-left:auto;display:flex;align-items:center;height:100%}.topbar nav a{height:100%;padding:0 20px;display:flex;align-items:center;font-size:13px;font-weight:600;color:rgba(255,255,255,.86);position:relative}.topbar nav a::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--gold);transform:scaleX(0);transition:.22s}.topbar nav a:hover{background:rgba(255,255,255,.05);color:#fff}.topbar nav a:hover::after{transform:scaleX(1)}.phone{margin-left:24px;display:flex;flex-direction:column;font-size:14px;font-weight:800;line-height:1.25}.phone small{font-size:8px;font-weight:500;color:#a5c5ba}.nav-cta{height:40px;margin-left:18px;padding:0 18px;border:0;border-radius:4px;background:var(--gold);color:var(--green-deep);font-size:12px;font-weight:800}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:0;background:none}.menu-toggle i{display:block;width:22px;height:2px;margin:5px auto;background:#fff}
.hero{position:relative;height:560px;background:var(--green-deep);color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,42,32,.96) 0%,rgba(3,42,32,.82) 37%,rgba(3,42,32,.28) 68%,rgba(3,42,32,.08) 100%)}.hero-content{position:relative;z-index:2;max-width:var(--wrap);height:100%;margin:auto;padding:78px 16px 104px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{padding:7px 12px;border-left:3px solid var(--gold);background:rgba(255,255,255,.1);font-size:11px;letter-spacing:2px}.hero h1{font-size:52px;line-height:1.14;letter-spacing:-2px;margin:22px 0 18px;font-weight:850}.hero h1 em{color:#92dfbd}.hero-lead{font-size:15px;line-height:1.9;color:rgba(255,255,255,.78)}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-actions a,.hero-actions button{height:48px;padding:0 22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.hero-actions a{background:var(--gold);color:var(--green-deep);gap:26px}.hero-actions button{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:#fff}.hero-index{display:none}.hero-facts{position:absolute;z-index:3;left:50%;bottom:0;transform:translateX(-50%);width:min(calc(100% - 32px),var(--wrap));height:76px;background:rgba(4,52,40,.9);border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(3,1fr);backdrop-filter:blur(7px)}.hero-facts div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(255,255,255,.14)}.hero-facts div:last-child{border:0}.hero-facts b{font-size:27px;color:var(--gold)}.hero-facts span{font-size:11px;color:#d8e5e0}.scroll-cue{display:none}
.quick-links{width:min(calc(100% - 32px),var(--wrap));margin:22px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.quick-links a{min-height:94px;padding:20px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);transition:.2s}.quick-links a:last-child{border:0}.quick-links a:hover{background:var(--mint)}.quick-links i{font-size:10px;color:#9aaba4}.quick-links span{display:flex;flex-direction:column;gap:5px;flex:1}.quick-links b{font-size:15px}.quick-links small{font-size:9px;color:var(--muted)}.quick-links em{color:var(--green);font-size:17px}
.course-stage{padding:88px 20px 96px;background:#fff}.stage-head{max-width:var(--wrap);margin:0 auto 38px;display:grid;grid-template-columns:160px 1fr 300px;align-items:end;gap:32px;border-bottom:1px solid var(--line);padding-bottom:28px}.stage-head p,.results-heading>p,.project-copy>p{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800}.stage-head h2{font-size:38px;line-height:1.18}.stage-head span{font-size:12px;color:var(--muted);line-height:1.8}.course-browser{max-width:var(--wrap);margin:auto}.course-nav{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.course-nav button{flex:1;min-height:70px;padding:12px;border:0;border-bottom:3px solid transparent;background:#fff;text-align:center}.course-nav button i{display:none}.course-nav button b{display:block;font-size:13px}.course-nav button span{display:block;margin-top:5px;font-size:8px;color:var(--muted)}.course-nav button:hover{background:#f8faf9}.course-nav button.active{color:var(--green);border-bottom-color:var(--green);background:var(--mint)}.course-detail{display:grid;grid-template-columns:54% 46%;height:410px;border:1px solid var(--line);background:#fff}.course-picture{overflow:hidden}.course-picture img{height:100%;object-fit:cover}.course-copy{padding:42px 48px;display:flex;flex-direction:column;justify-content:center}.course-copy>span{font-size:10px;color:var(--green);font-weight:800}.course-copy h3{font-size:29px;margin:12px 0 15px}.course-copy p{font-size:12px;line-height:1.8;color:var(--muted)}.course-copy>a{align-self:flex-start;margin-top:20px;padding:10px 16px;border:1px solid var(--green);border-radius:3px;color:var(--green);font-size:11px;font-weight:800}.course-meta{margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.course-meta div{padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.course-meta dt{font-size:8px;color:#98a69f}.course-meta dd{margin:5px 0 0;font-size:9px;font-weight:800}
.method{padding:84px 20px;background:var(--bg);display:grid;grid-template-columns:210px 260px minmax(0,650px);justify-content:center;align-items:center;gap:45px}.method-number{width:180px;height:180px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px}.method-number b{font-size:88px;line-height:1}.method-number span{font-size:11px;line-height:1.5;font-weight:800}.method-title>p{font-size:10px;color:var(--green);letter-spacing:2px;font-weight:800}.method-title h2{font-size:34px;line-height:1.2;margin:15px 0}.method-title>span{font-size:11px;color:var(--muted)}.method-flow{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.method-flow article{min-height:135px;padding:20px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.method-flow i{font-size:9px;color:var(--gold);font-weight:800}.method-flow h3{font-size:17px;margin:18px 0 7px}.method-flow p{font-size:10px;line-height:1.7;color:var(--muted)}
.results{padding:88px 20px 96px;background:#fff}.results-heading{max-width:var(--wrap);margin:0 auto 38px;display:grid;grid-template-columns:160px 1fr auto;align-items:end;gap:32px;border-bottom:1px solid var(--line);padding-bottom:28px}.results-heading h2{font-size:36px;line-height:1.2}.result-controls{display:flex;gap:7px}.result-controls button{width:40px;height:40px;border:1px solid var(--line);background:#fff;color:var(--green)}.result-track{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.result-track figure{position:relative;height:385px;background:#fff;border:1px solid var(--line);padding:8px 8px 64px}.result-track img{height:100%;object-fit:cover}.result-track figcaption{position:absolute;left:16px;right:16px;bottom:14px}.result-track small{display:block;font-size:8px;color:var(--green)}.result-track b{display:block;margin-top:6px;font-size:11px}.result-note{max-width:var(--wrap);margin:18px auto 0;font-size:8px;color:#98a69f}
.class-board{padding:84px 20px 94px;background:var(--green-deep);color:#fff}.board-marquee{display:none}.board-inner{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:300px 1fr;gap:75px}.board-title p{font-size:10px;color:#e4c270;letter-spacing:2px}.board-title h2{font-size:33px;line-height:1.25;margin:18px 0 28px}.board-title button{height:44px;padding:0 20px;border:1px solid rgba(255,255,255,.45);border-radius:3px;background:transparent;color:#fff;font-size:11px;font-weight:800}.schedule-list{border-top:1px solid rgba(255,255,255,.22)}.schedule-list article{display:grid;grid-template-columns:62px 1fr 72px 48px;gap:16px;align-items:center;min-height:116px;border-bottom:1px solid rgba(255,255,255,.16)}.schedule-list time{width:56px;height:64px;background:#fff;color:var(--green-deep);display:grid;place-items:center;align-content:center}.schedule-list time b{font-size:23px;color:var(--green)}.schedule-list time small{font-size:8px}.schedule-list article div>span{font-size:8px;color:#dcbf76}.schedule-list h3{font-size:16px;margin:6px 0}.schedule-list p{font-size:8px;color:#9eb6ad}.schedule-list em{font-size:9px;color:#b1d2c5}.schedule-list em.urgent{color:#f5bd88}.schedule-list article>button{width:44px;height:36px;border:1px solid rgba(255,255,255,.42);border-radius:3px;background:transparent;color:#fff;font-size:8px}
.project-story{padding:92px 20px;background:var(--bg);display:grid;grid-template-columns:minmax(0,560px) minmax(340px,470px);gap:78px;justify-content:center;align-items:center}.project-image{order:2;height:460px;overflow:hidden}.project-image img{height:100%;object-fit:cover}.project-copy{order:1}.project-copy h2{font-size:38px;line-height:1.2;margin:18px 0}.project-copy>span{font-size:12px;line-height:1.8;color:var(--muted);display:block;max-width:420px}.project-copy ol{list-style:none;padding:0;margin:32px 0 0;border-top:1px solid var(--line)}.project-copy li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.project-copy li b{font-size:12px}.project-copy li small{font-size:8px;color:var(--muted);text-align:right}
.people{padding:88px 20px 96px;background:#fff}.people-head{max-width:var(--wrap);margin:0 auto 38px;display:grid;grid-template-columns:160px 1fr;align-items:end;gap:32px;border-bottom:1px solid var(--line);padding-bottom:28px}.people-head p{font-size:10px;color:var(--green);letter-spacing:2px}.people-head h2{font-size:36px;line-height:1.2}.people-row{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.people-row figure{height:410px;position:relative;overflow:hidden;background:#e8efec}.people-row img{height:100%;object-fit:cover}.people-row figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 20px 20px;background:linear-gradient(transparent,rgba(4,45,34,.92));color:#fff}.people-row figcaption b{display:block;font-size:17px}.people-row figcaption span{display:block;font-size:8px;margin-top:5px;color:#c6ddd4}
.honors{padding:76px 20px;background:var(--bg);display:grid;grid-template-columns:270px minmax(0,830px);gap:65px;justify-content:center;align-items:center}.honor-title span{font-size:10px;color:var(--green);letter-spacing:2px;font-weight:800}.honor-title h2{font-size:29px;line-height:1.35;margin-top:15px}.honor-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.honor-strip figure{padding:13px;background:#fff;border:1px solid var(--line)}.honor-strip img{height:125px;object-fit:contain}.honor-strip figcaption{text-align:center;font-size:8px;font-weight:700;padding-top:9px;color:var(--muted)}
.campuses{display:grid;grid-template-columns:56% 44%;background:#fff;min-height:600px}.campus-map{position:relative;overflow:hidden;min-height:600px;background:linear-gradient(145deg,#073f32,#08644b);color:#fff}.map-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:44px 44px}.map-shape{position:absolute;left:10%;top:13%;width:78%;height:74%;background:#d7eadf;opacity:.18;clip-path:polygon(8% 28%,18% 23%,23% 8%,36% 14%,45% 5%,56% 15%,66% 11%,72% 20%,90% 22%,96% 35%,89% 44%,94% 55%,82% 59%,77% 71%,67% 73%,62% 89%,52% 85%,45% 95%,37% 82%,25% 85%,24% 72%,13% 68%,18% 55%,4% 48%)}.map-shape::after{content:"";position:absolute;inset:3%;border:1px solid rgba(255,255,255,.22);clip-path:inherit}.map-heading{position:absolute;z-index:2;left:34px;top:30px;display:flex;flex-direction:column}.map-heading span{font-size:10px;color:#add0c3;letter-spacing:2px}.map-heading b{font-size:20px;margin-top:6px}.map-pin{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:0;border:0;background:transparent;color:#d7ebe3;display:flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap}.map-pin i{width:8px;height:8px;border-radius:50%;background:#8ac2ad;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 4px rgba(138,194,173,.13);transition:.2s}.map-pin:hover,.map-pin.active{color:#fff;font-weight:800}.map-pin:hover i,.map-pin.active i{width:12px;height:12px;background:var(--gold);border-color:#fff;box-shadow:0 0 0 7px rgba(216,173,85,.2)}.map-legend{position:absolute;left:34px;bottom:28px;font-size:9px;color:#a9c9bd}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px}.campus-panel{padding:74px max(5vw,40px);display:flex;flex-direction:column;justify-content:center}.campus-panel>p{font-size:10px;color:var(--green);letter-spacing:2px}.campus-panel h2{font-size:34px;margin:17px 0}.campus-panel address{font-size:10px;line-height:1.8;color:var(--muted);min-height:40px}.campus-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:27px 0}.campus-tabs button{height:31px;min-width:46px;padding:0 10px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:8px}.campus-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.campus-contact{display:flex;align-items:center;gap:17px}.campus-contact a{font-size:20px;font-weight:850;color:var(--green)}.campus-contact button{height:40px;padding:0 17px;border:0;border-radius:3px;background:var(--gold);color:var(--green-deep);font-size:10px;font-weight:800}
footer{background:#042f26;color:#fff}.footer-lead{max-width:var(--wrap);margin:auto;padding:72px 16px;min-height:270px;position:relative}.footer-lead p{font-size:10px;color:#e1c16d;letter-spacing:2px}.footer-lead h2{font-size:48px;line-height:1.1;margin-top:20px}.footer-lead button{position:absolute;right:16px;bottom:78px;height:46px;padding:0 21px;border:0;border-radius:3px;background:var(--gold);color:var(--green-deep);font-size:11px;font-weight:850}.footer-bottom{padding:27px max(calc((100vw - var(--wrap))/2),20px);border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}.footer-bottom>div:first-child{display:flex;align-items:center;gap:13px}.footer-bottom img{width:132px}.footer-bottom span{font-size:8px;color:#86a49a}.footer-bottom>div:nth-child(2){display:flex;flex-wrap:wrap;gap:10px 17px}.footer-bottom a{font-size:9px;color:#aec1ba}.footer-bottom>p{text-align:right;font-size:8px;color:#78958b;line-height:1.8}
.floating-consult{position:fixed;z-index:20;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:var(--green);color:#fff;font-size:9px;font-weight:800;box-shadow:0 10px 26px rgba(0,50,38,.2)}.floating-consult span{font-size:16px}dialog{width:min(440px,calc(100% - 30px));padding:0;border:0;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(4,42,32,.72);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#fff;font-size:25px}.dialog-head{padding:27px 30px;background:var(--green-deep);color:#fff}.dialog-head span{font-size:9px;color:#e2c16d}.dialog-head h2{margin:8px 0;font-size:21px}.dialog-head p{font-size:9px;color:#a9bdb6}dialog form{padding:20px 30px 27px;background:#fff}dialog label{display:flex;flex-direction:column;gap:7px;margin:11px 0;font-size:10px;font-weight:800}dialog input,dialog select{height:42px;border:1px solid var(--line);padding:0 10px;background:#fff}dialog form>button{width:100%;height:43px;border:0;background:var(--green);color:#fff;font-weight:800;margin-top:8px}.form-message{text-align:center;color:var(--green);font-size:10px;margin-top:10px}
@media(max-width:1100px){.topbar nav a{padding:0 12px}.phone{display:none}.stage-head{grid-template-columns:130px 1fr 240px}.course-nav{display:grid;grid-template-columns:repeat(3,1fr)}.method{grid-template-columns:170px 230px 1fr;gap:28px}.result-track{grid-template-columns:repeat(2,1fr)}.result-track figure{height:430px}.honors{grid-template-columns:1fr;gap:30px}.campus-contact{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.utility-bar{display:none}.topbar{height:68px;padding:0 18px}.brand{width:150px}.topbar nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--green-deep);flex-direction:column;align-items:stretch;height:auto;padding:5px 18px 15px}.topbar nav.open{display:flex}.topbar nav a{height:auto;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.phone,.nav-cta{display:none}.menu-toggle{display:block}.hero{height:760px}.hero-image{height:340px;object-position:center}.hero-shade{background:linear-gradient(0deg,var(--green-deep) 0%,var(--green-deep) 54%,rgba(3,42,32,.2) 78%,rgba(3,42,32,.05) 100%)}.hero-content{justify-content:flex-start;padding:390px 18px 150px}.eyebrow{font-size:9px}.hero h1{font-size:40px;letter-spacing:-1px;margin:18px 0 14px}.hero-lead{font-size:11px}.hero-actions{display:grid;width:100%;margin-top:22px}.hero-actions a,.hero-actions button{height:45px;justify-content:space-between}.hero-facts{left:18px;right:18px;transform:none;width:auto;height:70px}.hero-facts b{font-size:21px}.hero-facts span{font-size:8px}.quick-links{grid-template-columns:1fr 1fr;margin-top:14px}.quick-links a{min-height:82px;padding:15px;border-bottom:1px solid var(--line)}.quick-links a:nth-child(2){border-right:0}.quick-links b{font-size:13px}.course-stage{padding:68px 18px}.stage-head{display:block;margin-bottom:26px}.stage-head h2{font-size:34px;margin:12px 0}.stage-head span{font-size:10px}.course-nav{grid-template-columns:1fr 1fr}.course-nav button{min-height:64px}.course-detail{grid-template-columns:1fr;height:auto}.course-picture{height:225px}.course-copy{padding:27px 22px}.course-copy h3{font-size:25px}.course-meta{grid-template-columns:1fr}.method{padding:68px 18px;display:block}.method-number{width:140px;height:140px;margin:auto}.method-number b{font-size:68px}.method-title{text-align:center;margin:28px 0}.method-title h2{font-size:31px}.method-flow{grid-template-columns:1fr 1fr}.method-flow article{min-height:138px;padding:17px}.method-flow h3{font-size:15px}.results{padding:68px 18px 76px}.results-heading{display:block;margin-bottom:26px}.results-heading h2{font-size:31px;margin:12px 0 20px}.result-track{display:flex;overflow:auto;gap:12px}.result-track figure{flex:0 0 82%;height:410px}.class-board{padding:68px 18px}.board-inner{display:block}.board-title h2{font-size:29px}.schedule-list{margin-top:35px}.schedule-list article{grid-template-columns:52px 1fr 42px;gap:9px}.schedule-list time{width:48px;height:57px}.schedule-list em{display:none}.schedule-list article>button{width:40px}.schedule-list h3{font-size:14px}.project-story{padding:68px 18px;display:flex;flex-direction:column;gap:36px}.project-image{order:1;width:100%;height:320px}.project-copy{order:2}.project-copy h2{font-size:33px}.project-copy li{display:block}.project-copy li small{display:block;text-align:left;margin-top:6px}.people{padding:68px 18px}.people-head{display:block;margin-bottom:26px}.people-head h2{font-size:31px;margin-top:12px}.people-row{display:flex;overflow:auto}.people-row figure{flex:0 0 82%;height:400px}.honors{padding:68px 18px}.honor-title h2{font-size:27px}.honor-strip{display:flex;overflow:auto}.honor-strip figure{flex:0 0 66%}.campuses{display:block}.campus-map{min-height:430px}.map-heading{left:20px;top:20px}.map-heading b{font-size:17px}.map-legend{left:20px;bottom:18px}.map-pin{font-size:7px}.map-pin i{width:7px;height:7px}.campus-panel{padding:52px 18px}.campus-panel h2{font-size:30px}.campus-contact a{font-size:20px}.footer-lead{padding:62px 18px 135px;min-height:330px}.footer-lead h2{font-size:42px}.footer-lead button{left:18px;right:auto;bottom:58px}.footer-bottom{padding:27px 18px;grid-template-columns:1fr}.footer-bottom>p{text-align:left}.floating-consult{display:none}.dialog-head,dialog form{padding-left:23px;padding-right:23px}}

/* 全国校区沿用全站统一的“栏目—标题—说明—内容”官网结构 */
.campuses{display:block;min-height:0;padding:88px 20px 96px;background:#fff}.campus-head{max-width:var(--wrap);margin:0 auto 38px;display:grid;grid-template-columns:160px 1fr 300px;align-items:end;gap:32px;border-bottom:1px solid var(--line);padding-bottom:28px}.campus-head p{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800}.campus-head h2{font-size:38px;line-height:1.18}.campus-head>span{font-size:12px;color:var(--muted);line-height:1.8}.campus-body{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:56% 44%;min-height:560px;border:1px solid var(--line)}.campus-body .campus-map{min-height:560px}.campus-body .campus-panel{padding:62px 54px}
@media(max-width:760px){.campuses{padding:68px 18px 76px}.campus-head{display:block;margin-bottom:26px}.campus-head h2{font-size:34px;margin:12px 0}.campus-head>span{font-size:10px}.campus-body{display:block;min-height:0}.campus-body .campus-map{min-height:430px}.campus-body .campus-panel{padding:46px 20px}}

/* 首页核心转化模块精修 */
.hero-image{transition:opacity .35s ease}.hero-image[src*="mentor-"]{object-position:72% 28%}.hero-index{display:block;right:max(calc((100vw - var(--wrap))/2),20px);top:26px}.hero-dots{display:flex;gap:8px;margin-top:25px}.hero-dots button{width:22px;height:3px;padding:0;border:0;background:rgba(255,255,255,.35);transition:.2s}.hero-dots button.active{width:40px;background:var(--gold)}
.method{grid-template-columns:minmax(360px,510px) 250px minmax(0,440px);gap:40px}.method-photo{height:400px;position:relative;overflow:hidden;background:var(--green-deep)}.method-photo>img{height:100%;object-fit:cover}.method-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,48,37,.78))}.method-photo .method-number{position:absolute;z-index:2;right:22px;bottom:22px;width:132px;height:132px;background:rgba(6,75,56,.92);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(5px)}.method-photo .method-number b{font-size:64px}.method-photo .method-number span{font-size:9px}
.result-track figure{padding-bottom:83px}.result-track figcaption span{display:block;margin-top:5px;font-size:9px;color:var(--muted)}
.project-story{display:block;padding:88px 20px 96px;background:var(--bg)}.project-head{max-width:var(--wrap);margin:0 auto 38px;display:grid;grid-template-columns:160px 1fr 300px;align-items:end;gap:32px;border-bottom:1px solid var(--line);padding-bottom:28px}.project-head>p{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800}.project-head h2{font-size:38px;line-height:1.18}.project-head>span{font-size:12px;color:var(--muted);line-height:1.8}.project-grid{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid article{padding:12px 12px 22px;background:#fff;border:1px solid var(--line);transition:.2s}.project-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-grid article>small{display:block;margin:18px 10px 8px;color:var(--green);font-size:9px;font-weight:800}.project-grid h3{margin:0 10px;font-size:18px}.project-grid article>p{margin:9px 10px 16px;color:var(--muted);font-size:10px}.project-grid article>div:last-child{display:flex;gap:6px;margin:0 10px}.project-grid em{padding:5px 8px;background:var(--mint);color:var(--green);font-size:8px}.project-screen{height:230px;position:relative;overflow:hidden;background:#0a4938;color:#fff}.screen-iot{padding:26px;background:radial-gradient(circle at 82% 18%,#15976d 0,transparent 28%),linear-gradient(145deg,#072f27,#0b624b)}.screen-iot span{display:block;font-size:11px;color:#a8d9c7}.screen-iot b{display:block;margin-top:12px;font-size:38px;color:#f0ce7b}.screen-iot i{position:absolute;bottom:28px;width:22%;border-radius:3px;background:#39a782}.screen-iot i:nth-child(1){left:26px;height:48px}.screen-iot i:nth-child(2){left:34%;height:77px}.screen-iot i:nth-child(3){left:61%;height:105px}.screen-ai{padding:28px;background:linear-gradient(145deg,#e8f4ef,#f7faf8);color:var(--ink)}.screen-ai span{font-size:9px;color:var(--green)}.screen-ai b{display:block;margin:22px 0 18px;font-size:23px}.screen-ai i{display:block;padding:14px;border-left:3px solid var(--green);background:#fff;color:var(--muted);font-size:9px}.screen-java{padding:24px;background:#102f42}.screen-java span{font-size:10px;color:#9ccbd9}.screen-java i{display:inline-block;width:42%;height:60px;margin:12px 8px 0 0;background:linear-gradient(135deg,#1d516b,#173c51);border:1px solid rgba(255,255,255,.09)}
@media(max-width:1100px){.method{grid-template-columns:40% 25% 35%;gap:24px}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-index{display:block;right:18px;top:18px}.hero-image[src*="mentor-"]{object-position:center 18%}.hero-dots{margin-top:18px}.method{display:block}.method-photo{height:280px;margin-bottom:32px}.method-photo .method-number{right:16px;bottom:16px;width:108px;height:108px;margin:0}.method-photo .method-number b{font-size:52px}.project-story{padding:68px 18px 76px}.project-head{display:block;margin-bottom:26px}.project-head h2{font-size:34px;margin:12px 0}.project-head>span{font-size:10px}.project-grid{display:flex;overflow:auto;gap:12px}.project-grid article{flex:0 0 86%}.project-screen{height:210px}.result-track figure{padding-bottom:82px}}
@media(max-width:760px){.hero{height:850px}.hero-image{height:330px}.hero-shade{background:linear-gradient(0deg,var(--green-deep) 0%,var(--green-deep) 61%,rgba(3,42,32,.22) 82%,rgba(3,42,32,.05) 100%)}.hero-content{padding:370px 18px 118px}.hero-dots{display:flex}.hero-facts{bottom:0}}

/* 89：栏目标题改为紧凑的居中式官网结构，减少横向空洞感 */
.stage-head,.results-heading,.project-head,.people-head,.campus-head{
  position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  width:100%;max-width:var(--wrap);margin:0 auto 42px;padding:0;border:0;gap:0
}

/* 229：导师区改为左侧主导师、右侧两行三列，扩大信息密度并保持主栅格对齐 */
.mentor-showcase{
  height:610px;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:14px;
}
.mentor-side{display:block;min-width:0}
.mentor-specialists{
  height:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mentor-specialists figure{min-width:0;min-height:0}
.mentor-specialists figure::after{inset:34% 0 0}
.mentor-specialists figcaption{padding:18px 17px}
.mentor-specialists figcaption small{margin-bottom:6px;font-size:7px;letter-spacing:1.4px}
.mentor-specialists figcaption b{font-size:16px;line-height:1.25}
.mentor-specialists figcaption span{margin-top:5px;font-size:7px;white-space:nowrap}
.mentor-specialists figcaption p{margin-top:8px;padding-top:8px;font-size:7px;white-space:nowrap}
.mentor-grid-note{
  min-width:0;
  min-height:0;
  padding:23px 20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  position:relative;
  color:#fff;
}
.mentor-grid-note::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 16%,rgba(116,212,189,.18),transparent 34%)}
.mentor-grid-note>*{position:relative;z-index:1}
.mentor-grid-note>small{margin-bottom:auto;color:#78d8c0;font-size:7px;font-weight:800;letter-spacing:1.5px}
.mentor-grid-note h3{margin:0;font-size:20px;line-height:1.25}
.mentor-grid-note p{margin:8px 0 15px;color:rgba(255,255,255,.62);font-size:8px;line-height:1.65}
.mentor-grid-note--method{background:linear-gradient(145deg,#0d3b51,#10526a)}
.mentor-grid-note--method>div{display:flex;gap:5px;flex-wrap:wrap}
.mentor-grid-note--method span{padding:6px 7px;border:1px solid rgba(255,255,255,.16);font-size:7px;color:rgba(255,255,255,.78)}
.mentor-grid-note--delivery{background:linear-gradient(145deg,#064b39,#087356)}
.mentor-grid-note--delivery>div{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px 7px}
.mentor-grid-note--delivery b{color:#e6bd62;font-size:7px}
.mentor-grid-note--delivery span{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.13);font-size:8px;color:rgba(255,255,255,.76)}
@media(max-width:980px){
  .mentor-showcase{height:auto;grid-template-columns:1fr}
  .mentor-lead{height:520px}
  .mentor-specialists{height:620px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mentor-lead{height:460px}
  .mentor-side{margin-top:12px}
  .mentor-specialists{height:auto;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px}
  .mentor-specialists figure,.mentor-grid-note{height:280px}
  .mentor-specialists figcaption{padding:15px 13px}
  .mentor-specialists figcaption p{white-space:normal}
}
@media(max-width:520px){
  .mentor-specialists{grid-template-columns:1fr}
  .mentor-specialists figure,.mentor-grid-note{height:340px}
}
.stage-head>p,.results-heading>p,.project-head>p,.people-head>p,.campus-head>p{
  display:flex;align-items:center;gap:12px;margin:0;color:var(--green);font-size:10px;
  line-height:1;letter-spacing:3px;font-weight:800
}
.stage-head>p::before,.stage-head>p::after,.results-heading>p::before,.results-heading>p::after,
.project-head>p::before,.project-head>p::after,.people-head>p::before,.people-head>p::after,
.campus-head>p::before,.campus-head>p::after{content:"";width:26px;height:1px;background:var(--gold)}
.stage-head h2,.results-heading h2,.project-head h2,.people-head h2,.campus-head h2{
  margin:15px 0 12px;font-size:36px;line-height:1.25;letter-spacing:-1px;color:var(--ink)
}
.stage-head h2 br,.results-heading h2 br,.project-head h2 br,.people-head h2 br,.campus-head h2 br{display:none}
.stage-head>span,.project-head>span,.campus-head>span{
  max-width:600px;margin:0 auto;color:var(--muted);font-size:11px;line-height:1.8
}
.results-heading .result-controls{position:absolute;right:0;bottom:3px}
@media(max-width:760px){
  .stage-head,.results-heading,.project-head,.people-head,.campus-head{display:flex;margin-bottom:30px;padding:0 8px}
  .stage-head h2,.results-heading h2,.project-head h2,.people-head h2,.campus-head h2{font-size:29px;margin:13px 0 10px}
  .stage-head h2 br,.results-heading h2 br,.project-head h2 br,.people-head h2 br,.campus-head h2 br{display:none}
  .stage-head>span,.project-head>span,.campus-head>span{font-size:10px}
  .results-heading .result-controls{position:static;margin-top:16px}
}

/* 90：小班教学内容与全站 1200px 主栅格对齐 */
.method{grid-template-columns:minmax(0,450px) minmax(0,230px) minmax(0,440px);gap:40px}
@media(max-width:1100px){.method{grid-template-columns:minmax(0,38%) minmax(0,23%) minmax(0,39%);gap:24px}}
@media(max-width:760px){.method{display:block}}

/* 91：增强品牌饱和度、主推课程轮播联动与5人小班视觉表达 */
:root{--green:#16835a;--green-dark:#16835a;--green-deep:#16835a;--mint:#edf7f3;--bg:#f2f7f4;--gold:#e6b64f;--ink:#113b2f}
.topbar{background:#16835a}.hero{background:#16835a}.hero-shade{background:linear-gradient(90deg,rgba(1,55,40,.98) 0%,rgba(1,67,48,.88) 38%,rgba(1,57,42,.34) 67%,rgba(1,43,32,.08) 100%)}
.hero h1 em{color:#72e0b3}.eyebrow{border-left-color:var(--gold);background:rgba(255,255,255,.13)}.hero-actions a{background:var(--gold)}
.hero-facts{height:88px;background:rgba(1,61,44,.94);border-top:1px solid rgba(255,255,255,.24)}
.hero-facts button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:0 28px;border:0;border-right:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left}
.hero-facts button:last-child{border-right:0}.hero-facts button::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;background:var(--gold);transform:scaleX(0);transition:.25s}
.hero-facts button.active{background:rgba(255,255,255,.08)}.hero-facts button.active::after{transform:scaleX(1)}
.hero-facts button>i{font-size:10px;color:var(--gold);font-weight:800}.hero-facts button>span{display:flex;flex-direction:column;gap:5px}.hero-facts button b{font-size:13px;color:#fff}.hero-facts button small{font-size:8px;color:#add3c5}
.quick-links{border-top:3px solid var(--green);box-shadow:0 18px 45px rgba(2,75,55,.12)}.quick-links i,.quick-links em{color:var(--green)}
.course-nav button.active{background:#dff3e9}.method{background:linear-gradient(135deg,#eaf6f0 0%,#f7faf8 62%,#e4f3ec 100%)}
.method-photo{box-shadow:0 20px 50px rgba(2,75,55,.16)}.method-photo .method-number{background:rgba(0,109,77,.94);border-color:rgba(255,255,255,.42)}
.method-title h2{color:var(--green-deep)}.class-people{margin:24px 0 13px;padding:16px 13px;background:#fff;border:1px solid #cfe4da;box-shadow:0 10px 28px rgba(2,75,55,.08)}
.class-people>b{display:flex;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;align-items:center;justify-content:center;background:var(--green);color:#fff;font-size:12px;box-shadow:0 0 0 7px rgba(0,132,93,.11)}
.class-people>span{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.class-people i{display:flex;aspect-ratio:1;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);color:var(--green-deep);font-size:9px;font-weight:850}
.method-title>strong{display:block;text-align:center;color:var(--green);font-size:10px;letter-spacing:1px}.method-flow article{border-color:#cfe4da}.method-flow i{color:#c89021}
.class-board{background:linear-gradient(135deg,#16835a,#006347)}.project-screen{filter:saturate(1.08)}.campus-map{background:linear-gradient(145deg,#16835a,#007052)}
@media(max-width:760px){
  .hero-shade{background:linear-gradient(0deg,#16835a 0%,#16835a 61%,rgba(1,61,44,.28) 82%,rgba(1,43,32,.05) 100%)}
  .hero-facts{height:86px;grid-template-columns:repeat(3,1fr)}.hero-facts button{padding:0 8px;justify-content:center}.hero-facts button::after{left:8px;right:8px}.hero-facts button>i{display:none}.hero-facts button b{font-size:9px}.hero-facts button small{display:none}
  .class-people{max-width:260px;margin:22px auto 12px}.method-title>strong{text-align:center}
}

/* 92：三门主推课程统一横版轮播图 */
.hero-image{object-position:center center}
@media(max-width:760px){.hero-image{object-position:70% center}}

/* 93：开班计划增加名额状态与行动节奏 */
.class-board{position:relative;padding-top:0;overflow:hidden}.board-marquee{display:block;height:42px;margin:0 -20px 64px;background:var(--gold);color:var(--green-deep);overflow:hidden}.board-marquee>div{width:max-content;height:100%;display:flex;align-items:center;gap:48px;padding-left:24px;animation:boardTicker 24s linear infinite}.board-marquee span{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:1px;white-space:nowrap}.board-marquee i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(0,132,93,.15);animation:boardPulse 1.6s ease-in-out infinite}
@keyframes boardTicker{to{transform:translateX(-50%)}}@keyframes boardPulse{50%{transform:scale(.65);opacity:.55}}
.board-title h2{margin-bottom:18px}.board-stats{display:flex;gap:18px;margin:0 0 28px}.board-stats span{font-size:9px;color:#b6d1c7}.board-stats b{margin-right:4px;color:var(--gold);font-size:21px}.board-title button{border-color:var(--gold);color:var(--gold);transition:.2s}.board-title button:hover{background:var(--gold);color:var(--green-deep)}
.schedule-list article{grid-template-columns:64px minmax(0,1fr) 138px 86px;gap:20px;transition:.2s}.schedule-list article:hover{padding-left:10px;background:rgba(255,255,255,.035)}.schedule-list article>button{width:86px;height:40px;border-color:rgba(230,182,79,.75);color:var(--gold);font-size:9px;transition:.2s}.schedule-list article>button:hover{background:var(--gold);color:var(--green-deep)}
.seat-state{display:flex!important;flex-direction:column;gap:5px;color:#d9ebe4!important}.seat-state b{font-size:10px;color:#fff}.seat-state small{font-size:8px;color:#9ec0b3}.seat-state i{position:relative;display:block;width:100%;height:3px;margin-top:3px;background:rgba(255,255,255,.14);overflow:hidden}.seat-state i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--seat);background:var(--gold)}.seat-state.urgent b,.seat-state.urgent small{color:#ffd08d}.seat-state.urgent i::after{background:#ff9d5c}
@media(prefers-reduced-motion:reduce){.board-marquee>div,.board-marquee i{animation:none}}
@media(max-width:760px){
  .class-board{padding-top:0}.board-marquee{height:38px;margin:0 -18px 50px}.board-marquee>div{gap:34px}.board-inner{display:block}.board-stats{justify-content:flex-start}.schedule-list article{grid-template-columns:52px minmax(0,1fr) 72px;gap:10px;padding:17px 0}.schedule-list article>button{grid-column:3;grid-row:1;width:72px}.seat-state{grid-column:2/4;grid-row:2;margin:0!important}.seat-state i{max-width:220px}.schedule-list article:hover{padding-left:0}
}

/* 94：移除开班计划顶部滚动条，恢复模块留白 */
.class-board{padding-top:84px}
@media(max-width:760px){.class-board{padding-top:68px}}

/* 95：就业展示改用官网真实学员与服务场景，降低海报感 */
.results{background:linear-gradient(180deg,#fff 0%,#f6faf8 100%)}
.result-track{grid-template-columns:repeat(2,1fr);gap:22px}
.result-track figure{height:360px;padding:0;overflow:hidden;border:0;background:var(--green-deep);box-shadow:0 16px 38px rgba(2,65,48,.12)}
.result-track figure::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(2,43,33,.9));pointer-events:none}
.result-track img{height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.result-track figure:nth-child(1) img{object-position:center 55%}
.result-track figure:nth-child(2) img{object-position:center 48%}
.result-track figure:nth-child(3) img{object-position:center 46%}
.result-track figure:nth-child(4) img{object-position:center 23%}
.result-track figure:hover img{transform:scale(1.025);filter:saturate(1.04)}
.result-track figcaption{z-index:2;left:28px;right:28px;bottom:25px;color:#fff}
.result-track small{font-size:9px;letter-spacing:1px;color:#8de2bd;font-weight:800}
.result-track b{margin-top:8px;font-size:18px;line-height:1.35}
.result-track figcaption span{max-width:390px;margin-top:8px;font-size:10px;line-height:1.7;color:rgba(255,255,255,.78)}
.result-note{margin-top:20px;font-size:9px;color:#879891}
@media(max-width:760px){
  .result-track{display:flex;gap:14px}.result-track figure{flex:0 0 88%;height:380px}
  .result-track figcaption{left:20px;right:20px;bottom:20px}.result-track b{font-size:17px}
}

/* 96：真实学员图片单行横向轮播 */
.result-track{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 0 18px}
.result-track::-webkit-scrollbar{display:none}
.result-track figure{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}
@media(max-width:1000px){.result-track figure{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:760px){.result-track{gap:14px;padding-bottom:12px}.result-track figure{flex-basis:88%}}

/* 97：近期开班改为三张可快速扫读的班期卡片 */
.class-board{padding:88px 20px 82px;background:linear-gradient(180deg,#f1f8f4 0%,#fff 100%);color:var(--ink);overflow:hidden}
.class-heading{max-width:var(--wrap);margin:0 auto 36px;display:grid;grid-template-columns:160px 1fr 330px;align-items:end;gap:32px}
.class-heading>p{font-size:10px;letter-spacing:3px;color:var(--green);font-weight:850}
.class-heading h2{font-size:36px;line-height:1.2;letter-spacing:-1px}
.class-heading>span{font-size:11px;line-height:1.8;color:var(--muted);text-align:right}
.schedule-cards{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.schedule-card{position:relative;min-width:0;padding:26px 26px 24px;background:#fff;border:1px solid #d8e7e0;box-shadow:0 12px 35px rgba(3,75,56,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.schedule-card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:var(--green)}
.schedule-card:hover{transform:translateY(-5px);border-color:#bdd9cc;box-shadow:0 20px 46px rgba(3,75,56,.13)}
.schedule-card header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.schedule-card time{width:68px;height:68px;flex:0 0 68px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mint);color:var(--green-deep)}
.schedule-card time b{font-size:27px;line-height:1}.schedule-card time small{margin-top:6px;font-size:9px;color:var(--green)}
.schedule-card header>div{min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.schedule-card header em{max-width:100%;font-size:10px;color:var(--green);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.schedule-card header span{padding:5px 9px;background:#eef7f3;color:#43826d;font-size:8px;font-weight:800}
.schedule-card h3{margin:25px 0 9px;font-size:21px}.schedule-card>p{font-size:10px;color:var(--muted)}
.class-location{margin:28px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.class-location span{font-size:9px;color:#7c9088}.class-location b{font-size:11px;color:var(--green)}
.seat-dots{display:flex;align-items:center;gap:7px;margin-bottom:25px}.seat-dots i{width:16px;height:8px;border-radius:8px;background:var(--green)}.seat-dots i.empty{background:#fff;border:1px solid #b9d5ca}.seat-dots small{margin-left:auto;font-size:8px;color:#91a29b}
.schedule-card>button{width:100%;height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--green);background:#fff;color:var(--green);font-size:11px;font-weight:850;transition:.2s}
.schedule-card>button:hover,.schedule-card.featured>button{background:var(--green);color:#fff}
.schedule-card.featured{background:#f8fcfa}.schedule-card.featured::before{background:linear-gradient(90deg,var(--green),#43b88e)}
.schedule-card.urgent::before{background:var(--gold)}.schedule-card.urgent header span{background:#fff5df;color:#a36c00}.schedule-card.urgent .class-location b{color:#b87800}.schedule-card.urgent .seat-dots i{background:var(--gold)}.schedule-card.urgent .seat-dots i.empty{background:#fff;border-color:#dfc998}.schedule-card.urgent>button{border-color:var(--gold);color:#906000}.schedule-card.urgent>button:hover{background:var(--gold);color:var(--green-deep)}
.class-note{max-width:var(--wrap);margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.class-note>span{font-size:9px;color:#8b9b95}.class-note>button{padding:6px 0;border:0;border-bottom:1px solid var(--green);background:transparent;color:var(--green);font-size:10px;font-weight:800}
@media(max-width:900px){.class-heading{grid-template-columns:120px 1fr}.class-heading>span{grid-column:2;text-align:left}.schedule-cards{grid-template-columns:repeat(2,1fr)}.schedule-card:last-child{grid-column:1/-1}}
@media(max-width:760px){
  .class-board{padding:68px 18px 62px}.class-heading{display:block;margin-bottom:28px;text-align:center}.class-heading>p{display:flex;align-items:center;justify-content:center;gap:12px}.class-heading>p::before,.class-heading>p::after{content:"";width:26px;height:1px;background:var(--gold)}.class-heading h2{margin:13px 0 10px;font-size:29px}.class-heading>span{font-size:10px;text-align:center}
  .schedule-cards{display:flex;overflow-x:auto;gap:14px;padding:0 0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.schedule-cards::-webkit-scrollbar{display:none}.schedule-card,.schedule-card:last-child{grid-column:auto;flex:0 0 86%;scroll-snap-align:start;padding:23px 21px 21px}.schedule-card:hover{transform:none}.schedule-card h3{font-size:19px}
  .class-note{margin-top:12px;align-items:flex-start}.class-note>span{max-width:65%;line-height:1.6}.class-note>button{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.schedule-card{transition:none}}

/* 98：全国校区由抽象地图改为真实校区影像与信息面板 */
.campuses{padding:90px 20px 100px;background:#f3f7f5}
.campus-body{grid-template-columns:minmax(0,58%) minmax(360px,42%);min-height:570px;border:0;background:#fff;box-shadow:0 20px 55px rgba(3,75,56,.1)}
.campus-visual{position:relative;min-width:0;min-height:570px;overflow:hidden;background:var(--green-deep)}
.campus-visual::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(2,48,36,.78));pointer-events:none}
.campus-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;transition:opacity .25s ease,transform .5s ease}
.campus-visual:hover>img{transform:scale(1.025)}
.campus-visual figcaption{position:absolute;z-index:2;left:34px;bottom:31px;display:flex;flex-direction:column;gap:8px;color:#fff}
.campus-visual figcaption span{font-size:9px;letter-spacing:2px;color:#9be0c3}.campus-visual figcaption b{font-size:19px}
.campus-count{position:absolute;z-index:3;left:30px;top:30px;width:150px;height:82px;padding:17px 19px;display:flex;align-items:center;gap:11px;background:rgba(2,79,57,.92);border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(7px)}
.campus-count strong{font-size:34px;color:var(--gold);line-height:1}.campus-count span{font-size:9px;line-height:1.5;font-weight:800}
.campus-body .campus-panel{padding:56px 48px 46px;justify-content:flex-start}
.campus-panel>p{margin-top:2px}.campus-panel h2{margin:17px 0 13px;font-size:31px}.campus-panel address{min-height:54px;font-size:10px;line-height:1.8}
.campus-tags{display:flex;gap:7px;margin:13px 0 24px}.campus-tags span{padding:6px 9px;background:var(--mint);color:var(--green);font-size:8px;font-weight:800}
.campus-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:0 0 29px;padding-top:25px;border-top:1px solid var(--line)}
.campus-tabs button{height:34px;min-width:0;padding:0 4px;background:#fff;font-size:8px;transition:.2s}.campus-tabs button:hover{border-color:#91bfae;color:var(--green)}.campus-tabs button.active{box-shadow:0 7px 16px rgba(0,132,93,.15)}
.campus-contact{margin-top:auto;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.campus-contact>div{display:flex;flex-direction:column;gap:5px}.campus-contact small{font-size:8px;color:#91a29b}.campus-contact a{font-size:19px}
.campus-contact button{height:43px;padding:0 16px;display:flex;align-items:center;gap:22px;border-radius:0}.campus-contact button span{font-size:13px}
@media(max-width:1000px){.campus-body{grid-template-columns:1fr}.campus-visual{min-height:470px}.campus-body .campus-panel{padding:42px}.campus-tabs{grid-template-columns:repeat(7,1fr)}}
@media(max-width:760px){
  .campuses{padding:68px 18px 76px}.campus-body{display:block}.campus-visual{min-height:360px}.campus-count{left:18px;top:18px;width:128px;height:70px;padding:13px 15px}.campus-count strong{font-size:29px}.campus-visual figcaption{left:20px;bottom:20px}.campus-body .campus-panel{padding:34px 20px 30px}.campus-panel h2{font-size:27px}.campus-tabs{grid-template-columns:repeat(4,1fr);padding-top:20px;margin-bottom:25px}.campus-contact{align-items:flex-end}.campus-contact a{font-size:17px}.campus-contact button{padding:0 13px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.campus-visual>img{transition:none}}

/* 99：导航栏目按官网信息架构完整展开 */
.topbar{padding-left:max(calc((100vw - 1300px)/2),20px);padding-right:max(calc((100vw - 1300px)/2),20px)}
.brand{width:156px}.topbar nav{margin-left:28px;flex:1;justify-content:center}
.topbar nav a{padding:0 10px;font-size:11px;white-space:nowrap;gap:7px}.topbar nav a::after{left:10px;right:10px}
.topbar nav a.active{color:#fff}.topbar nav a.active::after{transform:scaleX(1)}
.topbar nav a.has-subnav i{width:7px;height:7px;margin-top:-4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.phone{display:none}.nav-cta{margin-left:12px;padding:0 15px;font-size:11px;white-space:nowrap}
@media(max-width:1180px){.brand{width:142px}.topbar nav{margin-left:15px}.topbar nav a{padding:0 7px;font-size:10px}.topbar nav a::after{left:7px;right:7px}.nav-cta{display:none}}
@media(max-width:900px){.topbar nav a{padding:0 5px;font-size:9px}.topbar nav a::after{left:5px;right:5px}}
@media(max-width:760px){
  .topbar{padding:0 18px}.brand{width:150px}.topbar nav{margin-left:0;justify-content:flex-start;max-height:calc(100vh - 68px);overflow-y:auto}.topbar nav a{padding:14px 0;font-size:12px;gap:9px}.topbar nav a::after{display:none}.topbar nav a.has-subnav i{margin-left:auto;margin-right:5px}
}

/* 100：底部增加两位课程顾问微信二维码 */
.footer-lead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:70px;padding-top:58px;padding-bottom:58px}
.footer-cta{position:relative}.footer-cta p{font-size:10px;color:#e1c16d;letter-spacing:2px}.footer-cta h2{font-size:48px;line-height:1.1;margin-top:20px}
.footer-lead .footer-cta button{position:static;margin-top:30px;height:46px;padding:0 21px;border:0;border-radius:3px;background:var(--gold);color:var(--green-deep);font-size:11px;font-weight:850}
.footer-qrs{display:flex;gap:18px}.footer-qrs figure{width:148px;padding:10px 10px 13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.footer-qrs img{width:126px;height:126px;padding:4px;background:#fff;object-fit:contain}.footer-qrs figcaption{padding-top:10px;text-align:center}.footer-qrs b{display:block;font-size:12px}.footer-qrs span{display:block;margin-top:4px;font-size:8px;color:#8faea3}
@media(max-width:900px){.footer-lead{gap:35px}.footer-qrs figure{width:132px}.footer-qrs img{width:110px;height:110px}.footer-cta h2{font-size:42px}}
@media(max-width:760px){
  .footer-lead{display:block;padding:58px 18px 52px;min-height:0}.footer-cta{text-align:left}.footer-cta h2{font-size:38px}.footer-lead .footer-cta button{margin-top:25px}.footer-qrs{margin-top:40px;gap:12px}.footer-qrs figure{width:calc(50% - 6px);max-width:156px;padding:9px 9px 12px}.footer-qrs img{width:100%;height:auto;aspect-ratio:1}.footer-qrs b{font-size:11px}
}

/* 101：提升主导航字号与可读性 */
.topbar nav a{font-size:14px;padding-left:9px;padding-right:9px}
.topbar nav a::after{left:9px;right:9px}
@media(max-width:1180px){.topbar nav a{font-size:12px;padding-left:6px;padding-right:6px}.topbar nav a::after{left:6px;right:6px}}
@media(max-width:900px){.topbar nav a{font-size:11px;padding-left:5px;padding-right:5px}}
@media(max-width:760px){.topbar nav a{font-size:14px;padding:14px 0}}

/* 102：快捷入口改为“班期主入口 + 三个辅助入口” */
.quick-links{grid-template-columns:1.35fr repeat(3,1fr);margin-top:18px;border-top:0;box-shadow:0 14px 36px rgba(2,75,55,.1)}
.quick-links a{min-height:114px;padding:19px 20px;gap:13px}.quick-links a:not(.quick-primary):hover{background:#f0f8f4}.quick-links a:not(.quick-primary):hover>em{transform:translateX(4px)}
.quick-links a>i{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--mint);color:var(--green);font-size:13px;font-weight:850}
.quick-links a>em{transition:transform .2s}.quick-links b{font-size:15px}.quick-links small{font-size:9px}
.quick-links .quick-primary{position:relative;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#006f50,#008a60);color:#fff;border-right:0;overflow:hidden}
.quick-links .quick-primary::after{content:"";position:absolute;right:-42px;top:-70px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.13)}
.quick-primary>span{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.quick-primary>span small{color:#9fe2c6;font-weight:800;letter-spacing:1px}.quick-primary>span b{font-size:18px}.quick-primary>span em{font-size:9px;color:rgba(255,255,255,.7)}
.quick-primary>strong{position:relative;z-index:1;align-self:flex-end;padding-bottom:2px;border-bottom:1px solid var(--gold);color:var(--gold);font-size:9px;white-space:nowrap}
@media(max-width:900px){.quick-links{grid-template-columns:1.2fr repeat(3,1fr)}.quick-links a{padding:17px 14px}.quick-links a>i{width:34px;height:34px;flex-basis:34px}.quick-primary>span b{font-size:16px}.quick-primary>strong{display:none}}
@media(max-width:760px){
  .quick-links{grid-template-columns:repeat(3,1fr);margin-top:14px}.quick-links .quick-primary{grid-column:1/-1;min-height:112px;padding:20px}.quick-primary>strong{display:block}.quick-links a:not(.quick-primary){min-height:94px;padding:13px 10px;flex-direction:column;align-items:flex-start;gap:8px}.quick-links a:not(.quick-primary)>span{gap:2px}.quick-links a:not(.quick-primary)>em{position:absolute;right:9px;top:15px}.quick-links a:nth-child(3){border-right:1px solid var(--line)}.quick-links a>i{width:30px;height:30px;flex-basis:30px;font-size:10px}.quick-links b{font-size:12px}.quick-links small{font-size:7px;white-space:nowrap}.quick-links a{position:relative}
}

/* 103：快捷入口改为统一轻卡片，避免主次比例失衡 */
.quick-links{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;background:transparent;border:0;box-shadow:none}
.quick-links a,.quick-links a:not(.quick-primary){position:relative;min-height:104px;padding:19px 18px;display:flex;flex-direction:row;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(3,75,56,.055);transition:border-color .2s,transform .2s,box-shadow .2s}
.quick-links a:last-child{border:1px solid var(--line)}
.quick-links a:first-child{background:#f3faf7;border-color:#cfe4da}.quick-links a:hover,.quick-links a:not(.quick-primary):hover{transform:translateY(-3px);background:#fff;border-color:#9fc9b8;box-shadow:0 14px 32px rgba(3,75,56,.11)}
.quick-links a>i{width:40px;height:40px;flex:0 0 40px;background:var(--mint);border:1px solid #d6e9e0;color:var(--green);font-size:13px}
.quick-links a>span{gap:6px}.quick-links a b{font-size:15px}.quick-links a small{font-size:8px;line-height:1.5;color:var(--muted);white-space:normal}
.quick-links a>strong{position:absolute;right:16px;top:14px;color:#83a89a;font-size:12px;font-weight:500;transition:transform .2s,color .2s}.quick-links a:hover>strong{color:var(--green);transform:translate(2px,-2px)}
@media(max-width:900px){.quick-links{grid-template-columns:repeat(2,1fr)}.quick-links a,.quick-links a:not(.quick-primary){padding:17px 16px}}
@media(max-width:760px){
  .quick-links{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.quick-links a,.quick-links a:not(.quick-primary){min-height:88px;padding:13px 11px;flex-direction:row;align-items:center;gap:9px}.quick-links a>i{width:32px;height:32px;flex-basis:32px;font-size:10px}.quick-links a>span{gap:3px}.quick-links a b{font-size:12px}.quick-links a small{font-size:7px;white-space:normal}.quick-links a>strong{right:9px;top:9px;font-size:10px}.quick-links a:hover,.quick-links a:not(.quick-primary):hover{transform:none}
  .quick-links a:nth-child(2),.quick-links a:nth-child(3),.quick-links a:last-child{border:1px solid var(--line)}
}

/* 104：移除与主导航重复的快捷入口，让首屏直接进入精品课程 */
.course-stage{padding-top:82px}
@media(max-width:760px){.course-stage{padding-top:62px}}

/* 105：首屏改为课程选择、课程轮播、热门班报名三栏转化结构 */
:root{--gold:#ffc83d;--accent-red:#f04444;--bright-green:#16835a}
.hero{height:610px;padding:0 20px;background:#063c30}
.hero-image{object-position:center 40%}.hero-shade{background:linear-gradient(90deg,rgba(3,48,37,.78),rgba(3,57,43,.46) 58%,rgba(3,48,37,.56))}
.hero-shell{position:relative;z-index:3;width:min(100%,1300px);height:100%;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 292px;align-items:center}
.hero-course-menu{height:516px;background:#fff;color:var(--ink);box-shadow:0 18px 48px rgba(2,36,28,.16);overflow:hidden}
.hero-course-menu>header{height:76px;padding:18px 20px;background:linear-gradient(135deg,#00875f,#00a875);color:#fff;display:flex;flex-direction:column;justify-content:center}.hero-course-menu>header small{font-size:7px;letter-spacing:2px;color:#aef0d2}.hero-course-menu>header b{margin-top:5px;font-size:18px}
.hero-course-menu>button,.hero-course-menu>a{width:100%;height:73px;padding:0 15px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);display:grid;grid-template-columns:22px 1fr 10px;align-items:center;gap:7px;text-align:left;transition:.2s}
.hero-course-menu>button>i,.hero-course-menu>a>i{font-size:8px;color:#9aaba4}.hero-course-menu>button>span,.hero-course-menu>a>span{display:flex;flex-direction:column;gap:5px}.hero-course-menu>button b,.hero-course-menu>a b{font-size:12px}.hero-course-menu>button small,.hero-course-menu>a small{font-size:7px;color:#8b9994}.hero-course-menu>button>em,.hero-course-menu>a>em{font-size:17px;color:#a7b6b0}
.hero-course-menu>button:hover,.hero-course-menu>a:hover{background:#f1faf6}.hero-course-menu>button.active{background:#e1f7ed;border-left:4px solid var(--bright-green);padding-left:11px}.hero-course-menu>button.active b{color:#007b56}.hero-course-menu>button.active>em{color:var(--bright-green)}
.hero-content{width:auto;max-width:none;height:516px;margin:0;padding:73px 46px 55px;justify-content:center}.hero-content .hero-index{position:static;display:block;margin-bottom:17px;font-size:11px;color:#fff}.hero-content .hero-index span{color:rgba(255,255,255,.55)}
.hero h1{font-size:43px;margin:17px 0 15px}.hero-lead{font-size:13px}.hero-actions{margin-top:24px}.hero-actions a{background:var(--gold);color:#173c30}.hero-actions button{background:rgba(2,64,48,.48)}.hero-dots{margin-top:24px}
.hero-booking{min-height:466px;padding:28px 25px 22px;background:#fff;color:var(--ink);border-top:5px solid var(--accent-red);box-shadow:0 18px 48px rgba(2,36,28,.17)}
.booking-label{display:flex;align-items:center;justify-content:space-between}.booking-label span{font-size:10px;color:var(--accent-red);font-weight:850;letter-spacing:1px}.booking-label em{padding:5px 8px;background:#fff0ef;color:var(--accent-red);font-size:8px;font-weight:800}
.hero-booking h2{margin:17px 0 9px;font-size:22px;line-height:1.35}.hero-booking>p{font-size:9px;color:var(--muted)}
.booking-count{position:relative;margin:24px 0 12px;padding:15px;background:#fff7f3;border:1px solid #ffd6ce}.booking-count>span{display:block;font-size:8px;color:#8d938f}.booking-count b{display:block;margin-top:4px}.booking-count strong{font-size:32px;color:var(--accent-red)}.booking-count small{font-size:11px;color:#6f7f79}.booking-count>em{position:absolute;right:13px;top:22px;color:var(--accent-red);font-size:12px;font-weight:850}
.booking-seats{display:flex;gap:6px;margin-bottom:18px}.booking-seats i{width:34px;height:7px;border-radius:7px;background:var(--accent-red)}.booking-seats i.empty{background:#fff;border:1px solid #f1aaa2}
.hero-booking ul{margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none}.hero-booking li{font-size:8px;color:#63736d}.hero-booking li::before{content:"✓";margin-right:5px;color:var(--bright-green);font-weight:900}.hero-booking li:last-child{grid-column:1/-1}
.hero-booking>button{width:100%;height:46px;padding:0 15px;border:0;background:var(--gold);color:#173c30;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900}.hero-booking>small{display:block;margin-top:10px;text-align:center;font-size:7px;color:#9ba8a3}

/* 就业案例提前，并使用真实薪资素材 */
.results{background:linear-gradient(180deg,#fff 0%,#f2f8f5 100%)}
.result-track figure{height:390px;padding:10px 10px 82px;background:#fff;border:1px solid var(--line);box-shadow:0 13px 34px rgba(3,75,56,.09)}.result-track figure::after{display:none}.result-track img{height:100%;object-fit:contain;background:#fff}.result-track figure:hover img{transform:none;filter:none}
.result-track figcaption{left:18px;right:18px;bottom:16px;color:var(--ink)}.result-track small{color:var(--green);font-size:8px}.result-track b{font-size:13px;margin-top:5px}.result-track figcaption span{margin-top:4px;color:var(--muted);font-size:9px}.result-track figcaption strong{color:var(--accent-red);font-size:13px}
.result-note{color:#85958f}
.schedule-card.urgent header span{background:#fff0ef;color:var(--accent-red)}.schedule-card.urgent .class-location b{color:var(--accent-red)}.schedule-card.urgent::before,.schedule-card.urgent .seat-dots i{background:var(--accent-red)}.schedule-card.urgent>button{border-color:var(--accent-red);color:var(--accent-red)}.schedule-card.urgent>button:hover{background:var(--accent-red);color:#fff}
@media(max-width:1100px){.hero-shell{grid-template-columns:190px minmax(0,1fr) 270px}.hero-course-menu{height:490px}.hero-course-menu>button,.hero-course-menu>a{height:69px}.hero-content{height:490px;padding:58px 28px}.hero h1{font-size:36px}.hero-booking{padding:24px 19px}.booking-seats i{width:29px}}
@media(max-width:760px){
  .hero{height:auto;min-height:1040px;padding:0 18px;background:#16835a}.hero-image{height:300px;object-position:68% center}.hero-shade{background:linear-gradient(0deg,#16835a 0%,#16835a 73%,rgba(3,53,40,.2) 91%,rgba(3,43,32,.02) 100%)}.hero-shell{display:flex;height:auto;padding-top:270px;flex-direction:column}.hero-course-menu{order:1;width:100%;height:auto;display:flex;overflow-x:auto;background:#fff}.hero-course-menu>header{display:none}.hero-course-menu>button,.hero-course-menu>a{flex:0 0 145px;height:62px;grid-template-columns:18px 1fr;padding:0 10px}.hero-course-menu>button>em,.hero-course-menu>a>em{display:none}.hero-course-menu>button small,.hero-course-menu>a small{display:none}.hero-course-menu>button.active{border-left:0;border-bottom:3px solid var(--bright-green);padding-left:10px}.hero-content{order:2;width:100%;height:auto;min-height:350px;padding:35px 4px 25px;justify-content:flex-start}.hero h1{font-size:36px}.hero-lead{font-size:10px}.hero-actions{grid-template-columns:1fr 1fr}.hero-booking{order:3;width:100%;min-height:0;margin-bottom:28px;padding:23px 20px}.hero-booking h2{font-size:20px}.booking-count{margin-top:18px}.hero-dots{margin-top:18px}.result-track figure{height:390px}
}

/* 106：参考成熟培训官网，首屏采用“左侧课程目录 + 右侧整幅轮播”结构 */
.hero{height:560px;padding:0;background:#16835a}
.hero-image{left:50%;width:50%;object-position:center 42%;transform:scale(1.01)}
.hero-shade{background:linear-gradient(90deg,#052f27 0%,#063f32 22%,rgba(4,54,42,.88) 43%,rgba(3,45,36,.25) 72%,rgba(2,35,29,.1) 100%)}
.hero-shell{width:min(100%,1440px);grid-template-columns:250px minmax(0,1fr);align-items:stretch}
.hero-course-menu{height:100%;box-shadow:16px 0 40px rgba(0,25,20,.2);background:rgba(4,41,34,.9);color:#fff;backdrop-filter:blur(9px)}
.hero-course-menu>header{height:74px;padding:17px 24px;background:linear-gradient(135deg,#00a66f,#00bf80)}
.hero-course-menu>header small{color:#c9f9e7}.hero-course-menu>header b{font-size:20px}
.hero-course-menu>button,.hero-course-menu>a{height:81px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.11);background:transparent;color:#fff;grid-template-columns:20px 1fr 10px}
.hero-course-menu>button>i,.hero-course-menu>a>i{color:#6eb6a0}.hero-course-menu>button b,.hero-course-menu>a b{font-size:13px}.hero-course-menu>button small,.hero-course-menu>a small{color:rgba(255,255,255,.52)}.hero-course-menu>button>em,.hero-course-menu>a>em{color:rgba(255,255,255,.42)}
.hero-course-menu>button:hover,.hero-course-menu>a:hover{background:rgba(255,255,255,.08)}
.hero-course-menu>button.active{padding-left:16px;border-left:4px solid var(--gold);background:linear-gradient(90deg,rgba(255,200,61,.18),rgba(255,255,255,.07))}.hero-course-menu>button.active b{color:#fff}.hero-course-menu>button.active>em{color:var(--gold)}
.hero-content{height:100%;max-width:1180px;padding:60px 70px 46px;justify-content:center}
.hero-content::before{content:"";position:absolute;inset:0 auto 0 0;width:52%;background:linear-gradient(90deg,rgba(3,49,39,.45),transparent);pointer-events:none;z-index:-1}
.hero-content .hero-index{position:absolute;right:35px;top:28px;margin:0;font-size:10px;letter-spacing:1px}
.hero h1{max-width:680px;margin:16px 0 13px;font-size:50px;line-height:1.08}.hero h1 em{color:#9af0c9}
.hero-lead{font-size:14px;line-height:1.85;color:rgba(255,255,255,.83)}
.hero-class-callout{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:19px;padding:10px 14px;border-left:3px solid var(--accent-red);background:rgba(5,39,32,.68);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hero-class-callout span{padding:4px 7px;background:var(--accent-red);color:#fff;font-size:8px;font-weight:900}.hero-class-callout b{font-size:12px}.hero-class-callout em{font-size:9px;color:#dcebe5}.hero-class-callout strong{color:#ff6b5f;font-size:17px}
.hero-actions{margin-top:22px}.hero-actions a,.hero-actions button{height:45px}.hero-actions a{background:var(--gold)}.hero-actions button{background:rgba(3,49,39,.58)}
.hero-dots{position:absolute;right:34px;bottom:27px;margin:0}.hero-dots button.active{background:var(--gold)}
@media(max-width:1100px){
  .hero-shell{grid-template-columns:210px minmax(0,1fr)}.hero-course-menu>button,.hero-course-menu>a{height:81px;padding-left:14px;padding-right:12px}.hero-content{padding:55px 38px}.hero h1{font-size:42px}
}
@media(max-width:760px){
  .hero{min-height:790px;padding:0;background:#16835a}.hero-image{left:0;width:100%;height:310px;transform:none;object-position:65% center}.hero-shade{background:linear-gradient(0deg,#16835a 0%,#16835a 60%,rgba(3,53,42,.18) 82%,rgba(3,43,32,.04) 100%)}.hero-shell{padding-top:280px}.hero-course-menu{order:1;width:100%;height:auto;background:#fff;color:var(--ink);box-shadow:none}.hero-course-menu>button,.hero-course-menu>a{height:62px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.hero-course-menu>button b,.hero-course-menu>a b{font-size:11px}.hero-course-menu>button.active{background:#e6f8ef;border-left:0;border-bottom:3px solid var(--bright-green);padding-left:10px}.hero-course-menu>button.active b{color:#007b56}.hero-content{order:2;min-height:390px;padding:32px 0 34px}.hero-content::before{display:none}.hero-content .hero-index{right:0;top:20px}.hero h1{font-size:36px}.hero-class-callout{gap:8px;flex-wrap:wrap}.hero-class-callout em{width:100%}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-dots{position:static;margin-top:18px}
}

/* 107：轮播图全宽铺底，课程目录直接叠加于同一画面 */
@media(min-width:761px){
  .utility-bar{height:5px;background:linear-gradient(90deg,#07813b,#1fbe6f);border:0}.utility-bar>div{display:none}
  .topbar{height:72px;background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(7,66,48,.1);padding-left:max(calc((100vw - 1440px)/2),0px);padding-right:max(calc((100vw - 1440px)/2),0px)}
  .brand{width:250px;height:100%;padding:14px 28px;background:linear-gradient(135deg,#079866,#16bb78);display:flex;align-items:center}.brand img{max-height:44px;object-fit:contain}
  .topbar nav{margin-left:22px;flex:1;justify-content:space-between}.topbar nav a{padding:0 10px;color:#424b48;font-size:13px;white-space:nowrap}.topbar nav a::after{left:10px;right:10px;background:var(--bright-green)}.topbar nav a.active{color:#00a86b}.topbar nav a:hover{background:#f2faf6;color:#007b56}
  .topbar .phone,.topbar .nav-cta{display:none}
  .hero{height:520px}
  .hero-image{inset:0;width:100%;height:100%;transform:none;object-position:center 42%}
  .hero-shade{background:linear-gradient(90deg,rgba(3,26,45,.4) 0%,rgba(2,29,43,.18) 27%,rgba(3,39,37,.48) 57%,rgba(2,29,38,.08) 100%)}
  .hero-shell{width:min(100%,1440px);grid-template-columns:250px minmax(0,1fr)}
  .hero-course-menu{background:rgba(3,25,47,.77);box-shadow:14px 0 38px rgba(0,11,29,.18);backdrop-filter:blur(4px)}
  .hero-course-menu>header{height:72px;background:linear-gradient(135deg,rgba(5,151,100,.96),rgba(20,190,122,.96))}
  .hero-course-menu>button,.hero-course-menu>a{height:74.6px;border-bottom:1px solid rgba(255,255,255,.08);background:transparent}
  .hero-course-menu>button.active{background:rgba(10,31,67,.72);border-left-color:#42da9a}
  .hero-content{padding:48px 78px 45px;background:linear-gradient(90deg,rgba(2,28,42,.68) 0%,rgba(3,38,40,.36) 46%,transparent 82%)}
  .hero-content::before{display:none}.hero h1{font-size:52px;text-shadow:0 3px 18px rgba(0,18,24,.24)}
  .hero-arrow{position:absolute;z-index:6;top:50%;width:34px;height:58px;margin-top:-29px;border:0;border-radius:3px;background:rgba(2,29,48,.72);color:#fff;font-size:35px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}.hero-arrow:hover{background:var(--bright-green)}
  .hero-prev{left:257px}.hero-next{right:20px}
}
@media(min-width:761px) and (max-width:1180px){
  .topbar nav a{padding:0 6px;font-size:11px}.brand{width:210px}.hero-shell{grid-template-columns:210px minmax(0,1fr)}.hero-prev{left:216px}.hero-content{padding-left:52px}
}
@media(max-width:760px){
  .hero-arrow{display:none}.utility-bar{display:none}.topbar{background:var(--green-deep);color:#fff}.brand{padding:0;background:transparent}.menu-toggle i{background:#fff}
}

/* 108：课程中心入口进入主导航，目录与入口垂直对齐并覆盖轮播图 */
.course-nav-trigger{display:none}
@media(min-width:761px){
  .topbar{padding-left:max(calc((100vw - 1440px)/2),0px);padding-right:max(calc((100vw - 1440px)/2),0px)}
  .brand{width:180px;flex:0 0 180px;padding:15px 20px;background:#064a39}
  .course-nav-trigger{height:100%;width:250px;flex:0 0 250px;padding:0 24px;background:linear-gradient(135deg,#079866,#19bf7b);color:#fff;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:12px}
  .course-nav-trigger span{align-self:end;padding-bottom:2px;font-size:8px;letter-spacing:1.5px;color:#bff6dc}.course-nav-trigger b{align-self:start;padding-top:2px;font-size:18px}.course-nav-trigger i{grid-column:2;grid-row:1/3;font-size:14px}
  .topbar nav{margin-left:18px}.topbar nav a{padding-left:9px;padding-right:9px}
  .hero-shell{grid-template-columns:180px 250px minmax(0,1fr)}
  .hero-shell::before{content:"";grid-column:1;grid-row:1}
  .hero-course-menu{grid-column:2;grid-row:1;height:100%;background:rgba(3,25,47,.76)}
  .hero-course-menu>button,.hero-course-menu>a{height:86.66px;padding-left:22px;padding-right:18px}
  .hero-content{grid-column:3;grid-row:1;padding:42px 70px 45px;align-items:center;text-align:center;background:linear-gradient(90deg,rgba(1,26,43,.28),rgba(2,37,45,.2) 55%,rgba(2,24,35,.04))}
  .hero-content .hero-index{right:30px}.hero h1{max-width:780px}.hero-lead{font-size:14px}.hero-class-callout{margin-left:auto;margin-right:auto}.hero-actions{align-self:center}.hero-prev{left:437px}.hero-next{right:20px}
}
@media(min-width:761px) and (max-width:1180px){
  .brand{width:150px;flex-basis:150px;padding:17px 13px}.course-nav-trigger{width:210px;flex-basis:210px;padding:0 17px}.course-nav-trigger b{font-size:16px}
  .topbar nav{margin-left:6px}.topbar nav a{font-size:10px;padding-left:5px;padding-right:5px}
  .hero-shell{grid-template-columns:150px 210px minmax(0,1fr)}.hero-course-menu>button,.hero-course-menu>a{padding-left:14px;padding-right:12px}.hero-content{padding-left:38px;padding-right:38px}.hero-prev{left:366px}
}
@media(max-width:760px){
  .course-nav-trigger{display:none}.hero-shell::before{display:none}
}

/* 109：完整四段式首页头部，课程横幅图片承担主要视觉信息 */
.brand-banner{display:none}
@media(min-width:761px){
  .utility-bar{height:34px;background:#f2f4f5;border-top:1px solid #4d5457;border-bottom:1px solid #e0e4e5;color:#77807c}
  .utility-bar>div{display:flex;max-width:1440px;padding:0 0}.utility-bar p{margin-right:auto}.utility-bar span{margin-right:auto}.utility-bar a{font-weight:800;color:#0b54cb}.utility-bar .utility-signup{margin-left:10px;padding:5px 10px;border-radius:3px;background:#27bd78;color:#fff}
  .brand-banner{height:154px;background:linear-gradient(90deg,#087b12 0%,#149c39 54%,#31c47c 100%);display:block;color:#fff}
  .brand-banner-inner{width:min(100%,1440px);height:100%;margin:auto;display:flex;align-items:center;padding:0 36px;gap:34px}
  .brand-banner-inner>a{width:270px;flex:0 0 270px}.brand-banner-inner>a img{width:100%;height:auto}
  .brand-banner-inner>strong{flex:1;font-family:STKaiti,KaiTi,"楷体",serif;font-size:29px;font-weight:700;letter-spacing:7px;text-align:center;white-space:nowrap}
  .brand-hotline{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-hotline>i{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:24px}.brand-hotline span{display:flex;flex-direction:column}.brand-hotline b{font-size:28px;line-height:1}.brand-hotline small{margin-top:10px;text-align:center;font-size:12px;letter-spacing:8px}
  .brand-banner figure{width:78px;flex:0 0 78px;margin:0}.brand-banner figure img{width:78px;height:78px;padding:4px;background:#fff;object-fit:cover}.brand-banner figcaption{display:none}
  .topbar{height:60px;padding-left:max(calc((100vw - 1440px)/2),0px);padding-right:max(calc((100vw - 1440px)/2),0px)}
  .topbar>.brand{display:none}.course-nav-trigger{width:250px;flex:0 0 250px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.course-nav-trigger b{font-size:17px}.course-nav-trigger i{font-size:12px}
  .topbar nav{margin-left:24px}.topbar nav a{font-size:13px;padding:0 13px}
  .hero{height:430px;background:#16835a}
  .hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none}
  .hero-shade{display:none}
  .hero-shell{width:min(100%,1440px);grid-template-columns:250px minmax(0,1fr)}.hero-shell::before{display:none}
  .hero-course-menu{grid-column:1;grid-row:1;height:430px;background:rgba(1,20,45,.74);box-shadow:none;backdrop-filter:blur(2px)}
  .hero-course-menu>button,.hero-course-menu>a{height:71.67px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.065);grid-template-columns:20px 1fr 10px}
  .hero-course-menu>button b,.hero-course-menu>a b{font-size:12px}.hero-course-menu>button small,.hero-course-menu>a small{font-size:7px}.hero-course-menu>button.active{padding-left:16px;background:rgba(3,20,47,.78);border-left:4px solid #28d38d}
  .hero-content{display:none}
  .hero-prev{left:257px}.hero-next{right:20px}.hero-arrow{top:50%;width:32px;height:52px;margin-top:-26px;background:rgba(0,16,42,.78)}
}
@media(min-width:761px) and (max-width:1180px){
  .brand-banner-inner{padding:0 20px;gap:18px}.brand-banner-inner>a{width:210px;flex-basis:210px}.brand-banner-inner>strong{font-size:21px;letter-spacing:3px}.brand-hotline b{font-size:21px}.brand-hotline small{font-size:9px}.brand-banner figure{width:64px;flex-basis:64px}.brand-banner figure img{width:64px;height:64px}
  .course-nav-trigger{width:210px;flex-basis:210px}.topbar nav{margin-left:8px}.topbar nav a{font-size:10px;padding:0 7px}
  .hero-shell{grid-template-columns:210px minmax(0,1fr)}.hero-course-menu>button,.hero-course-menu>a{padding-left:14px;padding-right:10px}.hero-prev{left:216px}
}
@media(max-width:760px){
  .brand-banner{display:none}.topbar>.brand{display:flex}.hero-content{display:flex}
}

/* 111：恢复截图中的经典首页版本 */
:root{--gold:#d8ad55}
.brand-banner,.course-nav-trigger,.hero-arrow,.hero-course-menu,.hero-class-callout{display:none!important}
.utility-bar{height:34px;background:#f3f6f4;border-top:0;border-bottom:1px solid #e8eeeb;color:#788983}
.utility-bar>div{max-width:var(--wrap);height:100%;margin:auto;padding:0 16px;display:flex;align-items:center;gap:22px}.utility-bar span{margin:0}.utility-bar p{margin-right:auto}.utility-bar a{font-weight:400;color:inherit}.utility-bar a:hover{color:var(--green)}
.topbar{height:74px;background:var(--green-deep);color:#fff;padding:0 max(calc((100vw - var(--wrap))/2),20px);box-shadow:none}
.topbar>.brand{display:block;width:180px;height:auto;flex:0 0 auto;padding:0;background:transparent}.topbar>.brand img{max-height:none}
.topbar nav{margin-left:auto;display:flex;align-items:center;height:100%;justify-content:flex-start}.topbar nav a{height:100%;padding:0 20px;color:rgba(255,255,255,.86);font-size:13px}.topbar nav a::after{left:20px;right:20px;background:var(--gold)}.topbar nav a.active{color:#fff}.topbar nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.topbar .phone{display:flex}.topbar .nav-cta{display:block}
.hero{height:560px;padding:0;background:var(--green-deep)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:none}
.hero-shade{display:block;background:linear-gradient(90deg,rgba(3,42,32,.96) 0%,rgba(3,42,32,.82) 37%,rgba(3,42,32,.28) 68%,rgba(3,42,32,.08) 100%)}
.hero-content{position:relative;z-index:2;width:auto;max-width:var(--wrap);height:100%;margin:auto;padding:78px 16px 104px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background:none}
.hero-content::before{display:none}.hero-content .hero-index{display:none}.hero h1{max-width:none;font-size:52px;line-height:1.14;letter-spacing:-2px;margin:22px 0 18px;text-shadow:none}.hero h1 em{color:#92dfbd}.hero-lead{font-size:15px;line-height:1.9;color:rgba(255,255,255,.78)}
.hero-actions{align-self:auto;display:flex;gap:12px;margin-top:28px}.hero-actions a,.hero-actions button{height:48px}.hero-actions a{background:var(--gold)}.hero-actions button{background:rgba(255,255,255,.06)}
.hero-dots{position:static;display:flex;gap:8px;margin-top:25px}.hero-dots button.active{background:var(--gold)}
.hero-facts{position:absolute;z-index:3;left:50%;bottom:0;transform:translateX(-50%);width:min(calc(100% - 32px),var(--wrap));height:88px;background:rgba(1,61,44,.94);border-top:1px solid rgba(255,255,255,.24);display:grid;grid-template-columns:repeat(3,1fr);backdrop-filter:blur(7px)}
.hero-facts button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:0 28px;border:0;border-right:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left}.hero-facts button:last-child{border-right:0}.hero-facts button::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;background:var(--gold);transform:scaleX(0);transition:.25s}.hero-facts button.active{background:rgba(255,255,255,.08)}.hero-facts button.active::after{transform:scaleX(1)}.hero-facts button>i{font-size:10px;color:var(--gold);font-weight:800}.hero-facts button>span{display:flex;flex-direction:column;gap:5px}.hero-facts button b{font-size:13px;color:#fff}.hero-facts button small{font-size:8px;color:#add3c5}
@media(max-width:1100px) and (min-width:761px){.topbar nav a{padding:0 12px}.topbar .phone{display:none}.topbar>.brand{width:160px}.hero h1{font-size:46px}}
@media(max-width:760px){
  .utility-bar{display:none}.topbar{height:68px;padding:0 18px}.topbar>.brand{display:block;width:150px}.topbar nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--green-deep);flex-direction:column;align-items:stretch;height:auto;padding:5px 18px 15px}.topbar nav.open{display:flex}.topbar nav a{height:auto;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.topbar .phone,.topbar .nav-cta{display:none}
  .hero{height:850px;min-height:0;padding:0}.hero-image{height:330px;object-position:70% center}.hero-shade{background:linear-gradient(0deg,var(--green-deep) 0%,var(--green-deep) 61%,rgba(3,42,32,.22) 82%,rgba(3,42,32,.05) 100%)}.hero-content{height:100%;justify-content:flex-start;padding:370px 18px 118px}.hero-content .hero-index{display:block;position:absolute;right:18px;top:350px}.hero h1{font-size:40px}.hero-lead{font-size:11px}.hero-actions{display:grid;width:100%;grid-template-columns:1fr;margin-top:22px}.hero-dots{margin-top:18px}.hero-facts{left:18px;right:18px;bottom:0;transform:none;width:auto;height:86px;grid-template-columns:repeat(3,1fr)}.hero-facts button{padding:0 8px;justify-content:center}.hero-facts button::after{left:8px;right:8px}.hero-facts button>i{display:none}.hero-facts button b{font-size:9px}.hero-facts button small{display:none}
}

/* 112：品牌信息与主导航分成独立两行 */
.brand-row{display:none}
@media(min-width:761px){
  .brand-row{display:block;height:94px;background:linear-gradient(90deg,#063c30,#087454);color:#fff}
  .brand-row-inner{width:min(calc(100% - 40px),var(--wrap));height:100%;margin:auto;display:flex;align-items:center;gap:28px}
  .brand-row-inner>a:first-child{width:190px;flex:0 0 190px}.brand-row-inner>a:first-child img{width:100%;height:auto}
  .brand-row-inner>p{margin-right:auto;font-size:14px;letter-spacing:2px;color:#cfe8df}.brand-row-inner>p span{margin:0 8px;color:var(--gold)}
  .brand-row-phone{display:flex;flex-direction:column;text-align:right}.brand-row-phone small{font-size:8px;letter-spacing:3px;color:#a8c9bd}.brand-row-phone b{margin-top:5px;font-size:19px;color:#fff}
  .brand-row-inner>button{height:40px;padding:0 18px;border:0;border-radius:3px;background:var(--gold);color:var(--green-deep);font-size:11px;font-weight:850}
  .topbar{height:60px;background:#fff;color:var(--ink);padding:0 max(calc((100vw - var(--wrap))/2),20px);border-bottom:1px solid var(--line)}
  .topbar>.brand,.topbar>.phone,.topbar>.nav-cta{display:none}.topbar nav{width:100%;margin:0;justify-content:center}.topbar nav a{height:100%;padding:0 22px;color:#46524e;font-size:13px}.topbar nav a.active{color:var(--green)}.topbar nav a::after{background:var(--green);left:22px;right:22px}.topbar nav a:hover{background:#f2f8f5;color:var(--green)}
}
@media(min-width:761px) and (max-width:1100px){
  .brand-row-inner>p{font-size:11px;letter-spacing:1px}.brand-row-inner>a:first-child{width:165px;flex-basis:165px}.topbar nav a{padding:0 12px;font-size:11px}.topbar nav a::after{left:12px;right:12px}
}
@media(max-width:760px){
  .brand-row{display:none}.topbar{background:var(--green-deep);color:#fff;border:0}.topbar>.brand{display:block}.topbar nav a{color:#fff}.topbar nav a.active{color:#fff}
}

/* 113：精选课程采用导航大标签与首屏覆盖式课程目录 */
.course-mega-panel{display:none}
@media(min-width:761px){
  .topbar{z-index:40}.topbar nav{justify-content:flex-start;gap:0}
  .topbar nav a{flex:1;min-width:0;padding:0 9px;justify-content:center}.topbar nav a::after{left:9px;right:9px}
  .topbar nav a.course-mega-trigger{flex:0 0 260px;height:60px;margin:0 12px 0 0;border-radius:16px 16px 0 0;background:#ff4148;color:#fff;font-size:19px;font-weight:850;letter-spacing:1px}.topbar nav a.course-mega-trigger::after{display:none}.topbar nav a.course-mega-trigger:hover{background:#ee343d;color:#fff}
  .course-mega-panel{position:absolute;z-index:45;left:max(calc((100vw - var(--wrap))/2),20px);top:60px;width:260px;height:560px;padding:0;display:flex;flex-direction:column;background:linear-gradient(rgba(2,20,61,.79),rgba(2,22,66,.9)),url("assets/course-banner-ai.png") 20% center/auto 100%;box-shadow:12px 18px 40px rgba(0,15,45,.22);overflow:hidden}
  .course-mega-panel a{height:56px;flex:0 0 56px;padding:0 24px 0 36px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;font-size:13px;font-weight:600;transition:.2s}.course-mega-panel a::before{content:"";width:5px;height:5px;margin-right:14px;border:1px solid rgba(255,255,255,.7);border-radius:50%}.course-mega-panel a:hover{padding-left:42px;background:rgba(31,117,255,.25);color:#fff}
  .hero-content{padding-left:310px;padding-bottom:78px}.hero-facts{display:none}
}
@media(min-width:761px) and (max-width:1100px){
  .topbar nav a.course-mega-trigger{flex-basis:220px;font-size:16px}.course-mega-panel{width:220px}.course-mega-panel a{padding-left:22px;font-size:11px}.hero-content{padding-left:260px}.topbar nav a{font-size:10px;padding-left:5px;padding-right:5px}
}
@media(max-width:760px){
  .course-mega-panel{display:none}.topbar nav a.course-mega-trigger{background:transparent;border-radius:0;font-size:13px;letter-spacing:0}
}

/* 114：Banner 使用完整横向精品课程海报，并与课程目录联动 */
@media(min-width:761px){
  .hero{height:430px;background:#16835a}.hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.hero-shade{display:none}.hero-content{display:none}.hero-facts{display:none}
  .course-mega-panel{height:430px;background:linear-gradient(rgba(1,17,55,.78),rgba(1,20,61,.9)),url("assets/course-banner-ai.png") 18% center/auto 100%}
  .course-mega-panel a,.course-mega-panel button{width:100%;height:43px;flex:0 0 43px;padding:0 20px 0 30px;display:flex;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#fff;font-size:12px;font-weight:600;text-align:left;transition:.2s}
  .course-mega-panel a::before,.course-mega-panel button::before{content:"";width:5px;height:5px;flex:0 0 5px;margin-right:12px;border:1px solid rgba(255,255,255,.7);border-radius:50%}
  .course-mega-panel a:hover,.course-mega-panel button:hover,.course-mega-panel button.active{padding-left:36px;background:rgba(32,119,255,.28);color:#fff}.course-mega-panel button.active::before{background:#30e0a0;border-color:#30e0a0;box-shadow:0 0 0 4px rgba(48,224,160,.18)}
}
@media(max-width:760px){.hero-content{display:flex}.hero-shade{display:block}}

/* 115：报名预定提前为第二屏，并增加城市切换 */
.class-board{order:2;padding:72px 20px 78px;background:linear-gradient(180deg,#f3f9f6 0%,#fff 100%)}
.course-stage{order:3}
.class-heading{margin-bottom:26px}.class-heading>p{color:#e04d3f}.class-heading h2{font-size:38px}.class-heading>span{max-width:310px}
.class-city-bar{max-width:var(--wrap);min-height:62px;margin:0 auto 24px;padding:10px 14px 10px 20px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #d9e7e1;box-shadow:0 8px 24px rgba(3,75,56,.055)}
.class-city-bar>strong{flex:0 0 auto;padding-right:18px;border-right:1px solid var(--line);font-size:11px;color:var(--ink)}
.class-city-bar>div{display:flex;flex-wrap:wrap;gap:6px}
.class-city-bar button{height:30px;min-width:48px;padding:0 11px;border:1px solid transparent;background:#fff;color:#65736e;font-size:9px;transition:.2s}.class-city-bar button:hover{border-color:#b8d7ca;color:var(--green)}.class-city-bar button.active{border-color:var(--green);background:var(--green);color:#fff;font-weight:850}
.schedule-cards{margin-top:0}.schedule-card.urgent .class-location b{color:#f04444}.schedule-card.urgent::before{background:#f04444}
@media(max-width:760px){
  .class-board{padding:58px 18px 64px}.class-heading h2{font-size:29px}.class-city-bar{display:block;margin-bottom:20px;padding:14px 0 0;border-left:0;border-right:0;box-shadow:none;background:transparent}.class-city-bar>strong{display:block;padding:0 0 10px;border:0;font-size:10px}.class-city-bar>div{padding-bottom:12px;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.class-city-bar>div::-webkit-scrollbar{display:none}.class-city-bar button{flex:0 0 auto;background:#fff}
}

/* 116：第二屏整合课程、介绍、优势与城市报名信息 */
.booking-course-tabs{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8e7e0;border-bottom:0;background:#fff}
.booking-course-tabs button{height:64px;padding:0 24px;border:0;border-right:1px solid var(--line);border-bottom:3px solid transparent;background:#fff;color:var(--ink);display:flex;align-items:center;gap:13px;text-align:left;transition:.2s}.booking-course-tabs button:last-child{border-right:0}.booking-course-tabs button small{color:#9aaba4;font-size:9px}.booking-course-tabs button b{font-size:13px}.booking-course-tabs button:hover{background:#f5faf7}.booking-course-tabs button.active{border-bottom-color:var(--green);background:#eaf7f1;color:var(--green)}
.booking-course-panel{max-width:var(--wrap);min-height:410px;margin:0 auto;display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #d8e7e0;box-shadow:0 18px 45px rgba(3,75,56,.09)}
.booking-course-visual{position:relative;min-height:410px;overflow:hidden;background:#dce9e3}.booking-course-visual img{width:100%;height:100%;object-fit:cover}.booking-course-visual::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(3,47,36,.72))}.booking-course-visual>span{position:absolute;z-index:2;left:24px;bottom:22px;padding:8px 12px;border-left:3px solid var(--gold);background:rgba(3,47,36,.78);color:#fff;font-size:10px;font-weight:850}
.booking-course-info{padding:38px 40px 30px;display:flex;flex-direction:column;justify-content:center}.booking-course-info>small{font-size:9px;letter-spacing:2px;color:var(--green);font-weight:850}.booking-course-info h3{margin:11px 0 12px;font-size:29px}.booking-course-info>p:not(.booking-campus){max-width:610px;color:var(--muted);font-size:11px;line-height:1.85}
.booking-advantages{margin:22px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.booking-advantages span{min-height:54px;padding:10px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fbf9;color:#33584c;font-size:9px;font-weight:800;text-align:center}.booking-advantages span::before{content:"✓";margin-right:5px;color:var(--green)}
.booking-register{display:grid;grid-template-columns:1.25fr .85fr .85fr 1fr;border:1px solid var(--line);background:#fff}.booking-register>label,.booking-register>div{min-height:74px;padding:11px 13px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:8px;color:#8a9993}.booking-register select{height:31px;padding:0 8px;border:1px solid #d6e3de;background:#fff;color:var(--ink);font-size:10px}.booking-register>div small{font-size:8px;color:#8a9993}.booking-register>div b{font-size:12px;color:var(--ink)}.booking-register .booking-seat{color:#f04444}.booking-register>button{margin:-1px;height:76px;padding:0 16px;border:0;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:850}.booking-register>button:hover{background:var(--green-dark)}
.booking-campus{margin-top:10px;color:#7c8d87;font-size:8px}.class-note{max-width:var(--wrap);margin:17px auto 0}
@media(max-width:900px){.booking-course-panel{grid-template-columns:38% 62%}.booking-course-info{padding:30px 25px}.booking-advantages{grid-template-columns:1fr 1fr}.booking-register{grid-template-columns:1fr 1fr}.booking-register>label,.booking-register>div{border-bottom:1px solid var(--line)}.booking-register>button{height:74px}}
@media(max-width:760px){
  .booking-course-tabs{display:flex;overflow-x:auto}.booking-course-tabs button{flex:0 0 170px;height:58px;padding:0 14px}.booking-course-panel{display:block}.booking-course-visual{min-height:230px;height:230px}.booking-course-info{padding:27px 20px}.booking-course-info h3{font-size:24px}.booking-advantages{grid-template-columns:1fr 1fr;margin:18px 0}.booking-register{grid-template-columns:1fr 1fr}.booking-register>button{height:74px}.booking-campus{margin-top:12px}
}

/* 117：报名模块仅重排结构，参考“课程卡片 + 班期详情 + 课程摘要”布局 */
.booking-course-tabs{max-width:var(--wrap);margin:0 auto 26px;padding:24px 58px;grid-template-columns:repeat(3,1fr);gap:22px;border:1px solid #dce7e2;border-radius:14px;background:#f8faf9;box-shadow:0 14px 35px rgba(17,55,42,.08)}
.booking-course-tabs button{position:relative;height:150px;padding:0;border:1px solid #d9e4df!important;border-radius:10px;background:#fff!important;box-shadow:0 7px 18px rgba(31,61,50,.09);display:grid;grid-template-rows:55px 42px 1fr;gap:0;overflow:hidden;text-align:center;color:var(--ink)!important}
.booking-course-tabs button>span{padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid var(--line)}
.booking-course-tabs button small{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8f7f0;color:var(--green)!important;font-size:8px;font-weight:900}
.booking-course-tabs button b{font-size:14px!important}.booking-course-tabs button em{display:grid;place-items:center;border-bottom:1px solid var(--line);color:#f04444;font-size:10px;font-style:normal;font-weight:850}
.booking-course-tabs button>i{align-self:center;justify-self:center;min-width:132px;padding:9px 16px;border-radius:6px;background:#e8f7f0;color:var(--green);font-size:9px;font-style:normal;font-weight:850}
.booking-course-tabs button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,61,50,.14)}.booking-course-tabs button.active{border-color:var(--green)!important;box-shadow:0 0 0 2px rgba(0,132,93,.12),0 12px 28px rgba(31,61,50,.13)}.booking-course-tabs button.active>i{background:var(--green);color:#fff}
.booking-course-panel{max-width:var(--wrap);min-height:0;grid-template-columns:minmax(0,1fr) 300px;gap:22px;border:0;background:transparent;box-shadow:none}
.booking-course-detail,.booking-course-summary{border:1px solid #dce7e2;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(17,55,42,.07)}
.booking-course-detail{padding:26px 30px}.booking-advantages{margin:0 0 24px;grid-template-columns:repeat(4,1fr);border:0;border-bottom:1px solid var(--line)}.booking-advantages span{min-height:48px;border:0;background:transparent;color:var(--ink);font-size:10px}.booking-advantages span::before{width:17px;height:17px;border:1px solid #7bc5a6;border-radius:3px;display:grid;place-items:center}
.booking-intro,.booking-path,.booking-class-title{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.booking-intro small,.booking-path>small,.booking-class-title small{padding-left:12px;border-left:3px solid var(--green);color:var(--ink);font-size:11px;font-weight:900}
.booking-intro p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.booking-path>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.booking-path span{padding:7px 13px;border-radius:999px;background:#f2f8f5;color:#31594b;font-size:9px;font-weight:800}.booking-path i{color:var(--green);font-size:11px;font-style:normal}.booking-class-title span{color:#f04444;font-size:9px;font-weight:800;text-align:right}
.booking-register{margin-top:18px;grid-template-columns:1.15fr .8fr .8fr .9fr;border-radius:7px;overflow:hidden}.booking-register>label,.booking-register>div{min-height:70px}.booking-register>button{height:72px}.booking-campus{margin-bottom:0}
.booking-course-summary{overflow:hidden}.booking-course-visual{min-height:210px;height:210px}.booking-course-visual>span{left:18px;bottom:16px}.booking-course-info{padding:22px 22px 24px;display:block}.booking-course-info h3{margin:8px 0 10px;font-size:23px}.booking-course-info>p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.booking-course-info>div{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.booking-course-info>div span{min-height:48px;display:grid;place-items:center;border-radius:7px;background:#f2f8f5;color:#41665a;font-size:8px;font-weight:800;text-align:center}
@media(max-width:980px){.booking-course-tabs{padding:20px}.booking-course-panel{grid-template-columns:minmax(0,1fr) 255px}.booking-course-detail{padding:22px}.booking-register{grid-template-columns:1fr 1fr}.booking-register>button{height:70px}.booking-course-info{padding:18px}}
@media(max-width:760px){
  .booking-course-tabs{margin-bottom:18px;padding:12px;gap:12px;border-radius:10px;display:flex}.booking-course-tabs button{flex:0 0 230px;height:132px;grid-template-rows:48px 38px 1fr}.booking-course-tabs button>span{padding:0 10px}.booking-course-tabs button b{font-size:12px!important}.booking-course-tabs button>i{padding:7px 12px}
  .booking-course-panel{display:flex;flex-direction:column;gap:14px}.booking-course-detail{padding:18px 16px}.booking-course-summary{order:-1}.booking-course-summary{display:grid;grid-template-columns:42% 58%}.booking-course-visual{height:200px;min-height:200px}.booking-course-info{padding:19px 16px}.booking-course-info h3{font-size:20px}.booking-course-info>div{grid-template-columns:1fr}.booking-course-info>div span{min-height:30px}
  .booking-advantages{grid-template-columns:1fr 1fr;margin:0 0 15px}.booking-advantages span{min-height:42px}.booking-intro,.booking-path,.booking-class-title{grid-template-columns:1fr;gap:10px}.booking-class-title span{text-align:left}.booking-path>div{gap:7px}.booking-register{grid-template-columns:1fr 1fr}.booking-register>button{height:70px}
}

/* 118：参考课程中心结构，顶部方向导航 + 三栏课程详情面板 */
.booking-course-tabs{margin-bottom:28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:0}
.booking-course-tabs button{height:120px;border:0!important;border-bottom:1px solid #dfe8e4!important;border-radius:0;background:transparent!important;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:visible}
.booking-course-tabs button>span{padding:0;border:0;display:flex;flex-direction:column;gap:8px}.booking-course-tabs button small{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#dff4ea,#bfe9d6);color:var(--green)!important;font-size:10px;box-shadow:0 7px 16px rgba(0,132,93,.13)}
.booking-course-tabs button b{font-size:13px!important}.booking-course-tabs button em{display:block;border:0;color:#7d8b86;font-size:8px}.booking-course-tabs button>i{display:none}.booking-course-tabs button:hover{transform:none;box-shadow:none;color:var(--green)!important}.booking-course-tabs button.active{border-color:transparent!important;border-bottom:3px solid var(--green)!important;box-shadow:none}.booking-course-tabs button.active b,.booking-course-tabs button.active em{color:var(--green)}.booking-course-tabs button.active small{background:var(--green);color:#fff!important;box-shadow:0 8px 20px rgba(0,132,93,.25)}
.booking-course-panel{grid-template-columns:290px minmax(0,1fr) 175px;gap:0;padding:24px;border:1px solid #e4ece8;border-radius:28px;background:#fff;box-shadow:0 22px 55px rgba(26,62,48,.08)}
.booking-course-detail,.booking-course-summary{border:0;border-radius:0;background:transparent;box-shadow:none}.booking-course-detail{order:2;padding:8px 28px 4px;min-width:0}.booking-course-summary{order:1;position:relative;min-height:450px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#006f50,#00a879)}
.booking-course-visual{position:absolute;inset:0;height:auto;min-height:0}.booking-course-visual img{opacity:.42;filter:saturate(.85);object-position:center}.booking-course-visual::after{inset:0;background:linear-gradient(180deg,rgba(0,92,66,.2),rgba(0,73,53,.94))}.booking-course-visual>span{top:22px;bottom:auto;left:22px;background:rgba(255,255,255,.14);border-left-color:var(--gold);backdrop-filter:blur(5px)}
.booking-summary-stat{position:absolute;z-index:3;left:26px;right:26px;bottom:30px;color:#fff}.booking-summary-stat b{display:block;font-size:86px;line-height:.9;letter-spacing:-5px}.booking-summary-stat span{display:block;margin:9px 0 22px;font-size:17px;font-weight:900}.booking-summary-stat p{padding-top:18px;border-top:1px solid rgba(255,255,255,.25);font-size:10px;line-height:1.8;color:rgba(255,255,255,.78)}
.booking-detail-heading{padding:3px 0 20px;border-bottom:1px solid var(--line)}.booking-detail-heading>small{display:block;margin-bottom:7px;color:var(--green);font-size:8px;font-weight:900;letter-spacing:2px}.booking-detail-heading>div{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.booking-detail-heading h3{margin:0;font-size:26px}.booking-detail-heading span{padding-bottom:3px;color:#7d8b86;font-size:9px;white-space:nowrap}
.booking-course-detail .booking-advantages{margin:0;padding:13px 0;border-bottom:1px solid var(--line)}.booking-course-detail .booking-intro,.booking-course-detail .booking-path,.booking-course-detail .booking-class-title{grid-template-columns:92px minmax(0,1fr);padding:13px 0}.booking-course-detail .booking-intro small,.booking-course-detail .booking-path>small,.booking-course-detail .booking-class-title small{font-size:10px}.booking-course-detail .booking-register{margin-top:14px}
.booking-side-actions{order:3;padding:18px 0 10px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.booking-side-actions a{min-height:83px;padding:13px;border-radius:12px;background:#f5faf7;color:var(--ink);display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;text-decoration:none}.booking-side-actions a i{grid-row:1/3;width:26px;height:26px;border-radius:8px;background:#dff4ea;color:var(--green);display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900}.booking-side-actions a b{font-size:10px}.booking-side-actions a span{color:#87968f;font-size:8px}.booking-side-actions a:hover{background:#eaf6f0}.booking-side-actions button{height:48px;border:0;border-radius:24px;background:var(--green);color:#fff;font-size:10px;font-weight:900}.booking-side-actions button:hover{background:var(--green-dark)}
@media(max-width:1050px){.booking-course-panel{grid-template-columns:240px minmax(0,1fr)}.booking-side-actions{grid-column:1/3;padding:18px 0 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr}.booking-side-actions a{min-height:64px}.booking-side-actions button{height:64px}.booking-detail-heading>div{display:block}.booking-detail-heading span{display:block;margin-top:8px}}
@media(max-width:760px){
  .booking-course-tabs{padding:0;gap:0}.booking-course-tabs button{flex:0 0 150px;height:106px;grid-template-rows:none}.booking-course-tabs button small{width:36px;height:36px}.booking-course-tabs button em{font-size:7px}
  .booking-course-panel{padding:12px;border-radius:18px;display:flex}.booking-course-summary{order:1;min-height:260px;display:block}.booking-course-visual{height:auto;min-height:0}.booking-summary-stat{left:20px;right:20px;bottom:20px}.booking-summary-stat b{font-size:64px}.booking-summary-stat span{margin:7px 0 12px;font-size:14px}.booking-summary-stat p{padding-top:12px}
  .booking-course-detail{order:2;padding:22px 5px 8px}.booking-detail-heading>div{display:block}.booking-detail-heading h3{font-size:23px}.booking-detail-heading span{margin-top:8px;white-space:normal}.booking-course-detail .booking-advantages{grid-template-columns:1fr 1fr}.booking-course-detail .booking-intro,.booking-course-detail .booking-path,.booking-course-detail .booking-class-title{grid-template-columns:1fr}.booking-side-actions{order:3;grid-column:auto;padding:14px 0 0;grid-template-columns:1fr 1fr;border-left:0}.booking-side-actions button{grid-column:1/3;height:48px}
}

/* 119：课程技术主题轮播图，网页文字独立叠加便于后台维护 */
@media(min-width:761px){
  .hero{height:430px;background:#062f2a}.hero-image{inset:0;width:100%;height:100%;object-position:center;transform:none}
  .hero-shade{display:block;background:linear-gradient(90deg,rgba(2,30,27,.96) 0%,rgba(2,39,35,.83) 34%,rgba(2,36,34,.32) 58%,rgba(2,25,30,.06) 100%)}
  .hero-content{display:flex;max-width:var(--wrap);height:100%;padding:52px 45px 52px 310px;justify-content:center}.hero-content .hero-index{display:block;position:absolute;right:28px;top:24px}
  .hero h1{max-width:560px;margin:15px 0 12px;font-size:42px;line-height:1.12;text-shadow:0 3px 20px rgba(0,0,0,.2)}.hero-lead{font-size:12px}.hero-actions{margin-top:19px}.hero-dots{margin-top:17px}
  .hero-facts{display:none}
}
@media(max-width:760px){.hero-image{object-position:72% center}}

/* 120：用金黄突出5人小班，用珊瑚红突出报名与名额 */
.class-heading>p{color:#ff554a;font-weight:950}.class-heading>p::before,.class-heading>p::after{background:#ffb83f}
.booking-course-tabs button em{width:max-content;padding:4px 9px;border-radius:999px;background:#fff1ee;color:#f04d43;font-weight:900}.booking-course-tabs button.active em{background:#ff554a;color:#fff}.booking-course-tabs button.active small{background:linear-gradient(145deg,#ffb83f,#f29322);box-shadow:0 8px 20px rgba(242,147,34,.28)}.booking-course-tabs button.active{border-bottom-color:#ff554a!important}
.booking-course-summary{background:linear-gradient(155deg,#075440 0%,#00845d 55%,#004c38 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.booking-course-visual>span{border-left-color:#ffb83f;background:rgba(255,85,74,.88);font-weight:900}.booking-summary-stat b{color:#ffd166;text-shadow:0 7px 24px rgba(0,0,0,.18)}.booking-summary-stat span{width:max-content;padding:7px 13px;border-radius:999px;background:#ffb83f;color:#193a30;font-size:14px}.booking-summary-stat p{color:rgba(255,255,255,.9)}
.booking-detail-heading>small{color:#f04d43}.booking-detail-heading>div>span{padding:7px 12px;border-radius:999px;background:#fff1ee;color:#e54a40;font-weight:900}.booking-course-detail .booking-advantages span:first-child{color:#e84b41;font-weight:950}.booking-course-detail .booking-advantages span:first-child::before{border-color:#ffb83f;background:#ffb83f;color:#173d32}
.booking-class-title{margin-top:3px;padding:13px 14px!important;border:1px solid #ffd7a0!important;border-radius:8px 8px 0 0;background:#fff8e9}.booking-class-title small{border-left-color:#ffb83f!important}.booking-class-title span{color:#ed493e!important;font-weight:950!important}
.booking-register{margin-top:0!important;border:2px solid #ffb83f;box-shadow:0 10px 24px rgba(242,147,34,.12)}.booking-register>label,.booking-register>div{background:#fffdfa}.booking-register>div b{font-size:14px}.booking-register .booking-seat{width:max-content;padding:5px 8px;border-radius:5px;background:#fff0ed;color:#f04444;font-weight:950}.booking-register>button{background:linear-gradient(135deg,#ff5b4f,#ef3f36);font-size:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.booking-register>button:hover{background:linear-gradient(135deg,#f44b40,#d9342c)}
.booking-side-actions button{background:linear-gradient(135deg,#ff5b4f,#ef3f36);box-shadow:0 10px 22px rgba(239,63,54,.18)}.booking-side-actions button:hover{background:linear-gradient(135deg,#f44b40,#d9342c)}
@media(max-width:760px){.booking-summary-stat span{font-size:12px}.booking-class-title{padding:12px!important}.booking-register>button{background:linear-gradient(135deg,#ff5b4f,#ef3f36)}}

/* 121：重新建立层级，做减法而不是继续扩展 */
.class-board{padding-top:80px;background:linear-gradient(180deg,#f4f9f6 0%,#fff 88%)}
.class-heading{margin-bottom:32px}.class-heading h2{max-width:760px;font-size:40px;line-height:1.15}.class-heading>span{max-width:330px;line-height:1.8}
.booking-course-tabs{max-width:var(--wrap);margin-bottom:24px;padding:9px;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid #dce8e2;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(19,61,45,.06)}
.booking-course-tabs button{height:86px;padding:0 20px;border:0!important;border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr;gap:13px;text-align:left;background:transparent!important;box-shadow:none}
.booking-course-tabs button>span{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr;align-items:center;gap:12px}.booking-course-tabs button small{width:42px;height:42px;margin:0;border-radius:12px;background:#e7f5ef;color:var(--green)!important;box-shadow:none}.booking-course-tabs button b{font-size:14px!important}.booking-course-tabs button em{margin:0;padding:6px 10px;white-space:nowrap}.booking-course-tabs button.active{border:0!important;background:#eaf7f1!important;box-shadow:inset 0 0 0 1px #b8decf}.booking-course-tabs button.active small{background:var(--green);color:#fff!important;box-shadow:none}.booking-course-tabs button.active em{background:#ff554a;color:#fff}
.booking-course-panel{grid-template-columns:360px minmax(0,1fr);gap:0;padding:0;border:1px solid #dce8e2;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(21,61,47,.09)}
.booking-course-summary{order:1;min-height:510px;border-radius:0}.booking-course-detail{order:2;padding:42px 48px 34px}.booking-course-visual>span{top:28px;left:28px;padding:9px 14px;border:0;border-radius:999px}.booking-summary-stat{left:34px;right:34px;bottom:38px}.booking-summary-stat b{font-size:104px;line-height:.82}.booking-summary-stat span{margin:15px 0 24px;padding:8px 15px}.booking-summary-stat p{font-size:11px}
.booking-detail-heading{padding:0 0 24px}.booking-detail-heading>small{margin-bottom:10px}.booking-detail-heading h3{font-size:32px}.booking-detail-heading>div>span{padding:0;background:transparent;color:#70817a;font-size:10px}
.booking-course-detail .booking-advantages{padding:18px 0;margin:0}.booking-course-detail .booking-advantages span{min-height:44px;border-radius:8px;background:#f6faf8}.booking-course-detail .booking-advantages span:first-child{background:#fff4da;color:#b86a00}.booking-course-detail .booking-intro,.booking-course-detail .booking-path{grid-template-columns:105px minmax(0,1fr);padding:16px 0}.booking-course-detail .booking-intro small,.booking-course-detail .booking-path>small{border-left-color:var(--green)}
.booking-class-title{margin:8px 0 0;padding:16px 0 11px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0;background:transparent;grid-template-columns:105px minmax(0,1fr)}.booking-class-title small{padding-left:12px;border-left-color:#ffb83f!important}.booking-class-title span{align-self:center}
.booking-register{margin-top:0!important;border:1px solid #dce8e2;border-radius:12px;box-shadow:none;background:#f8fbf9}.booking-register>label,.booking-register>div{min-height:78px;background:transparent}.booking-register>button{height:80px;border-radius:0 10px 10px 0;background:#ff5148;box-shadow:none}.booking-register>button:hover{background:#e9433b}.booking-campus{margin-top:12px}.class-note{margin-top:18px}
@media(max-width:1050px){.booking-course-tabs button{padding:0 14px}.booking-course-tabs button em{display:none}.booking-course-panel{grid-template-columns:300px minmax(0,1fr)}.booking-course-detail{padding:34px 30px}.booking-course-summary{min-height:490px}.booking-side-actions{display:none}}
@media(max-width:760px){
  .class-board{padding-top:58px}.class-heading{margin-bottom:24px}.class-heading h2{font-size:29px}.booking-course-tabs{padding:8px;gap:7px;border-radius:14px;display:flex}.booking-course-tabs button{flex:0 0 190px;height:72px;padding:0 12px;grid-template-columns:1fr auto}.booking-course-tabs button>span{grid-template-columns:35px 1fr;gap:9px}.booking-course-tabs button small{width:35px;height:35px}.booking-course-tabs button em{display:block;padding:5px 8px;font-size:7px}
  .booking-course-panel{display:flex;border-radius:20px}.booking-course-summary{min-height:310px}.booking-summary-stat{left:24px;right:24px;bottom:24px}.booking-summary-stat b{font-size:74px}.booking-summary-stat span{margin:10px 0 14px}.booking-course-detail{padding:28px 18px 20px}.booking-detail-heading h3{font-size:25px}.booking-detail-heading>div>span{margin-top:9px}.booking-course-detail .booking-advantages{gap:8px}.booking-course-detail .booking-advantages span{padding:9px 5px}.booking-course-detail .booking-intro,.booking-course-detail .booking-path,.booking-class-title{grid-template-columns:1fr}.booking-class-title{gap:8px}.booking-register{grid-template-columns:1fr 1fr}.booking-register>button{border-radius:0 0 10px 0}
}
@media(max-width:760px){.booking-course-tabs button{flex:0 0 230px}.booking-course-tabs button b{font-size:12px!important;white-space:nowrap}.booking-course-tabs button>span{grid-template-columns:35px minmax(0,1fr)}}

/* 123：课程报名模块独立配色——深蓝建立秩序，珊瑚红负责行动，琥珀黄突出5人班 */
.class-board{
  --booking-navy:#13243a;
  --booking-navy-2:#1c3554;
  --booking-blue:#16835a;
  --booking-coral:#ff574d;
  --booking-amber:#ffb534;
  --booking-paper:#f4f1eb;
  --booking-line:#d9d6cf;
  background:
    radial-gradient(circle at 86% 8%,rgba(53,111,246,.09),transparent 28%),
    linear-gradient(180deg,#f4f1eb 0%,#faf9f6 64%,#fff 100%);
}
.class-heading>p{color:var(--booking-coral)}
.class-heading>p::before,.class-heading>p::after{background:var(--booking-amber)}
.class-heading h2{color:var(--booking-navy);letter-spacing:-1.5px}
.class-heading>span{color:#737b84}

.booking-course-tabs{
  padding:10px;
  border:0;
  background:var(--booking-navy);
  box-shadow:0 20px 45px rgba(19,36,58,.16);
}
.booking-course-tabs button{color:#fff;background:transparent!important}
.booking-course-tabs button small{
  background:rgba(255,255,255,.1);
  color:#cbd7e8!important;
}
.booking-course-tabs button b{color:#f4f7fb}
.booking-course-tabs button em{background:rgba(255,255,255,.08);color:#c8d2df}
.booking-course-tabs button:hover{background:rgba(255,255,255,.06)!important}
.booking-course-tabs button.active{
  background:linear-gradient(135deg,var(--booking-blue),#285bd2)!important;
  box-shadow:0 10px 24px rgba(16,42,91,.26),inset 0 0 0 1px rgba(255,255,255,.16);
}
.booking-course-tabs button.active small{background:var(--booking-amber);color:var(--booking-navy)!important}
.booking-course-tabs button.active b{color:#fff}
.booking-course-tabs button.active em{background:var(--booking-coral);color:#fff}

.booking-course-panel{
  border-color:var(--booking-line);
  background:#fff;
  box-shadow:0 28px 70px rgba(31,39,51,.12);
}
.booking-course-summary{
  background:linear-gradient(155deg,#1c3554 0%,#13243a 56%,#0c1929 100%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08);
}
.booking-course-visual img{opacity:.52;filter:saturate(.72) contrast(1.04)}
.booking-course-visual::after{background:linear-gradient(180deg,rgba(14,30,49,.18),rgba(10,23,39,.96))}
.booking-course-visual>span{background:var(--booking-coral);color:#fff;box-shadow:0 8px 18px rgba(255,87,77,.25)}
.booking-summary-stat b{color:var(--booking-amber);text-shadow:0 10px 30px rgba(0,0,0,.25)}
.booking-summary-stat span{background:var(--booking-amber);color:var(--booking-navy)}
.booking-summary-stat p{color:rgba(240,245,251,.78)}

.booking-detail-heading>small{color:var(--booking-blue)}
.booking-detail-heading h3{color:var(--booking-navy)}
.booking-detail-heading>div>span{color:#667281}
.booking-course-detail .booking-advantages span{background:#f2f5fa;color:#26384e}
.booking-course-detail .booking-advantages span::before{border-color:#91a5bd;color:var(--booking-blue)}
.booking-course-detail .booking-advantages span:first-child{background:#fff3d8;color:#9a5a00}
.booking-course-detail .booking-advantages span:first-child::before{border-color:var(--booking-amber);background:var(--booking-amber);color:var(--booking-navy)}
.booking-course-detail .booking-intro small,
.booking-course-detail .booking-path>small{border-left-color:var(--booking-blue);color:var(--booking-navy)}
.booking-path span{background:#eef3ff;color:#31548c}
.booking-path i{color:var(--booking-blue)}

.booking-class-title{
  margin-top:12px;
  padding:15px 18px!important;
  border:0!important;
  border-radius:10px 10px 0 0;
  background:var(--booking-navy);
}
.booking-class-title small{padding-left:0;border:0!important;color:#fff}
.booking-class-title span{color:#ff958e!important}
.booking-register{
  border:0;
  border-radius:0 0 10px 10px;
  background:#f0f3f7;
  box-shadow:inset 0 0 0 1px #d8dee7;
}
.booking-register>label,.booking-register>div{background:transparent;border-color:#d8dee7}
.booking-register>label select{border-color:#cbd3df;background:#fff;color:var(--booking-navy)}
.booking-register>div b{color:var(--booking-navy)}
.booking-register .booking-seat{background:#ffe5e2;color:#d93e36}
.booking-register>button{
  background:linear-gradient(135deg,var(--booking-coral),#ef4038);
  box-shadow:0 10px 24px rgba(239,64,56,.2);
}
.booking-register>button:hover{background:linear-gradient(135deg,#f64940,#d9362f)}
.class-note button{color:var(--booking-blue)}

@media(max-width:760px){
  .booking-course-tabs{padding:8px;background:var(--booking-navy)}
  .booking-course-tabs button{background:rgba(255,255,255,.035)!important}
  .booking-course-tabs button.active{background:linear-gradient(135deg,var(--booking-blue),#285bd2)!important}
  .booking-course-panel{box-shadow:0 18px 45px rgba(31,39,51,.11)}
  .booking-class-title{padding:13px 14px!important}
  .booking-register>button{background:linear-gradient(135deg,var(--booking-coral),#ef4038)}
}

/* 124：编辑式课程预定——米白、炭黑、朱砂橙，减少色块与装饰竞争 */
.class-board{
  --editorial-ink:#22282b;
  --editorial-muted:#747a7b;
  --editorial-accent:#ee5b3e;
  --editorial-accent-dark:#d7472c;
  --editorial-paper:#f4f0e9;
  --editorial-cream:#fbf8f3;
  --editorial-line:#dcd5ca;
  padding-top:86px;
  background:var(--editorial-paper);
}
.class-heading{margin-bottom:38px}
.class-heading>p{color:var(--editorial-accent);font-weight:800}
.class-heading>p::before,.class-heading>p::after{background:var(--editorial-accent)}
.class-heading h2{color:var(--editorial-ink);font-weight:850;letter-spacing:-2px}
.class-heading>span{color:var(--editorial-muted)}

.booking-course-tabs{
  position:relative;
  margin-bottom:28px;
  padding:0;
  gap:0;
  border:0;
  border-top:1px solid var(--editorial-line);
  border-bottom:1px solid var(--editorial-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.booking-course-tabs button{
  position:relative;
  height:104px;
  padding:0 28px;
  border:0!important;
  border-right:1px solid var(--editorial-line)!important;
  border-radius:0;
  color:var(--editorial-ink);
  background:transparent!important;
  box-shadow:none;
}
.booking-course-tabs button:last-child{border-right:0!important}
.booking-course-tabs button::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:-1px;
  height:3px;
  background:var(--editorial-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:.25s ease;
}
.booking-course-tabs button>span{gap:14px}
.booking-course-tabs button small{
  width:36px;
  height:36px;
  border:1px solid #cfc7bb;
  border-radius:50%;
  background:transparent;
  color:#77736d!important;
  font-family:Georgia,serif;
  font-weight:700;
}
.booking-course-tabs button b{color:var(--editorial-ink);font-size:15px!important}
.booking-course-tabs button em{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#9a948b;
  font-size:8px;
}
.booking-course-tabs button:hover{background:rgba(255,255,255,.42)!important;box-shadow:none}
.booking-course-tabs button.active{
  background:var(--editorial-cream)!important;
  box-shadow:none;
}
.booking-course-tabs button.active::after{transform:scaleX(1)}
.booking-course-tabs button.active small{border-color:var(--editorial-ink);background:var(--editorial-ink);color:#fff!important}
.booking-course-tabs button.active b{color:var(--editorial-ink)}
.booking-course-tabs button.active em{background:transparent;color:var(--editorial-accent)}

.booking-course-panel{
  grid-template-columns:370px minmax(0,1fr);
  border:1px solid var(--editorial-line);
  border-radius:4px;
  background:var(--editorial-cream);
  box-shadow:0 22px 55px rgba(50,44,35,.09);
}
.booking-course-summary{
  min-height:540px;
  border-radius:0;
  background:var(--editorial-ink);
  box-shadow:none;
}
.booking-course-visual img{opacity:.74;filter:saturate(.58) contrast(1.03)}
.booking-course-visual::after{
  background:linear-gradient(180deg,rgba(25,29,30,.08) 8%,rgba(25,29,30,.22) 43%,rgba(25,29,30,.94) 100%);
}
.booking-course-visual>span{
  top:30px;
  left:30px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:0;
  background:rgba(30,34,35,.46);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(5px);
}
.booking-summary-stat{left:34px;right:34px;bottom:36px}
.booking-summary-stat b{
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:112px;
  font-weight:400;
  letter-spacing:-8px;
  text-shadow:none;
}
.booking-summary-stat span{
  margin:12px 0 24px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  font-size:17px;
  letter-spacing:1px;
}
.booking-summary-stat span::before{
  content:"";
  display:inline-block;
  width:28px;
  height:3px;
  margin:0 10px 4px 0;
  background:var(--editorial-accent);
}
.booking-summary-stat p{color:rgba(255,255,255,.7)}

.booking-course-detail{padding:46px 50px 38px;background:var(--editorial-cream)}
.booking-detail-heading{padding-bottom:26px;border-color:var(--editorial-line)}
.booking-detail-heading>small{color:var(--editorial-accent);letter-spacing:2.5px}
.booking-detail-heading h3{color:var(--editorial-ink);font-size:34px;font-weight:850;letter-spacing:-1px}
.booking-detail-heading>div>span{color:#777b79}
.booking-course-detail .booking-advantages{padding:19px 0;border-color:var(--editorial-line)}
.booking-course-detail .booking-advantages span{
  justify-content:flex-start;
  padding:0 11px;
  border-radius:0;
  background:transparent;
  color:#4f5554;
}
.booking-course-detail .booking-advantages span::before{
  width:15px;
  height:15px;
  border:1px solid #aaa49b;
  border-radius:50%;
  color:var(--editorial-ink);
  background:transparent;
}
.booking-course-detail .booking-advantages span:first-child{background:transparent;color:var(--editorial-accent)}
.booking-course-detail .booking-advantages span:first-child::before{
  border-color:var(--editorial-accent);
  background:var(--editorial-accent);
  color:#fff;
}
.booking-course-detail .booking-intro,
.booking-course-detail .booking-path{border-color:var(--editorial-line)}
.booking-course-detail .booking-intro small,
.booking-course-detail .booking-path>small{border-left-color:var(--editorial-accent);color:var(--editorial-ink)}
.booking-path span{border:1px solid #ded8cf;background:#fff;color:#555b59}
.booking-path i{color:var(--editorial-accent)}

.booking-class-title{
  margin:16px 0 0;
  padding:14px 0!important;
  border:0!important;
  border-top:1px solid var(--editorial-line)!important;
  border-radius:0;
  background:transparent;
}
.booking-class-title small{padding-left:12px;border-left:3px solid var(--editorial-ink)!important;color:var(--editorial-ink)}
.booking-class-title span{color:var(--editorial-accent)!important}
.booking-register{
  margin-top:0!important;
  border:1px solid var(--editorial-line);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.booking-register>label,.booking-register>div{background:#fff;border-color:var(--editorial-line)}
.booking-register>label select{border-color:#d5cec4;background:#fff;color:var(--editorial-ink)}
.booking-register>div b{color:var(--editorial-ink)}
.booking-register .booking-seat{background:#fff0ec;color:var(--editorial-accent-dark)}
.booking-register>button{
  border-radius:0;
  background:var(--editorial-accent);
  box-shadow:none;
}
.booking-register>button:hover{background:var(--editorial-accent-dark)}
.class-note button{color:var(--editorial-ink);border-bottom-color:var(--editorial-accent)}

@media(max-width:1050px){
  .booking-course-panel{grid-template-columns:300px minmax(0,1fr)}
  .booking-course-detail{padding:38px 32px 32px}
}
@media(max-width:760px){
  .class-board{padding-top:62px}
  .class-heading h2{font-size:30px;letter-spacing:-1px}
  .booking-course-tabs{padding:0;gap:0;background:transparent;box-shadow:none}
  .booking-course-tabs button{flex:0 0 220px;height:82px;padding:0 16px;border-right:1px solid var(--editorial-line)!important;background:transparent!important}
  .booking-course-tabs button::after{left:16px;right:16px}
  .booking-course-tabs button em{display:none}
  .booking-course-tabs button.active{background:var(--editorial-cream)!important}
  .booking-course-tabs button small{width:34px;height:34px}
  .booking-course-panel{border-radius:3px;box-shadow:0 16px 38px rgba(50,44,35,.08)}
  .booking-course-summary{min-height:320px}
  .booking-summary-stat b{font-size:82px;letter-spacing:-5px}
  .booking-summary-stat span{font-size:14px}
  .booking-course-detail{padding:29px 18px 22px}
  .booking-detail-heading h3{font-size:26px}
  .booking-course-detail .booking-advantages{gap:0}
  .booking-course-detail .booking-advantages span{padding:8px 4px}
  .booking-class-title{padding:13px 0!important}
  .booking-register>button{background:var(--editorial-accent)}
}

/* 126：科技编辑式排版——冷白网格、石墨结构、钴蓝交互、橙色转化 */
.class-board{
  --tech-ink:#101b2d;
  --tech-ink-2:#17263d;
  --tech-blue:#16835a;
  --tech-cyan:#77d3ae;
  --tech-orange:#ff6a3d;
  --tech-paper:#f4f7fb;
  --tech-line:#ccd7e5;
  --tech-muted:#6e7a8b;
  background:
    linear-gradient(rgba(49,108,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,108,255,.035) 1px,transparent 1px),
    var(--tech-paper);
  background-size:42px 42px;
}
.class-heading>p{color:var(--tech-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:3px}
.class-heading>p::before,.class-heading>p::after{background:var(--tech-blue)}
.class-heading h2{color:var(--tech-ink);font-weight:850;letter-spacing:-2px}
.class-heading>span{color:var(--tech-muted)}

.booking-course-tabs{
  border:1px solid var(--tech-line);
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);
}
.booking-course-tabs::before{
  content:"课程方向 / 03";
  position:absolute;
  top:-23px;
  right:0;
  color:#8e9bad;
  font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:1.8px;
}
.booking-course-tabs button{height:96px;border-color:var(--tech-line)!important;color:var(--tech-ink)}
.booking-course-tabs button::after{left:0;right:0;height:3px;background:var(--tech-blue)}
.booking-course-tabs button>span{gap:13px}
.booking-course-tabs button small{
  border:1px solid #aebccd;
  border-radius:4px;
  color:#6f7c8d!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.booking-course-tabs button b{color:var(--tech-ink)}
.booking-course-tabs button em{color:#8793a3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-course-tabs button:hover{background:#f5f8ff!important}
.booking-course-tabs button.active{background:#eef3ff!important}
.booking-course-tabs button.active small{border-color:var(--tech-blue);background:var(--tech-blue);color:#fff!important}
.booking-course-tabs button.active b{color:#17386f}
.booking-course-tabs button.active em{color:var(--tech-blue)}

.booking-course-panel{
  position:relative;
  grid-template-columns:380px minmax(0,1fr);
  border-color:#bfcbd9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 28px 70px rgba(18,39,70,.12);
}
.booking-course-panel::before{
  content:"当前课程 / 班期信息";
  position:absolute;
  z-index:6;
  top:16px;
  right:20px;
  color:#94a0af;
  font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:1.5px;
}
.booking-course-summary{
  min-height:550px;
  background:var(--tech-ink);
  box-shadow:none;
}
.booking-course-summary::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(101,215,255,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(101,215,255,.1) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%);
}
.booking-course-summary::after{
  content:"";
  position:absolute;
  z-index:3;
  top:22px;
  right:22px;
  width:38px;
  height:38px;
  border-top:2px solid var(--tech-cyan);
  border-right:2px solid var(--tech-cyan);
  opacity:.8;
}
.booking-course-visual img{opacity:.68;filter:saturate(.65) contrast(1.08)}
.booking-course-visual::after{background:linear-gradient(180deg,rgba(14,28,48,.14),rgba(10,24,43,.97))}
.booking-course-visual>span{
  z-index:4;
  border:1px solid rgba(101,215,255,.58);
  border-radius:3px;
  background:rgba(12,31,56,.64);
  color:#e7f8ff;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.booking-summary-stat{z-index:4}
.booking-summary-stat b{
  color:#fff;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:104px;
  font-weight:300;
  letter-spacing:-9px;
}
.booking-summary-stat span{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}
.booking-summary-stat span::before{width:32px;height:2px;background:var(--tech-cyan)}
.booking-summary-stat p{color:#b8c8dc}

.booking-course-detail{padding:48px 50px 38px;background:#fff}
.booking-detail-heading{border-color:var(--tech-line)}
.booking-detail-heading>small{color:var(--tech-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-detail-heading h3{color:var(--tech-ink)}
.booking-detail-heading>div>span{color:var(--tech-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-course-detail .booking-advantages{border-color:var(--tech-line)}
.booking-course-detail .booking-advantages span{
  min-height:48px;
  margin-right:8px;
  padding:0 10px;
  border:1px solid #dbe3ee;
  background:#f8fafe;
  color:#40506a;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:8px;
}
.booking-course-detail .booking-advantages span:last-child{margin-right:0}
.booking-course-detail .booking-advantages span::before{border-color:#9fb0c5;border-radius:3px;color:var(--tech-blue)}
.booking-course-detail .booking-advantages span:first-child{border-color:#b8c9ff;background:#eef3ff;color:#204bba}
.booking-course-detail .booking-advantages span:first-child::before{border-color:var(--tech-blue);background:var(--tech-blue)}
.booking-course-detail .booking-intro,
.booking-course-detail .booking-path{border-color:var(--tech-line)}
.booking-course-detail .booking-intro small,
.booking-course-detail .booking-path>small{border-left-color:var(--tech-blue);color:var(--tech-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-path span{border-color:#ccd8e8;border-radius:3px;background:#f6f8fc;color:#40506a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-path i{color:var(--tech-blue)}

.booking-class-title{
  margin-top:14px;
  padding:13px 15px!important;
  border:1px solid var(--tech-line)!important;
  border-bottom:0!important;
  border-radius:5px 5px 0 0;
  background:#f6f8fc;
}
.booking-class-title small{padding-left:10px;border-left:3px solid var(--tech-blue)!important;color:var(--tech-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-class-title span{color:var(--tech-orange)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-register{
  border:1px solid var(--tech-line);
  border-radius:0 0 5px 5px;
  background:var(--tech-ink);
}
.booking-register>label,.booking-register>div{background:var(--tech-ink);border-color:#34435a;color:#aebbd0}
.booking-register>label small,.booking-register>div small{color:#8f9db0}
.booking-register>label select{border-color:#526176;background:var(--tech-ink-2);color:#fff}
.booking-register>div b{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.booking-register .booking-seat{background:rgba(255,106,61,.14);color:#ff8b68}
.booking-register>button{background:var(--tech-orange);box-shadow:none}
.booking-register>button:hover{background:#e9562f}
.booking-campus{color:#748197;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.class-note{color:#8692a2}
.class-note button{color:var(--tech-blue);border-color:var(--tech-blue)}

@media(max-width:1050px){
  .booking-course-panel{grid-template-columns:300px minmax(0,1fr)}
  .booking-course-detail{padding:40px 32px 32px}
}
@media(max-width:760px){
  .class-heading h2{letter-spacing:-1px}
  .booking-course-tabs::before{top:-19px}
  .booking-course-tabs button{height:82px;background:rgba(255,255,255,.6)!important}
  .booking-course-tabs button.active{background:#eef3ff!important}
  .booking-course-panel{border-radius:8px}
  .booking-course-panel::before{display:none}
  .booking-course-summary{min-height:330px}
  .booking-summary-stat b{font-size:78px;letter-spacing:-6px}
  .booking-course-detail{padding:30px 18px 22px}
  .booking-course-detail .booking-advantages span{margin-right:0;padding:7px 5px}
  .booking-class-title{padding:12px!important}
  .booking-register>button{background:var(--tech-orange)}
}

/* 127：提高科技版明度与饱和度，保持单一视觉秩序 */
.class-board{
  --tech-blue:#16835a;
  --tech-cyan:#77d3ae;
  --tech-orange:#ff6038;
  background:
    radial-gradient(circle at 82% 12%,rgba(53,215,255,.14),transparent 25%),
    linear-gradient(rgba(22,131,90,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,131,90,.055) 1px,transparent 1px),
    #f2f7ff;
  background-size:auto,42px 42px,42px 42px,auto;
}
.class-heading>p{color:#ff6038}.class-heading>p::before,.class-heading>p::after{background:#ff6038}
.booking-course-tabs{border-color:#b8cae6;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(22,131,90,.08)}
.booking-course-tabs button{border-color:#c8d5e8!important}
.booking-course-tabs button:hover{background:#edf4ff!important}
.booking-course-tabs button.active{background:linear-gradient(135deg,#e7f0ff,#eefbff)!important}
.booking-course-tabs button.active small{border-color:#16835a;background:linear-gradient(145deg,#16835a,#2aa878);box-shadow:0 7px 16px rgba(22,131,90,.24)}
.booking-course-tabs button.active b{color:#0f4bc7}
.booking-course-tabs button.active::after{background:linear-gradient(90deg,#16835a,#77d3ae)}

.booking-course-panel{border-color:#b7c8e1;box-shadow:0 30px 70px rgba(30,78,151,.16)}
.booking-course-summary{background:linear-gradient(155deg,#16835a 0%,#16835a 46%,#16835a 100%)}
.booking-course-summary::before{
  background:
    linear-gradient(rgba(53,215,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,215,255,.18) 1px,transparent 1px);
  background-size:36px 36px;
}
.booking-course-summary::after{border-color:#77d3ae;filter:drop-shadow(0 0 7px rgba(119,211,174,.35))}
.booking-course-visual img{opacity:.8;filter:saturate(1.05) contrast(1.04)}
.booking-course-visual::after{background:linear-gradient(180deg,rgba(11,69,183,.12),rgba(5,25,73,.9))}
.booking-course-visual>span{border-color:rgba(53,215,255,.8);background:rgba(8,44,116,.58);color:#fff}
.booking-summary-stat b{color:#71e2ff;text-shadow:0 0 25px rgba(53,215,255,.16)}
.booking-summary-stat span::before{background:#ff6038}

.booking-detail-heading>small{color:#16835a}
.booking-course-detail .booking-advantages span{border-color:#cbd9ee;background:#f5f8ff}
.booking-course-detail .booking-advantages span:first-child{border-color:#ffb6a3;background:#fff0eb;color:#dc4925}
.booking-course-detail .booking-advantages span:first-child::before{border-color:#ff6038;background:#ff6038}
.booking-course-detail .booking-intro small,.booking-course-detail .booking-path>small{border-left-color:#16835a}
.booking-path span{border-color:#bfcfec;background:#edf4ff;color:#234c91}
.booking-path i{color:#16835a}
.booking-class-title{border-color:#bdcce1!important;background:linear-gradient(90deg,#edf4ff,#f8fbff)}
.booking-class-title small{border-left-color:#16835a!important}
.booking-class-title span{color:#ff6038!important}
.booking-register{border-color:#244783;background:linear-gradient(135deg,#12377c,#0d2558)}
.booking-register>label,.booking-register>div{background:transparent;border-color:#31528c}
.booking-register>label select{border-color:#4d6ca2;background:#173d82}
.booking-register .booking-seat{background:rgba(255,96,56,.2);color:#ff9a7e}
.booking-register>button{background:linear-gradient(135deg,#ff6b42,#ff4f2b);box-shadow:0 10px 25px rgba(255,79,43,.24)}
.booking-register>button:hover{background:linear-gradient(135deg,#ff5a32,#e94220)}

@media(max-width:760px){
  .booking-course-tabs button.active{background:linear-gradient(135deg,#e7f0ff,#eefbff)!important}
  .booking-register>button{background:linear-gradient(135deg,#ff6b42,#ff4f2b)}
}

/* 128：首屏课程目录融入物联网 Banner，去除独立深蓝背景 */
@media(min-width:761px){
  .course-mega-panel{
    border-right:1px solid rgba(74,224,183,.25);
    background:
      linear-gradient(rgba(45,196,159,.07) 1px,transparent 1px),
      linear-gradient(90deg,rgba(45,196,159,.07) 1px,transparent 1px),
      linear-gradient(180deg,rgba(3,67,58,.94),rgba(2,35,38,.97));
    background-size:34px 34px,34px 34px,auto;
    box-shadow:12px 0 34px rgba(0,28,29,.18);
    backdrop-filter:blur(8px);
  }
  .course-mega-panel a,
  .course-mega-panel button{
    border-bottom-color:rgba(132,238,207,.09);
    color:rgba(255,255,255,.86);
  }
  .course-mega-panel a::before,
  .course-mega-panel button::before{
    border-color:rgba(152,235,211,.7);
  }
  .course-mega-panel a:hover,
  .course-mega-panel button:hover{
    background:linear-gradient(90deg,rgba(21,164,130,.34),rgba(21,164,130,.08));
  }
  .course-mega-panel button.active{
    padding-left:36px;
    background:linear-gradient(90deg,rgba(22,184,143,.48),rgba(14,116,99,.17));
    box-shadow:inset 4px 0 0 #48e5b5;
    color:#fff;
  }
  .course-mega-panel button.active::before{
    background:#54f0be;
    border-color:#54f0be;
    box-shadow:0 0 0 5px rgba(84,240,190,.13),0 0 13px rgba(84,240,190,.5);
  }
}

/* 129：删除课程介绍与优势，右侧全部用于开班信息 */
.booking-course-detail{display:flex;flex-direction:column}
.booking-schedule{
  flex:1;
  margin-top:28px;
  border:1px solid #bdcde4;
  border-radius:8px;
  overflow:hidden;
  background:#f7faff;
}
.booking-schedule-head{
  min-height:86px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-bottom:1px solid #bdcde4;
  background:linear-gradient(115deg,#e8f1ff,#f1fbff);
}
.booking-schedule-head>div small{
  display:block;
  margin-bottom:7px;
  color:#16835a;
  font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:2px;
}
.booking-schedule-head h4{margin:0;color:#101b2d;font-size:18px}
.booking-schedule-head>span{color:#ff6038;font-size:9px;font-weight:850}
.booking-schedule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  background:#fff;
}
.booking-schedule-grid>label,
.booking-schedule-grid>div{
  min-height:92px;
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  border-right:1px solid #d5dfed;
  border-bottom:1px solid #d5dfed;
}
.booking-schedule-grid>label:nth-child(even),
.booking-schedule-grid>div:nth-child(even){border-right:0}
.booking-schedule-grid small{color:#7b899b;font-size:8px}
.booking-schedule-grid b{color:#17263d;font-size:14px}
.booking-schedule-grid select{
  width:100%;
  height:38px;
  padding:0 11px;
  border:1px solid #b8c7dc;
  border-radius:3px;
  outline:0;
  background:#fff;
  color:#17263d;
  font-size:11px;
}
.booking-schedule-grid select:focus{border-color:#16835a;box-shadow:0 0 0 3px rgba(22,131,90,.1)}
.booking-schedule-grid .booking-seat{
  width:max-content;
  padding:6px 9px;
  border-radius:3px;
  background:#fff0eb;
  color:#ff6038;
}
.booking-schedule-grid>button{
  min-height:76px;
  grid-column:1/3;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  background:linear-gradient(135deg,#ff6b42,#ff4f2b);
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.booking-schedule-grid>button:hover{background:linear-gradient(135deg,#ff5a32,#e94220)}
.booking-schedule-grid>button span{font-size:18px}
.booking-schedule .booking-campus{margin:0;padding:12px 20px;background:#eef4ff;color:#6e7d91}

@media(max-width:760px){
  .booking-schedule{margin-top:22px}
  .booking-schedule-head{min-height:78px;padding:15px 14px}.booking-schedule-head h4{font-size:16px}.booking-schedule-head>span{max-width:118px;text-align:right;line-height:1.5}
  .booking-schedule-grid>label,.booking-schedule-grid>div{min-height:84px;padding:14px 12px}
  .booking-schedule-grid b{font-size:12px}
  .booking-schedule-grid>button{min-height:66px}
  .booking-schedule .booking-campus{padding:11px 12px}
}

/* 130：开班信息改为标准列表 */
.booking-schedule-head{padding:16px 18px}
.booking-schedule-head>label{display:flex;align-items:center;gap:11px;color:#6f7e92;font-size:9px}
.booking-schedule-head>label select{width:138px;height:36px;padding:0 10px;border:1px solid #b7c7df;border-radius:3px;background:#fff;color:#17263d;font-size:10px;outline:0}
.booking-schedule-head>label select:focus{border-color:#16835a;box-shadow:0 0 0 3px rgba(22,131,90,.1)}
.booking-schedule-list{background:#fff}
.booking-list-head,.booking-list-row{display:grid;grid-template-columns:1fr .9fr 1.15fr .85fr 118px;align-items:center}
.booking-list-head{min-height:42px;padding:0 14px;border-bottom:1px solid #d5dfed;background:#f7f9fc;color:#7c899a;font-size:8px}
.booking-list-row{min-height:84px;padding:0 14px;border-bottom:1px solid #d5dfed}
.booking-list-row>div{padding:12px 10px;border-right:1px solid #e0e7f1}.booking-list-row>div:nth-child(4){border-right:0}
.booking-list-row small{display:none;color:#7b899b;font-size:8px}
.booking-list-row b{color:#17263d;font-size:12px}
.booking-list-row .booking-seat{width:max-content;padding:6px 9px;border-radius:3px;background:#fff0eb;color:#ff6038}
.booking-list-row>button{height:42px;margin-left:10px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:3px;background:linear-gradient(135deg,#ff6b42,#ff4f2b);color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.booking-list-row>button:hover{background:linear-gradient(135deg,#ff5a32,#e94220)}
.booking-list-row>button span{font-size:14px}

@media(max-width:760px){
  .booking-schedule-head{align-items:flex-end}.booking-schedule-head>label{display:block}.booking-schedule-head>label span{display:block;margin-bottom:6px}.booking-schedule-head>label select{width:126px}
  .booking-list-head{display:none}
  .booking-list-row{padding:0;grid-template-columns:1fr;align-items:stretch}
  .booking-list-row>div{min-height:54px;padding:10px 13px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid #d5dfed}
  .booking-list-row small{display:block}.booking-list-row b{font-size:11px}
  .booking-list-row>button{grid-column:auto;height:60px;margin:0;padding:0 16px;border-radius:0}
}

/* 132：增加后续班期，使开班列表更完整，并平衡左右视觉重量 */
@media(min-width:1051px){
  .booking-course-panel{grid-template-columns:330px minmax(0,1fr)}
  .booking-course-summary{min-height:520px}
}
.booking-list-row+.booking-list-row{border-top:1px solid #d5dfed}
.booking-list-row-next{background:#fbfcfe}
.booking-list-row-next .booking-seat-open{background:#e9f8f2;color:#07865c}
.booking-list-row-next>button{border:1px solid #16835a;background:#fff;color:#16835a}
.booking-list-row-next>button:hover{background:#edf4ff}
@media(max-width:760px){
  .booking-list-row-next{margin-top:8px;border-top:1px solid #c7d4e6}
}

/* 134：高密度招生看板——突出5人席位、报名进度与城市班期 */
.class-board{
  padding:76px 20px 82px;
  background:
    radial-gradient(circle at 88% 8%,rgba(39,111,255,.09),transparent 28%),
    linear-gradient(180deg,#f2f6fb 0%,#fff 92%);
}
.class-heading{margin-bottom:26px}
.class-heading h2{color:#10233f;font-size:42px;letter-spacing:-2px}
.class-heading>p{color:#ff513f}
.class-heading>span{color:#65758b}
.booking-activity{
  max-width:var(--wrap);
  min-height:58px;
  margin:0 auto 14px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:0;
  overflow:hidden;
  border:1px solid #dce4ef;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 24px rgba(24,48,82,.06);
}
.booking-activity>strong{
  height:58px;
  padding-right:20px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#12233e;
  font-size:11px;
  white-space:nowrap;
}
.booking-activity>strong i{width:8px;height:8px;border-radius:50%;background:#2aa878;box-shadow:0 0 0 5px rgba(42,168,120,.13);animation:boardPulse 1.6s ease-in-out infinite}
.booking-activity>span{padding:0 22px;border-left:1px solid #e2e8f0;color:#6b7789;font-size:9px;white-space:nowrap}
.booking-activity>span b{margin-right:5px;color:#162740;font-size:10px}
.booking-activity>span:last-of-type b{color:#ff4f3f}
.booking-activity>button{margin-left:auto;padding:0;border:0;background:transparent;color:#16835a;font-size:10px;font-weight:850;white-space:nowrap}
.booking-course-tabs{
  max-width:var(--wrap);
  margin:0 auto 14px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.booking-course-tabs button{
  min-height:76px;
  padding:0 18px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:1fr 1fr;
  align-items:center;
  border:1px solid #d9e2ee;
  border-radius:9px;
  background:#fff;
  color:#21324b;
  box-shadow:0 6px 18px rgba(17,44,82,.045);
}
.booking-course-tabs button::after{display:none}
.booking-course-tabs button>span{grid-row:1/3;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px}
.booking-course-tabs button small{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#edf7f3;color:#16835a;font-size:9px;font-weight:900}
.booking-course-tabs button b{font-size:12px;text-align:left}
.booking-course-tabs button em{align-self:end;padding:0;background:none;color:#ff5947;font-size:8px;font-weight:850}
.booking-course-tabs button i{align-self:start;color:#8793a4;font-size:8px}
.booking-course-tabs button.active{border-color:#16835a;background:linear-gradient(115deg,#16835a,#16835a);color:#fff;box-shadow:0 12px 28px rgba(22,131,90,.2)}
.booking-course-tabs button.active small{background:#fff;color:#16835a}
.booking-course-tabs button.active em{color:#ffcf66}.booking-course-tabs button.active i{color:#dce7ff}
.booking-course-panel{
  max-width:var(--wrap);
  min-height:552px;
  margin:0 auto;
  display:grid;
  grid-template-columns:310px minmax(0,1fr)!important;
  overflow:hidden;
  border:1px solid #d6e0ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 22px 60px rgba(25,50,87,.1);
}
.booking-course-summary{
  position:relative;
  min-height:552px!important;
  padding:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  background:#0a1f3d;
  color:#fff;
}
.booking-course-visual{position:relative;height:245px;flex:0 0 auto;overflow:hidden}
.booking-course-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,23,48,.08),#0a1f3d)}
.booking-course-visual img{height:100%;object-fit:cover;filter:saturate(1.06)}
.booking-course-visual>span{z-index:2;left:18px;top:18px;bottom:auto;padding:7px 9px;border-left:3px solid #ffb13d;background:rgba(8,28,55,.78);font-size:8px}
.booking-summary-copy{z-index:2;margin-top:-36px;padding:0 22px 14px}
.booking-summary-copy small{color:#72a8ff;font-size:8px;font-weight:900;letter-spacing:2px}
.booking-summary-copy h3{margin:8px 0 7px;color:#fff;font-size:23px;line-height:1.25}
.booking-summary-copy p{color:#9fb3ce;font-size:9px}
.booking-summary-stat{position:static!important;margin-top:auto;padding:16px 22px 22px;border-top:1px solid rgba(255,255,255,.12)}
.booking-summary-stat b{color:#ffb13d;font-size:64px;line-height:.9}
.booking-summary-stat>span{display:inline-block;margin-left:8px;color:#fff;font-size:13px;font-weight:850}
.booking-seat-people{margin:15px 0 11px;display:flex;gap:8px}
.booking-seat-people i{width:30px;height:30px;border-radius:50%;background:#2aa878;border:2px solid #82f0c8;box-shadow:0 0 0 3px rgba(42,168,120,.12)}
.booking-seat-people i::after{content:"人";height:100%;display:grid;place-items:center;color:#062f2a;font-size:8px;font-weight:900}
.booking-seat-people i.empty{background:transparent;border-color:#546a86;box-shadow:none}
.booking-seat-people i.empty::after{color:#7286a1}
.booking-summary-stat p{color:#9fb3ce;font-size:9px;line-height:1.6}
.booking-course-detail{min-width:0;padding:0!important;background:#fff}
.booking-schedule{height:100%;margin:0;border:0;border-radius:0;background:#fff}
.booking-schedule-head{min-height:88px;padding:17px 20px;border-color:#dbe4ee;background:linear-gradient(100deg,#f6f9fd,#eef5ff)}
.booking-schedule-head>div small{color:#ff513f;letter-spacing:2px}
.booking-schedule-head h4{font-size:19px;color:#142641}
.booking-schedule-head>label select{width:132px;border-color:#c7d4e5;border-radius:5px;color:#18304f}
.booking-list-head,.booking-list-row{grid-template-columns:1.05fr .95fr .82fr 1.18fr .9fr 100px}
.booking-list-head{min-height:40px;padding:0 16px;background:#0f2647;color:#b6c6da;border:0}
.booking-list-row{min-height:77px;padding:0 16px;border-bottom:1px solid #e2e8f0;background:#fff;transition:.18s}
.booking-list-row:hover{background:#f7faff;box-shadow:inset 3px 0 0 #16835a}
.booking-list-row>div{padding:10px 9px;border-right:0}
.booking-list-row b{color:#172943;font-size:11px}
.booking-campus-cell b{display:flex;align-items:center;gap:7px}.booking-campus-cell b>i{width:7px;height:7px;border-radius:50%;background:#2aa878;box-shadow:0 0 0 4px rgba(42,168,120,.12)}
.booking-enrolled b{font-size:18px;color:#16835a}.booking-enrolled b em{margin-left:2px;color:#8995a5;font-size:8px}
.booking-progress>span{display:flex;gap:5px}.booking-progress i{width:16px;height:16px;border-radius:4px;background:#16835a}.booking-progress i.empty{background:#fff;border:1px solid #c7d3e2}
.booking-list-row .booking-seat{padding:6px 8px;border-radius:999px;background:#e9f8f2;color:#07865c;font-size:9px}
.booking-list-row.is-urgent{background:#fffaf5}.booking-list-row.is-urgent .booking-seat{background:#fff0ed;color:#f04438}.booking-list-row.is-urgent .booking-progress i.filled{background:#ff654b}.booking-list-row.is-urgent>button{background:linear-gradient(135deg,#ff654b,#f04438);box-shadow:0 6px 16px rgba(240,68,56,.2)}
.booking-list-row>button{height:38px;margin-left:5px;border-radius:5px;background:#16835a;font-size:9px}
.booking-list-row>button:hover{background:#0f7452}
.booking-campus{padding:11px 20px!important;background:#f4f7fb!important;color:#748297!important}
.booking-empty{min-height:310px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6d7b8d}
.booking-empty span{color:#16835a;font-size:10px;font-weight:900}.booking-empty b{margin:12px 0 7px;color:#172943;font-size:18px}.booking-empty p{font-size:9px}.booking-empty button{height:40px;margin-top:18px;padding:0 18px;border:0;border-radius:5px;background:#16835a;color:#fff;font-size:10px;font-weight:850}
.class-note{margin-top:16px}
.class-note>button{color:#16835a;border-color:#16835a}

@media(max-width:900px){
  .booking-activity{overflow-x:auto}.booking-activity>button{padding-left:20px}
  .booking-course-panel{grid-template-columns:260px minmax(0,1fr)!important}
  .booking-list-head,.booking-list-row{grid-template-columns:1fr .9fr .7fr 1fr .8fr 86px}
}
@media(max-width:760px){
  .class-board{padding:58px 18px 64px}.class-heading h2{font-size:31px;letter-spacing:-1px}
  .booking-activity{margin-bottom:12px;padding:0 14px;gap:0;border-radius:8px;scrollbar-width:none}.booking-activity::-webkit-scrollbar{display:none}.booking-activity>strong,.booking-activity>span{flex:0 0 auto}.booking-activity>span{padding:0 15px}.booking-activity>button{display:none}
  .booking-course-tabs{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.booking-course-tabs::-webkit-scrollbar{display:none}.booking-course-tabs button{flex:0 0 220px;min-height:70px}
  .booking-course-panel{display:flex;flex-direction:column;min-height:0;border-radius:13px}
  .booking-course-summary{min-height:290px!important}.booking-course-visual{position:absolute;inset:0;height:100%}.booking-course-visual::after{background:linear-gradient(90deg,rgba(7,26,53,.96) 0%,rgba(7,26,53,.88) 58%,rgba(7,26,53,.2) 100%)}.booking-course-visual>span{top:18px}
  .booking-summary-copy{margin:0;padding:76px 22px 10px;max-width:72%}.booking-summary-copy h3{font-size:22px}
  .booking-summary-stat{z-index:2;width:72%;margin-top:auto;padding-top:12px}.booking-summary-stat b{font-size:54px}.booking-seat-people{margin:11px 0}.booking-seat-people i{width:25px;height:25px}
  .booking-schedule-head{align-items:center;min-height:82px}.booking-schedule-head h4{font-size:16px}.booking-schedule-head>label span{display:block;margin-bottom:5px}.booking-schedule-head>label select{width:112px}
  .booking-list-head{display:none}
  .booking-list-row{margin:10px 10px 0;padding:12px;grid-template-columns:1fr 1fr;gap:0;border:1px solid #dde5ef;border-radius:8px;min-height:0}
  .booking-list-row>div{min-height:52px;padding:8px;display:block;border-bottom:1px solid #edf1f5}.booking-list-row small{display:block;margin-bottom:6px}.booking-list-row>button{grid-column:1/3;height:48px;margin:8px 0 0;padding:0 14px}
  .booking-campus-cell b{justify-content:flex-start}.booking-progress>span{justify-content:flex-start}.booking-progress i{width:15px;height:15px}
  .booking-campus{margin-top:10px!important}.booking-empty{min-height:260px;padding:28px 18px}
}

/* 135：招生看板视觉精修 */
.class-board{
  background-color:#f4f7fb;
  background-image:
    linear-gradient(rgba(22,131,90,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,131,90,.025) 1px,transparent 1px),
    radial-gradient(circle at 86% 4%,rgba(22,131,90,.1),transparent 30%),
    linear-gradient(180deg,#f3f7fc 0%,#fff 92%);
  background-size:32px 32px,32px 32px,auto,auto;
}
.class-heading{position:relative;padding-bottom:4px}
.class-heading>p{display:flex;align-items:center;gap:9px;letter-spacing:2.5px}
.class-heading>p::before{content:"";width:18px;height:2px;background:#ff5b48!important}
.class-heading>p::after{display:none}
.class-heading h2{font-size:40px;font-weight:900;letter-spacing:-2.5px}
.class-heading>span{padding-left:18px;border-left:2px solid #dbe3ef}
.booking-activity{
  position:relative;
  border-color:#dfe6ef;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(30,55,92,.055);
}
.booking-activity::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#ffb13d,#ff5847)}
.booking-activity>strong{padding-left:4px}.booking-activity>span{line-height:1.55}.booking-activity>span b{display:block;margin:0;color:#132844;font-size:10px}
.booking-activity>span:last-of-type b{color:#f14d3e}
.booking-activity>button{height:32px;padding:0 12px;border:1px solid #cedcf2;border-radius:999px;background:#f5f8ff;transition:.2s}
.booking-activity>button:hover{border-color:#16835a;background:#16835a;color:#fff}
.booking-course-tabs{gap:10px}
.booking-course-tabs button{
  position:relative;
  min-height:78px;
  overflow:hidden;
  border-color:#dce4ee;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(17,44,82,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.booking-course-tabs button:hover{transform:translateY(-2px);border-color:#b8d8ca;box-shadow:0 13px 28px rgba(22,131,90,.09)}
.booking-course-tabs button small{border:1px solid #c9dfd6;background:#f4faf7;font-variant-numeric:tabular-nums}
.booking-course-tabs button em{padding:4px 8px;border-radius:999px;background:#fff1ef;color:#f15445}
.booking-course-tabs button.active{
  border-color:#16835a;
  background:linear-gradient(135deg,#16835a 0%,#16835a 100%)!important;
  box-shadow:0 14px 32px rgba(22,131,90,.22);
}
.booking-course-tabs button.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#ffbf4b,#ff5b48)}
.booking-course-tabs button.active small{border-color:#fff;background:#fff;color:#16835a!important;box-shadow:none}
.booking-course-tabs button.active b{color:#fff!important}
.booking-course-tabs button.active em{background:rgba(255,255,255,.13);color:#ffd579!important}
.booking-course-tabs button.active i{color:#dff4eb!important}
.booking-course-tabs button.active:hover{background:linear-gradient(135deg,#16835a 0%,#16835a 100%)!important}
.booking-course-panel{
  position:relative;
  border-color:#d9e1eb;
  border-radius:18px;
  box-shadow:0 26px 70px rgba(23,48,84,.11),0 3px 10px rgba(23,48,84,.04);
}
.booking-course-panel::before{content:"";position:absolute;z-index:4;left:310px;right:0;top:0;height:3px;background:linear-gradient(90deg,#16835a 0 34%,#2aa878 34% 67%,#ffb13d 67% 100%)}
.booking-course-summary{background:linear-gradient(160deg,#102b50,#071a33)}
.booking-course-visual::after{background:linear-gradient(180deg,rgba(5,23,48,.05) 32%,#0b2140 100%)}
.booking-course-visual>span{border-left-color:#ffb13d;border-radius:0 5px 5px 0;backdrop-filter:blur(6px)}
.booking-summary-copy small{color:#8bb6ff}.booking-summary-copy h3{letter-spacing:-.6px}
.booking-summary-stat{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.04))}
.booking-summary-stat b{font-variant-numeric:tabular-nums;text-shadow:0 8px 28px rgba(255,177,61,.16)}
.booking-seat-people i{position:relative;width:29px;height:29px;border:1px solid #75e7bf;background:#2bc58f;box-shadow:0 0 0 3px rgba(43,197,143,.1)}
.booking-seat-people i::before{content:"";position:absolute;left:50%;top:6px;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;background:#07342d}
.booking-seat-people i::after{content:"";position:absolute;left:50%;bottom:5px;width:11px;height:7px;transform:translateX(-50%);border-radius:7px 7px 4px 4px;background:#07342d}
.booking-seat-people i.empty{border:1px dashed #607794;background:rgba(255,255,255,.025)}
.booking-seat-people i.empty::before,.booking-seat-people i.empty::after{background:#657a96}
.booking-schedule-head{padding:18px 22px;background:#fbfcfe}
.booking-schedule-head>div small{margin-bottom:8px;color:#f15445}.booking-schedule-head h4{font-weight:900;letter-spacing:-.4px}
.booking-schedule-head>label{padding:7px 8px 7px 12px;border:1px solid #dce4ef;border-radius:8px;background:#fff}
.booking-schedule-head>label select{height:32px;border:0;background:#f2f6fb;font-weight:750}
.booking-schedule-head>label select:focus{box-shadow:none;background:#eaf1ff}
.booking-list-head{background:#10294d;color:#bccbe0;letter-spacing:.6px}
.booking-list-row{font-variant-numeric:tabular-nums}
.booking-list-row:hover{background:#f8fbff;box-shadow:inset 3px 0 0 #16835a}
.booking-campus-cell b>i{width:8px;height:8px;background:#25c38b;border:2px solid #d9f8ed;box-shadow:0 0 0 3px rgba(37,195,139,.13)}
.booking-enrolled b{font-size:19px;font-weight:900}
.booking-progress>span{gap:4px}.booking-progress i{position:relative;width:18px;height:18px;border-radius:50%;background:#16835a;box-shadow:0 3px 8px rgba(22,131,90,.18)}
.booking-progress i::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:6px;transform:translate(-50%,-55%) rotate(45deg);border-right:1.5px solid #fff;border-bottom:1.5px solid #fff}
.booking-progress i.empty{border:1px dashed #b8c7d9;background:#fff;box-shadow:none}.booking-progress i.empty::after{display:none}
.booking-list-row .booking-seat{letter-spacing:.2px}
.booking-list-row>button{border:1px solid #16835a;background:#fff;color:#16835a;box-shadow:none;transition:.2s}
.booking-list-row>button:hover{background:#16835a;color:#fff;transform:translateY(-1px);box-shadow:0 7px 16px rgba(22,131,90,.16)}
.booking-list-row.is-urgent{background:#fffaf7}.booking-list-row.is-urgent>button{border-color:#f04c3e;background:linear-gradient(135deg,#ff6853,#ed4438);color:#fff}
.booking-list-row.is-urgent>button:hover{background:linear-gradient(135deg,#f85a47,#d9362e)}
.booking-list-row.is-selected{position:relative;box-shadow:inset 4px 0 0 #16835a;background:#f2faf6}
.booking-list-row.is-selected.is-urgent{box-shadow:inset 4px 0 0 #ff5847;background:#fff8f5}
.booking-campus{border-top:1px solid #e3e8ef;color:#758499!important}
.class-note>button{font-weight:850}

@media(max-width:760px){
  .class-heading>p{justify-content:center}.class-heading>p::before{display:block}.class-heading>span{padding-left:0;border-left:0}
  .booking-activity>span b{display:inline-block;margin-right:5px}
  .booking-course-tabs button:hover{transform:none}
  .booking-course-panel::before{left:0;height:3px}
  .booking-course-summary{min-height:300px!important}
  .booking-summary-copy{padding-top:78px}.booking-summary-stat{padding-bottom:20px}
  .booking-schedule-head>label{padding:6px 6px 6px 9px}.booking-schedule-head>label select{width:98px}
  .booking-list-row{box-shadow:0 6px 18px rgba(23,48,84,.05)}
  .booking-progress i{width:17px;height:17px}
}

/* 136：动态栏等比例排布，消除桌面端中间空白 */
.booking-course-tabs::before{display:none!important}
@media(min-width:901px){
  .booking-activity{
    display:grid;
    grid-template-columns:190px repeat(3,minmax(190px,1fr)) 170px;
    padding:0 14px 0 22px;
  }
  .booking-activity>strong{
    height:100%;
    padding:0 24px 0 0;
  }
  .booking-activity>span{
    height:38px;
    padding:0 24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .booking-activity>button{
    margin:0;
    justify-self:end;
    min-width:148px;
  }
}

/* 137：减轻开班列表表头重量 */
.booking-list-head{
  min-height:44px;
  padding:0 16px;
  border-top:1px solid #e0e7f0;
  border-bottom:1px solid #d8e1ec;
  background:linear-gradient(180deg,#f8fafd,#f2f6fa);
  color:#718096;
  font-size:8px;
  font-weight:800;
  letter-spacing:.5px;
}
.booking-list-head span{position:relative;padding-left:10px}
.booking-list-head span::before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;transform:translateY(-50%);border-radius:50%;background:#9cb0c9}
.booking-list-head span:first-child::before{background:#25bd88;box-shadow:0 0 0 3px rgba(37,189,136,.1)}
.booking-list-head span:nth-child(5)::before{background:#ffb13d}
.booking-list-head span:last-child::before{background:#16835a}

/* 138：统一为科技蓝、行动橙红、状态绿三色体系 */
.class-board{
  background-image:
    linear-gradient(rgba(22,131,90,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,131,90,.014) 1px,transparent 1px),
    radial-gradient(circle at 86% 4%,rgba(22,131,90,.065),transparent 30%),
    linear-gradient(180deg,#f5f7fb 0%,#fff 92%);
}
.booking-activity::before{background:linear-gradient(#16835a,#ff5847)}
.booking-course-tabs button.active::before{background:#ff5847}
.booking-course-tabs button.active em{color:#c8dcff!important}
.booking-course-panel::before{background:linear-gradient(90deg,#16835a 0 78%,#ff5847 78% 100%)}
.booking-course-visual>span{border-left-color:#ff5847}
.booking-summary-stat b{color:#ff5847;text-shadow:0 8px 28px rgba(255,88,71,.16)}
.booking-list-head span:nth-child(5)::before{background:#ff5847}
.booking-list-row.is-urgent .booking-progress i.filled{background:#ff5847}

/* v145: use one coral-red treatment for every occupied seat */
.booking-progress i{
  background:#ff5847;
  box-shadow:0 3px 8px rgba(255,88,71,.2);
}
.booking-progress i.empty{
  background:#fff;
  box-shadow:none;
}
.booking-list-row.is-urgent .booking-progress i.filled{
  background:#ff5847;
  box-shadow:0 3px 8px rgba(255,88,71,.2);
}

/* 140：就业案例改为分类选项卡 + 主图 + 右侧案例列表 */
.results{
  padding:88px 20px 92px;
  background:linear-gradient(180deg,#fff 0%,#f5f8f7 100%);
}
.results-heading{margin-bottom:26px}
.result-case-tabs{
  max-width:var(--wrap);
  margin:0 auto 18px;
  padding:0 0 13px;
  display:flex;
  align-items:center;
  gap:14px;
  border-bottom:1px solid #dfe7e3;
}
.result-case-tabs button{
  height:38px;
  padding:0 20px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#34483f;
  font-size:11px;
  font-weight:800;
  transition:.2s;
}
.result-case-tabs button:hover{background:#edf3f0;color:#16835a}
.result-case-tabs button.active{border-color:#16835a;background:#16835a;color:#fff;box-shadow:0 8px 20px rgba(22,131,90,.18)}
.result-gallery{
  max-width:var(--wrap);
  min-height:570px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:22px;
}
.result-main{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #dce5e1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 50px rgba(18,56,43,.09);
}
.result-main-media{position:relative;height:475px;padding:22px;overflow:hidden;background:#f4f7f6}
.result-main-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,rgba(12,31,25,.08));pointer-events:none}
.result-main-media img{width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}
.result-main-media>span{position:absolute;z-index:2;right:20px;top:18px;padding:6px 10px;border-radius:999px;background:rgba(16,45,85,.9);color:#fff;font-size:8px;font-weight:850;letter-spacing:1px}
.result-main figcaption{min-height:95px;padding:19px 24px;display:grid;grid-template-columns:130px 1fr;align-items:center;border-top:1px solid #e0e7e3}
.result-main figcaption>small{color:#16835a;font-size:9px;font-weight:850;letter-spacing:1px}
.result-main figcaption>div{padding-left:22px;border-left:1px solid #dce5e1}
.result-main h3{margin:0;color:#17352b;font-size:20px}
.result-main p{margin:7px 0 0;color:#728078;font-size:10px}.result-main p strong{color:#ff5847;font-size:14px}
.result-case-list{min-width:0;display:flex;flex-direction:column;gap:10px}
.result-list-head{height:42px;padding:0 2px 3px;display:flex;align-items:center;justify-content:space-between}
.result-list-head>span{color:#17352b;font-size:11px;font-weight:850;letter-spacing:1px}
.result-controls{display:flex;gap:7px}.result-controls button{width:34px;height:34px;border:1px solid #d8e3de;border-radius:50%;background:#fff;color:#16835a}.result-controls button:hover{border-color:#16835a;background:#16835a;color:#fff}
.result-case-list>button{
  min-height:119px;
  padding:10px;
  display:grid;
  grid-template-columns:118px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  border:1px solid #dfe7e3;
  border-radius:10px;
  background:#fff;
  color:#17352b;
  text-align:left;
  transition:.2s;
}
.result-case-list>button:hover{transform:translateX(-3px);border-color:#abc9bb;box-shadow:0 10px 24px rgba(18,56,43,.08)}
.result-case-list>button.active{border-color:#16835a;background:#f2f8f5;box-shadow:inset 3px 0 0 #16835a,0 10px 24px rgba(22,131,90,.08)}
.result-case-list>button>img{width:118px;height:88px;object-fit:contain;border-radius:6px;background:#f4f7f6}
.result-case-list>button>span{min-width:0}.result-case-list>button small{display:block;color:#16835a;font-size:8px;font-weight:800}.result-case-list>button b{display:block;margin-top:7px;overflow:hidden;color:#18382e;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.result-case-list>button em{display:block;margin-top:7px;color:#ff5847;font-size:8px;font-weight:800}
.result-case-list>button>i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf7f3;color:#16835a;font-size:10px}
.result-case-list>button.active>i{background:#16835a;color:#fff}
.result-note{margin-top:18px}

@media(max-width:1000px){
  .result-gallery{grid-template-columns:minmax(0,1fr) 280px}.result-case-list>button{grid-template-columns:92px minmax(0,1fr) 20px}.result-case-list>button>img{width:92px;height:78px}
}
@media(max-width:760px){
  .results{padding:68px 18px 72px}.results-heading{margin-bottom:20px}
  .result-case-tabs{gap:7px;overflow-x:auto;scrollbar-width:none}.result-case-tabs::-webkit-scrollbar{display:none}.result-case-tabs button{flex:0 0 auto;height:36px;padding:0 16px}
  .result-gallery{display:block;min-height:0}.result-main-media{height:330px;padding:12px}.result-main figcaption{min-height:112px;padding:16px;grid-template-columns:1fr;gap:10px}.result-main figcaption>div{padding:10px 0 0;border-left:0;border-top:1px solid #dce5e1}.result-main h3{font-size:18px}
  .result-case-list{margin-top:16px;display:flex;flex-direction:row;overflow-x:auto;gap:10px;scrollbar-width:none}.result-case-list::-webkit-scrollbar{display:none}.result-list-head{display:none}.result-case-list>button{flex:0 0 260px;min-height:104px;grid-template-columns:94px minmax(0,1fr) 20px}.result-case-list>button>img{width:94px;height:76px}.result-case-list>button:hover{transform:none}
}

/* 142：就业案例选项卡整行四等分，增强饱满度 */
.result-case-tabs{
  padding:7px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  border:1px solid #dce5e1;
  border-radius:12px;
  background:#f3f6f5;
}
.result-case-tabs button{
  width:100%;
  height:54px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 3px 10px rgba(20,55,43,.035);
}
.result-case-tabs button::before{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#edf7f3;color:#16835a;font-size:8px;font-weight:900}
.result-case-tabs button:nth-child(1)::before{content:"01"}.result-case-tabs button:nth-child(2)::before{content:"02"}.result-case-tabs button:nth-child(3)::before{content:"03"}.result-case-tabs button:nth-child(4)::before{content:"04"}
.result-case-tabs button.active{background:linear-gradient(135deg,#16835a,#16835a)}
.result-case-tabs button.active::before{background:#fff;color:#16835a}
@media(max-width:760px){
  .result-case-tabs{display:flex;padding:6px;overflow-x:auto}
  .result-case-tabs button{flex:0 0 178px;height:50px}
}

/* 147：学生作品改为作品集式主次布局，突出真实项目过程与成果 */
.project-story{
  padding:88px 20px 100px;
  background:linear-gradient(180deg,#f4f8f6 0%,#edf5f1 100%);
}
.project-story .project-head{margin-bottom:30px}
.project-category{
  max-width:var(--wrap);
  margin:0 auto 16px;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #dce8e2;
  background:rgba(255,255,255,.72);
}
.project-category>div{display:flex;gap:4px}
.project-category span{
  min-width:108px;
  height:38px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#60736c;
  font-size:10px;
  font-weight:700;
}
.project-category span.active{background:#12304f;color:#fff;box-shadow:0 7px 18px rgba(18,48,79,.14)}
.project-category>b{padding-right:13px;color:#809089;font-size:9px;letter-spacing:1px}
.project-story .project-grid{
  max-width:var(--wrap);
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  grid-template-rows:repeat(2,minmax(220px,1fr));
  gap:16px;
}
.project-story .project-grid article{
  min-width:0;
  padding:0;
  display:grid;
  grid-template-columns:44% 56%;
  overflow:hidden;
  border:1px solid #d8e5df;
  background:#fff;
  box-shadow:0 12px 32px rgba(21,58,46,.055);
}
.project-story .project-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(21,58,46,.1)}
.project-story .project-grid .project-featured{grid-row:1 / span 2;grid-template-columns:1fr;grid-template-rows:360px 1fr}
.project-story .project-grid .project-screen{width:100%;height:100%;min-height:220px}
.project-story .project-grid .project-featured .project-screen{min-height:360px}
.project-story .project-grid article>.project-card-body{margin:0;padding:24px 26px 22px;display:flex;flex-direction:column;gap:0;min-width:0}
.project-featured .project-card-body{padding:28px 32px 30px}
.project-card-body>small{margin:0 0 9px!important;color:#16835a!important;font-size:9px!important;font-weight:800;letter-spacing:.5px}
.project-card-body h3{margin:0!important;color:#123d31;font-size:21px!important;line-height:1.25}
.project-featured .project-card-body h3{font-size:27px!important}
.project-card-body>p{margin:10px 0 16px!important;color:#7b8984!important;font-size:10px!important;line-height:1.8}
.project-milestones{display:flex;gap:8px;margin:0 0 22px}
.project-milestones span{padding:7px 10px;background:#f0f6f3;color:#42675b;font-size:9px;font-weight:700}
.project-milestones span+span::before{content:"→";margin-right:8px;color:#e7ad45}
.project-card-footer{margin-top:auto!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.project-card-footer>div{display:flex;gap:6px;margin:0!important}
.project-card-footer em{padding:6px 8px;background:#edf6f2;color:#168d68;font-size:8px;font-style:normal}
.project-card-footer strong{white-space:nowrap;color:#12304f;font-size:9px;letter-spacing:.3px}
@media(max-width:980px){
  .project-story .project-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .project-story .project-grid .project-featured{grid-row:auto}
  .project-story .project-grid article{min-height:230px}
}
@media(max-width:760px){
  .project-story{padding:68px 18px 76px}
  .project-category{overflow-x:auto;gap:12px}
  .project-category>div{flex:0 0 auto}.project-category>b{display:none}
  .project-category span{min-width:auto;white-space:nowrap}
  .project-story .project-grid{display:grid;overflow:visible;gap:12px}
  .project-story .project-grid article,.project-story .project-grid .project-featured{display:block;min-height:0}
  .project-story .project-grid .project-screen,.project-story .project-grid .project-featured .project-screen{height:220px;min-height:220px}
  .project-card-body,.project-featured .project-card-body{padding:22px}
  .project-featured .project-card-body h3{font-size:23px!important}
}

/* 149：品牌荣誉改为深色品牌展厅，用主荣誉、资质矩阵与品牌宣言建立层级 */
.honors{
  padding:92px 20px 100px;
  display:block;
  background:
    radial-gradient(circle at 84% 10%,rgba(36,91,117,.42),transparent 31%),
    linear-gradient(140deg,#071f2b 0%,#0b2e38 54%,#0b3540 100%);
  color:#fff;
}
.honor-heading{
  max-width:var(--wrap);
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:minmax(360px,1.2fr) minmax(280px,.8fr) 160px;
  align-items:end;
  gap:48px;
  padding-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.honor-heading>div:first-child>span{color:#d8b35d;font-size:10px;font-weight:800;letter-spacing:3px}
.honor-heading h2{margin:14px 0 0;color:#fff;font-size:40px;line-height:1.2;letter-spacing:-1px}
.honor-heading>p{margin:0;color:rgba(255,255,255,.55);font-size:11px;line-height:1.9}
.honor-count{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}
.honor-count b{color:#e4bd63;font-size:64px;line-height:.82;font-family:Georgia,serif;font-weight:400}
.honor-count span{color:rgba(255,255,255,.68);font-size:9px;line-height:1.55;letter-spacing:1px}
.honor-mosaic{
  max-width:var(--wrap);
  margin:auto;
  display:grid;
  grid-template-columns:1.25fr repeat(3,1fr);
  grid-template-rows:220px 220px;
  gap:12px;
}
.honor-mosaic figure{
  position:relative;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  background:#fff;
}
.honor-mosaic figure::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.honor-mosaic figure>img{width:100%;height:142px;display:block;object-fit:cover;transition:transform .35s ease}
.honor-mosaic figure:hover>img{transform:scale(1.035)}
.honor-mosaic figure>figcaption{padding:13px 15px 14px;color:#12352e}
.honor-mosaic figcaption small{display:block;margin-bottom:6px;color:#9b7a32;font-size:7px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.honor-mosaic figcaption b{display:block;font-size:11px;line-height:1.35}
.honor-mosaic figcaption span{display:block;margin-top:4px;color:#8a9692;font-size:7px}
.honor-featured{grid-row:1 / span 2}
.honor-mosaic .honor-featured>img{height:100%;object-position:center}
.honor-featured::before{content:"";position:absolute;z-index:1;inset:35% 0 0;background:linear-gradient(0deg,rgba(3,22,28,.96),rgba(3,22,28,.05))}
.honor-mosaic .honor-featured>figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px;color:#fff}
.honor-featured figcaption small{color:#e0ba63}
.honor-featured figcaption h3{margin:0;font-size:25px}
.honor-featured figcaption p{margin:8px 0 0;color:rgba(255,255,255,.62);font-size:9px}
.honor-seal{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(145deg,#d9ae52,#f1d484);
  color:#173129;
}
.honor-seal i{margin-bottom:auto;font-size:8px;font-style:normal;font-weight:800;letter-spacing:2px}
.honor-seal b{font-size:18px;line-height:1.45}
.honor-seal span{margin-top:10px;font-size:8px;line-height:1.65;color:rgba(23,49,41,.67)}
@media(max-width:1050px){
  .honor-heading{grid-template-columns:1fr 1fr}.honor-count{display:none}
  .honor-mosaic{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(3,210px)}
  .honor-featured{grid-row:1 / span 2}.honor-seal{grid-column:1}.honor-mosaic figure>img{height:132px}
}
@media(max-width:760px){
  .honors{padding:68px 18px 76px}
  .honor-heading{display:block;margin-bottom:22px;padding-bottom:22px}
  .honor-heading h2{font-size:31px}.honor-heading>p{margin-top:14px}
  .honor-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:9px}
  .honor-featured{grid-column:1 / -1;grid-row:auto;height:330px}
  .honor-mosaic figure{min-width:0}.honor-mosaic figure>img{height:118px}
  .honor-mosaic .honor-featured>img{height:100%}
  .honor-mosaic figure>figcaption{padding:11px 12px 13px}.honor-mosaic figcaption b{font-size:10px}
  .honor-seal{grid-column:1 / -1;min-height:170px}
}

/* 150：导师区采用学科带头人 + 带教方法 + 专业导师的编辑式主次布局 */
.people{
  padding:92px 20px 100px;
  background:linear-gradient(180deg,#fff 0%,#f3f6f4 100%);
}
.people .people-head{
  max-width:var(--wrap);
  margin:0 auto 34px;
  padding:0 0 28px;
  display:grid;
  grid-template-columns:minmax(430px,1.2fr) minmax(300px,.8fr);
  align-items:end;
  gap:64px;
  text-align:left;
  border-bottom:1px solid #dce5e1;
}
.people .people-head>div{display:block}
.people .people-head p{display:flex;align-items:center;gap:12px;margin:0;color:#16835a;font-size:10px;line-height:1;letter-spacing:3px;font-weight:800}
.people .people-head p::before{content:"";width:28px;height:1px;background:#dda83d}
.people .people-head p::after{display:none}
.people .people-head h2{margin:15px 0 0;color:#123d31;font-size:40px;line-height:1.2;letter-spacing:-1px;text-align:left}
.people .people-head>span{color:#7a8984;font-size:11px;line-height:1.9;text-align:left}
.mentor-showcase{
  max-width:var(--wrap);
  height:610px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:16px;
}
.mentor-showcase figure{position:relative;margin:0;overflow:hidden;background:#dfe8e4}
.mentor-showcase img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.mentor-showcase figure:hover img{transform:scale(1.025)}
.mentor-lead::after,.mentor-specialists figure::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(5,34,29,.94),rgba(5,34,29,0))}
.mentor-lead figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px;color:#fff}
.mentor-lead figcaption small,.mentor-specialists figcaption small{display:block;margin-bottom:8px;color:#e6bd62;font-size:8px;font-weight:800;letter-spacing:2px}
.mentor-lead figcaption h3{margin:0;font-size:31px}.mentor-lead figcaption p{margin:7px 0 17px;color:rgba(255,255,255,.66);font-size:10px}
.mentor-lead figcaption>div{display:flex;gap:6px;flex-wrap:wrap}.mentor-lead figcaption span{padding:7px 10px;border:1px solid rgba(255,255,255,.22);font-size:8px;color:rgba(255,255,255,.78)}
.mentor-side{display:grid;grid-template-rows:225px 1fr;gap:16px}
.mentor-method{padding:28px 30px;display:grid;grid-template-columns:1fr 1.28fr;column-gap:28px;align-items:end;background:linear-gradient(135deg,#112f4f,#0d4260);color:#fff}
.mentor-method>small{grid-column:1 / -1;align-self:start;color:#74d4bd;font-size:8px;font-weight:800;letter-spacing:2px}
.mentor-method h3{margin:0;font-size:24px;line-height:1.35}
.mentor-method>div{display:grid;gap:9px}.mentor-method>div span{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.72);font-size:9px}.mentor-method>div b{display:inline-block;width:27px;color:#e3b85b;font-size:8px}
.mentor-specialists{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0}
.mentor-specialists figure::after{inset:42% 0 0}
.mentor-specialists figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px;color:#fff}
.mentor-specialists figcaption b{display:block;font-size:18px}.mentor-specialists figcaption span{display:block;margin-top:6px;color:#b9d9d0;font-size:8px}.mentor-specialists figcaption p{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.58);font-size:8px}
@media(max-width:980px){
  .mentor-showcase{height:auto;grid-template-columns:1fr}.mentor-lead{height:560px}.mentor-side{grid-template-rows:225px 390px}
}
@media(max-width:760px){
  .people{padding:68px 18px 76px}
  .people .people-head{display:block;margin-bottom:22px;padding-bottom:22px}
  .people .people-head h2{font-size:31px}.people .people-head>span{display:block;margin-top:14px}
  .mentor-showcase{display:block}.mentor-lead{height:470px}
  .mentor-lead figcaption{padding:24px}.mentor-lead figcaption h3{font-size:27px}
  .mentor-side{display:block}.mentor-method{margin-top:12px;padding:24px;display:block}.mentor-method h3{margin:14px 0 20px;font-size:22px}
  .mentor-specialists{margin-top:12px;display:grid;grid-template-columns:1fr;gap:12px}
  .mentor-specialists figure{height:380px}
}

/* 153：统一首页主要板块的上下留白，保持连续一致的页面节奏 */
.class-board,.results,.project-story,.people,.honors,.campuses{
  padding-top:44px;
  padding-bottom:44px;
}
.results-heading,.project-story .project-head,.people .people-head,.honor-heading,.campus-head{
  margin-bottom:24px;
}
@media(max-width:760px){
  .class-board,.results,.project-story,.people,.honors,.campuses{
    padding-top:32px;
    padding-bottom:32px;
  }
  .results-heading,.project-story .project-head,.people .people-head,.honor-heading,.campus-head{
    margin-bottom:20px;
  }
}

/* 154：导师团队与品牌荣誉之间增加可见的独立过渡间距 */
.honors{margin-top:24px}
@media(max-width:760px){
  .honors{margin-top:16px}
}

/* 156：顶部信息与主导航透明悬浮于 Banner 之上 */
@media(min-width:761px){
  .utility-bar{
    position:absolute;
    z-index:72;
    top:0;
    left:0;
    right:0;
    background:rgba(3,31,25,.22);
    border-bottom:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.72);
  }
  .utility-bar b,.utility-bar a:hover{color:#fff}
  .brand-row{
    position:absolute;
    z-index:71;
    top:34px;
    left:0;
    right:0;
    background:linear-gradient(180deg,rgba(3,31,25,.34),rgba(3,31,25,.08));
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .topbar{
    position:absolute;
    z-index:70;
    top:128px;
    left:0;
    right:0;
    width:100%;
    background:rgba(3,31,25,.14);
    color:#fff;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.18);
    box-shadow:none;
    backdrop-filter:blur(5px);
  }
  .topbar nav a{color:rgba(255,255,255,.9)}
  .topbar nav a.active{color:#fff}
  .topbar nav a::after{background:var(--gold)}
  .topbar nav a:hover{background:rgba(255,255,255,.08);color:#fff}
  .hero{height:618px}
}
@media(max-width:760px){
  .topbar{
    position:absolute;
    z-index:70;
    top:0;
    left:0;
    right:0;
    width:100%;
    background:linear-gradient(180deg,rgba(3,31,25,.62),rgba(3,31,25,.08));
    border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:none;
  }
  .topbar nav.open{
    background:rgba(7,63,51,.96);
    backdrop-filter:blur(12px);
  }
}

/* 157：Logo、主导航与咨询入口合并为同一行，移除精品课程目录 */
@media(min-width:761px){
  .brand-row{display:none!important}
  .topbar{
    top:34px;
    height:94px;
    padding:0 max(calc((100vw - 1320px)/2),24px);
    display:flex;
    align-items:center;
    gap:18px;
    background:linear-gradient(180deg,rgba(3,31,25,.38),rgba(3,31,25,.1));
    border-top:0;
    border-bottom:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(5px);
  }
  .topbar>.brand{
    display:block;
    width:184px;
    flex:0 0 184px;
  }
  .topbar nav{
    width:auto;
    margin-left:auto;
    flex:1;
    justify-content:center;
    gap:0;
  }
  .topbar nav a{
    flex:0 1 auto;
    padding:0 12px;
    color:rgba(255,255,255,.92);
    font-size:12px;
    white-space:nowrap;
  }
  .topbar nav a::after{left:12px;right:12px}
  .topbar>.phone{
    display:flex;
    margin-left:0;
    flex:0 0 auto;
  }
  .topbar>.nav-cta{
    display:block;
    margin-left:0;
    flex:0 0 auto;
  }
  .course-mega-panel{display:none!important}
  .hero{height:560px}
}
@media(min-width:761px) and (max-width:1180px){
  .topbar{padding:0 18px;gap:12px}
  .topbar>.brand{width:156px;flex-basis:156px}
  .topbar nav a{padding:0 7px;font-size:10px}
  .topbar nav a::after{left:7px;right:7px}
  .topbar>.phone{display:none}
}

/* 158：紧凑单行导航；Banner 只保留课程视觉，不叠加文案 */
@media(min-width:761px){
  .topbar{
    top:34px;
    height:74px;
    gap:20px;
    background:rgba(4,76,59,.93);
    border-bottom:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(8px);
  }
  .topbar>.brand{width:176px;flex-basis:176px}
  .topbar nav{justify-content:space-between}
  .topbar nav a{
    height:74px;
    padding:0 10px;
    font-size:12px;
  }
  .topbar nav a::after{left:10px;right:10px}
  .topbar>.phone{display:none}
  .topbar>.nav-cta{height:40px;padding:0 18px}
  .hero-content{display:none!important}
}
@media(min-width:761px) and (max-width:1180px){
  .topbar{gap:12px}
  .topbar>.brand{width:150px;flex-basis:150px}
  .topbar nav a{padding:0 6px;font-size:10px}
  .topbar nav a::after{left:6px;right:6px}
  .topbar>.nav-cta{padding:0 12px;font-size:10px}
}
@media(max-width:760px){
  .hero{height:360px}
  .hero-image{height:100%;object-position:center}
  .hero-shade{display:none}
  .hero-content{display:none!important}
  .hero-facts{display:none}
}

/* 159：顶部还原为白色信息条＋深绿单行主导航，Banner 位于导航下方 */
@media(min-width:761px){
  .utility-bar{
    position:relative;
    z-index:72;
    top:auto;
    background:#f4f6f5;
    border-bottom:1px solid #e4eae7;
    color:#7b8984;
  }
  .utility-bar b{color:#16835a}
  .topbar{
    position:relative;
    z-index:70;
    top:auto;
    left:auto;
    right:auto;
    height:82px;
    padding:0 max(calc((100vw - 1320px)/2),28px);
    background:#004f3d;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
  }
  .topbar>.brand{width:188px;flex-basis:188px}
  .topbar nav a{height:82px;font-size:13px}
  .topbar>.nav-cta{height:44px;padding:0 20px}
  .hero{height:520px}
}
@media(min-width:761px) and (max-width:1180px){
  .topbar{padding:0 18px}
  .topbar>.brand{width:158px;flex-basis:158px}
  .topbar nav a{font-size:10px;padding:0 6px}
}

/* 160：主导航半透明悬浮并覆盖 Banner 顶部 */
@media(min-width:761px){
  .topbar{
    position:absolute;
    z-index:70;
    top:34px;
    left:0;
    right:0;
    width:100%;
    background:rgba(0,79,61,.72);
    border-bottom:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(8px);
  }
  .hero{margin-top:0}
}

/* 161：导航完全透明，Logo 与试听按钮向页面两侧展开 */
@media(min-width:761px){
  .topbar{
    padding-left:max(calc((100vw - 1400px)/2),20px);
    padding-right:max(calc((100vw - 1400px)/2),20px);
    background:transparent;
    border-bottom:0;
    backdrop-filter:none;
  }
  .topbar nav a{
    text-shadow:0 1px 10px rgba(0,24,20,.72);
  }
  .topbar>.brand{
    margin-left:0;
  }
  .topbar>.nav-cta{
    margin-right:0;
  }
}

/* 162：主导航菜单整体靠右，紧邻预约试听按钮 */
@media(min-width:761px){
  .topbar nav{
    width:auto;
    flex:0 1 auto;
    margin-left:auto;
    justify-content:flex-end;
    gap:4px;
  }
  .topbar nav a{
    flex:0 0 auto;
    padding-left:11px;
    padding-right:11px;
  }
  .topbar>.nav-cta{margin-left:12px}
}

/* 163：Logo 与试听按钮继续向页面左右边缘展开 */
@media(min-width:761px){
  .topbar{
    padding-left:max(calc((100vw - 1424px)/2),8px);
    padding-right:max(calc((100vw - 1424px)/2),8px);
  }
}

/* 164：按整页参考图设置头部两侧安全边距 */
@media(min-width:761px){
  .topbar{
    padding-left:max(calc((100vw - 1368px)/2),36px);
    padding-right:max(calc((100vw - 1368px)/2),36px);
  }
}

/* 165：修正方向，Logo 与试听按钮向左右边缘展开 */
@media(min-width:761px){
  .topbar{
    padding-left:max(calc((100vw - 1424px)/2),8px);
    padding-right:max(calc((100vw - 1424px)/2),8px);
  }
}

/* 166：补偿 Logo PNG 自带的透明留白，使可见图形距左侧约 8px */
@media(min-width:761px){
  .topbar{
    padding-left:1px;
    padding-right:8px;
  }
}

/* 167：企业官网标准——顶部内容限制在 1440px 居中容器内 */
@media(min-width:761px){
  .topbar{
    padding-left:max(24px,calc((100vw - 1440px)/2));
    padding-right:max(24px,calc((100vw - 1440px)/2));
  }
}

/* 168：桌面端导航相对视口真居中，并提升字号与字重 */
@media(min-width:1440px){
  .topbar nav{
    position:absolute;
    top:0;
    left:50%;
    width:auto;
    height:82px;
    margin:0;
    transform:translateX(-50%);
    justify-content:center;
    gap:8px;
  }
  .topbar nav a{
    height:82px;
    flex:0 0 auto;
    padding-right:12px;
    padding-left:12px;
    font-size:15px;
    font-weight:700;
    letter-spacing:.1px;
  }
  .topbar nav a::after{
    right:12px;
    left:12px;
  }
  .topbar>.nav-cta{margin-left:auto}
}

/* 169：导航在 Logo 与预约按钮之间的实际可用区域内视觉居中 */
@media(min-width:1440px){
  .topbar nav{
    position:static;
    top:auto;
    left:auto;
    width:auto;
    height:82px;
    margin:0;
    transform:none;
    flex:1 1 auto;
    justify-content:center;
  }
  .topbar>.nav-cta{margin-left:0}
}

/* 170：兼容 Retina/高分屏的 CSS 视口，菜单严格按页面中线居中 */
@media(min-width:1181px){
  .topbar nav{
    position:absolute;
    top:0;
    left:50%;
    width:max-content;
    height:82px;
    margin:0;
    transform:translateX(-50%);
    flex:0 0 auto;
    justify-content:center;
    gap:8px;
  }
  .topbar nav a{
    height:82px;
    flex:0 0 auto;
    padding-right:12px;
    padding-left:12px;
    font-size:15px;
    font-weight:700;
    letter-spacing:.1px;
  }
  .topbar>.nav-cta{margin-left:auto}
}

/* 171：完整响应式头部——宽屏、紧凑桌面、平板/手机三档适配 */
@media(min-width:1320px){
  .topbar nav{
    position:absolute;
    top:0;
    left:50%;
    width:max-content;
    height:82px;
    margin:0;
    transform:translateX(-50%);
    flex:0 0 auto;
    justify-content:center;
    gap:8px;
  }
  .topbar nav a{
    height:82px;
    padding-right:12px;
    padding-left:12px;
    font-size:15px;
  }
}

@media(min-width:1025px) and (max-width:1319px){
  .topbar{
    padding-right:18px;
    padding-left:18px;
  }
  .topbar>.brand{
    width:156px;
    flex-basis:156px;
  }
  .topbar nav{
    position:absolute;
    top:0;
    left:50%;
    width:max-content;
    height:82px;
    margin:0;
    transform:translateX(-50%);
    flex:0 0 auto;
    justify-content:center;
    gap:0;
  }
  .topbar nav a{
    height:82px;
    padding-right:6px;
    padding-left:6px;
    font-size:12px;
    font-weight:700;
    letter-spacing:0;
  }
  .topbar nav a::after{
    right:6px;
    left:6px;
  }
  .topbar>.nav-cta{
    width:78px;
    height:44px;
    margin-left:auto;
    padding:0 10px;
    font-size:11px;
  }
}

@media(min-width:761px) and (max-width:1024px){
  .utility-bar{display:none}
  .topbar{
    top:0;
    height:68px;
    padding:0 18px;
  }
  .topbar>.brand{
    width:150px;
    flex-basis:150px;
  }
  .topbar nav{
    display:none;
    position:absolute;
    top:68px;
    right:0;
    left:0;
    width:100%;
    height:auto;
    margin:0;
    padding:6px 18px 16px;
    transform:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:rgba(3,42,32,.97);
    box-shadow:0 18px 40px rgba(0,22,17,.24);
    backdrop-filter:blur(12px);
  }
  .topbar nav.open{display:flex}
  .topbar nav a{
    width:100%;
    height:auto;
    padding:13px 4px;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:14px;
  }
  .topbar nav a::after{display:none}
  .topbar>.phone,
  .topbar>.nav-cta{display:none}
  .menu-toggle{
    display:block;
    margin-left:auto;
  }
}

/* 172：顶部信息栏与主导航使用同一响应式左右基线 */
@media(min-width:1025px){
  .utility-bar>div{
    width:100%;
    max-width:none;
    padding-right:max(24px,calc((100vw - 1440px)/2));
    padding-left:max(24px,calc((100vw - 1440px)/2));
    gap:0;
    justify-content:space-between;
  }
  .utility-left,
  .utility-right,
  .utility-account{
    display:flex;
    align-items:center;
  }
  .utility-left{gap:24px}
  .utility-left p{margin:0}
  .utility-right{
    margin-left:auto;
    gap:24px;
  }
  .utility-account{
    gap:6px;
    margin-left:2px;
    padding-left:16px;
    border-left:1px solid #d6dedb;
  }
  .utility-account a{
    color:#315c4e;
    font-weight:700;
  }
  .utility-account a:last-child{color:#16835a}
  .utility-account i{color:#aab7b2}
}

@media(min-width:1025px) and (max-width:1319px){
  .utility-bar>div{
    padding-right:18px;
    padding-left:18px;
  }
  .utility-left{gap:16px}
  .utility-right{gap:16px}
  .utility-account{padding-left:12px}
}

/* 174：稳定吸顶——离开首屏顶部后始终固定显示 */
.utility-bar,
.topbar{
  transition:transform .28s ease,background-color .28s ease,box-shadow .28s ease;
  will-change:transform;
}

body.header-fixed .utility-bar{
  position:fixed;
  z-index:92;
  top:0;
  right:0;
  left:0;
  width:100%;
}

body.header-fixed .topbar{
  position:fixed;
  z-index:91;
  top:34px;
  right:0;
  left:0;
  width:100%;
  background:rgba(3,42,32,.94);
  box-shadow:0 12px 34px rgba(0,25,19,.18);
  backdrop-filter:blur(14px);
}

@media(max-width:1024px){
  body.header-fixed .topbar{top:0}
}

/* 175：开班版块与顶部 1440px 容器共用左右基线 */
@media(min-width:761px){
  .class-board{
    padding-right:0;
    padding-left:0;
  }
}

@media(min-width:1320px){
  .class-heading,
  .booking-activity,
  .booking-course-tabs,
  .booking-course-panel,
  .class-note{
    width:min(1440px,calc(100% - 48px));
    max-width:none;
  }
  .booking-course-panel{
    grid-template-columns:clamp(330px,24vw,360px) minmax(0,1fr)!important;
  }
  .booking-course-panel::before{
    left:clamp(330px,24vw,360px);
  }
}

@media(min-width:761px) and (max-width:1319px){
  .class-heading,
  .booking-activity,
  .booking-course-tabs,
  .booking-course-panel,
  .class-note{
    width:calc(100% - 36px);
    max-width:none;
  }
}

/* 176：固定头部下的锚点标题保持完整可见 */
html{scroll-padding-top:116px}
section[id]{scroll-margin-top:116px}
@media(max-width:1024px){
  html{scroll-padding-top:68px}
  section[id]{scroll-margin-top:68px}
}

/* 177：校区筛选全部展开，不再隐藏在下拉框中 */
.booking-schedule-head{
  min-height:118px;
  align-items:flex-start;
  gap:28px;
}
.booking-schedule-head>div:first-child{
  flex:0 0 235px;
  padding-top:5px;
}
.booking-city-filter{
  flex:1 1 auto;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:12px;
}
.booking-city-filter>span{
  padding-top:8px;
  color:#718096;
  font-size:9px;
  white-space:nowrap;
}
#bookingCityButtons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
#bookingCityButtons button{
  height:30px;
  min-width:44px;
  padding:0 10px;
  border:1px solid #d7e0eb;
  border-radius:5px;
  background:#fff;
  color:#607086;
  font-size:9px;
  font-weight:750;
  transition:.18s ease;
}
#bookingCityButtons button:hover{
  border-color:#83bba7;
  color:#16835a;
}
#bookingCityButtons button.active{
  border-color:#16835a;
  background:#16835a;
  color:#fff;
  box-shadow:0 5px 12px rgba(22,131,90,.16);
}

@media(max-width:1050px){
  .booking-schedule-head{display:block}
  .booking-schedule-head>div:first-child{
    padding-top:0;
    margin-bottom:14px;
  }
  .booking-city-filter{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
  }
  #bookingCityButtons{justify-content:flex-start}
}

/* 212 FINAL — cinema geometry must win the cascade */
.brand-film-stage{position:relative!important;display:block!important;width:min(1440px,100%)!important;min-height:0!important;height:auto!important;aspect-ratio:8/3!important}
.brand-film-feature{position:relative!important;width:66.6667%!important;height:100%!important;min-width:0!important;aspect-ratio:auto!important;overflow:hidden}
.brand-film-media{position:absolute!important;inset:0!important;min-height:0!important;aspect-ratio:auto!important}
.brand-film-caption{bottom:76px!important}
.brand-film-meta{position:absolute!important;z-index:4;right:0;bottom:0;left:0;height:52px!important;background:linear-gradient(180deg,rgba(3,31,25,.58),rgba(3,31,25,.9));backdrop-filter:blur(10px)}
.brand-film-media>video{display:block;width:100%;height:100%;object-fit:cover;background:#032f24}
.brand-film-list{position:absolute!important;top:0;right:0;bottom:0;left:auto;width:33.3333%!important;display:grid!important;grid-template-rows:repeat(5,minmax(0,1fr));overflow:hidden}
.brand-film-list>button{min-height:0!important;height:auto!important;padding:8px 14px!important;grid-template-columns:22px 112px minmax(0,1fr) 54px!important;gap:11px!important}
.brand-film-list .brand-film-thumb{height:auto!important;aspect-ratio:16/9}
.brand-film-list small{font-size:9px}
.brand-film-list b{margin:5px 0 4px;font-size:13px}
.brand-film-list p{font-size:9px}
.brand-film-list>button::after{content:"播放";grid-column:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.62);font-size:8px;letter-spacing:1px;transition:.2s}
.brand-film-list>button:hover::after{border-color:#77d3ae;color:#77d3ae;transform:translateX(2px)}
.brand-film-list>button.active::after{content:"播放中";border-color:rgba(216,173,85,.7);color:var(--gold)}
@media(min-width:1025px) and (min-height:700px){
  .brand-film-meta{height:48px!important}
  .brand-film-caption{bottom:70px!important}
}

/* 299 — 荣誉区浅色背景的文字对比修正。 */
.honors .honor-count{
  align-items:center;
  gap:14px;
}
.honors .honor-count b{
  color:#d8aa45;
  font-size:68px;
  line-height:.9;
  text-shadow:0 8px 22px rgba(196,145,42,.12);
}
.honors .honor-count span{
  color:#48665d;
  font-size:11px;
  font-weight:700;
  line-height:1.65;
  letter-spacing:1px;
  white-space:nowrap;
}
.honors .honor-philosophy{
  right:26px;
  bottom:13px;
  padding:9px 13px 9px 16px;
  border-left:2px solid #d8aa45;
  border-radius:2px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 22px rgba(20,59,49,.06);
  text-align:left;
}
.honors .honor-philosophy b{
  color:#173f35;
  font-size:12px;
  line-height:1.45;
}
.honors .honor-philosophy span{
  margin-top:4px;
  color:#6f827b;
  font-size:8px;
  line-height:1.55;
}
.honors .honor-pagination button{background:rgba(20,59,49,.2)}
.honors .honor-pagination button.active{background:#d8aa45}
@media(max-width:760px){
  .brand-film-stage{display:flex!important;height:auto!important;aspect-ratio:auto!important}
  .brand-film-feature{width:100%!important;height:auto!important;aspect-ratio:16/9!important}
  .brand-film-meta{height:44px!important}
  .brand-film-caption{bottom:58px!important}
  .brand-film-list{position:static!important;width:auto!important;display:flex!important;overflow-x:auto}
  .brand-film-list>button{grid-template-columns:20px 90px minmax(0,1fr)!important;gap:9px!important}
  .brand-film-list>button::after{display:none}
}

/* 299 FINAL — 浅色荣誉展厅的文字对比必须最终覆盖旧深色规则。 */
.honors .honor-count{align-items:center;gap:14px}
.honors .honor-count b{color:#d8aa45;font-size:68px;line-height:.9;text-shadow:0 8px 22px rgba(196,145,42,.12)}
.honors .honor-count span{color:#48665d;font-size:11px;font-weight:700;line-height:1.65;letter-spacing:1px;white-space:nowrap}
.honors .honor-philosophy{right:26px;bottom:13px;padding:9px 13px 9px 16px;border-left:2px solid #d8aa45;border-radius:2px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(20,59,49,.06);text-align:left}
.honors .honor-philosophy b{color:#173f35;font-size:12px;line-height:1.45}
.honors .honor-philosophy span{margin-top:4px;color:#6f827b;font-size:8px;line-height:1.55}
.honors .honor-pagination button{background:rgba(20,59,49,.2)}
.honors .honor-pagination button.active{background:#d8aa45}

/* 285 — internal module palette aligned to the #16835A brand system */
.utility-bar a{color:#16835a}
.utility-bar .utility-signup{background:#16835a;color:#fff}

.mentor-grid-note--method,
.mentor-grid-note--delivery{background:#16835a}

.screen-java{
  background:radial-gradient(circle at 80% 10%,rgba(119,211,174,.28),transparent 36%),#16835a!important;
}
.screen-java span{color:#cde9dd}
.screen-java i,
.project-java-chart i{background:linear-gradient(180deg,#77d3ae,#2aa878)!important}

.class-board{
  background:
    radial-gradient(circle at 82% 12%,rgba(119,211,174,.16),transparent 25%),
    linear-gradient(rgba(22,131,90,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,131,90,.055) 1px,transparent 1px),
    #f3f8f6;
}
.booking-course-tabs{border-color:#b9dfcd}
.booking-course-tabs button{border-color:#cfe4da!important}
.booking-course-tabs button:hover{background:#edf7f3!important}
.booking-course-tabs button.active{background:#edf7f3!important}
.booking-course-tabs button.active b{color:#16835a}
.booking-course-tabs button.active::after{background:#16835a}
.booking-course-panel{border-color:#b9dfcd;box-shadow:0 30px 70px rgba(22,131,90,.12)}
.booking-course-summary{background:#16835a}
.booking-course-summary::before{
  background:
    linear-gradient(rgba(119,211,174,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,211,174,.18) 1px,transparent 1px);
}
.booking-course-visual::after{background:linear-gradient(180deg,rgba(22,131,90,.08),rgba(8,72,51,.92))}
.booking-course-visual>span{border-color:rgba(119,211,174,.8);background:rgba(10,88,61,.7)}
.booking-summary-stat b{color:#d7f1e5;text-shadow:0 0 25px rgba(119,211,174,.16)}
.booking-course-detail .booking-advantages span{border-color:#cfe4da;background:#f6faf8}
.booking-course-detail .booking-advantages span:first-child{border-color:#b9dfcd;background:#edf7f3;color:#16835a}
.booking-course-detail .booking-advantages span:first-child::before{border-color:#16835a;background:#16835a}
.booking-path span{border-color:#b9dfcd;background:#edf7f3;color:#16835a}
.booking-class-title{border-color:#b9dfcd!important;background:linear-gradient(90deg,#edf7f3,#f8fcfa)}
.booking-register{border-color:#16835a;background:#16835a}
.booking-register>label,.booking-register>div{background:transparent;border-color:rgba(255,255,255,.24)}
.booking-register>label select{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.1)}
@media(max-width:760px){
  .booking-course-tabs button.active{background:#edf7f3!important}
}

/* 251 LAST — 学生作品顶部选项卡，固定压过历史规则 */
.project-story .project-category{min-height:86px;margin:0 auto!important;border:1px solid #16835a!important;border-bottom:0!important;background:#16835a!important;box-shadow:none!important}
.project-story .project-category::before{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 42%,rgba(36,167,119,.08))!important}
.project-story .project-category button{padding:0 34px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:15px!important;border-right:0!important;background:rgba(255,255,255,.018);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,22px 50%)}
.project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}
.project-story .project-category button:hover{background:rgba(255,255,255,.055)}
.project-story .project-category button.active{background:linear-gradient(110deg,#16835a,#16835a);color:#fff}
.project-story .project-category button>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(224,180,79,.58);color:#e0b44f;transform:skewX(-7deg)}
.project-story .project-category button.active>i{background:#e0b44f;color:#16835a}
.project-story .project-category button::after{right:34px!important;left:34px!important;height:4px!important}
.project-story .project-grid{margin:0 auto!important;border-top-color:#16835a!important;box-shadow:0 26px 70px rgba(7,65,49,.12)!important}
@media(min-width:761px){
  .project-story .project-grid article.is-selected>.project-screen{width:58%!important;min-width:58%!important;max-width:58%!important;flex:0 0 58%!important}
  .project-story .project-grid article.is-selected>.project-card-body{width:42%!important;min-width:42%!important;max-width:42%!important;flex:0 0 42%!important;padding:46px 48px!important}
}
@media(max-width:760px){
  .project-story .project-category{min-height:68px;display:flex!important;overflow-x:auto!important;scrollbar-width:none}
  .project-story .project-category button{flex:0 0 210px!important;padding:0 17px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
  .project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
  .project-story .project-category button>i{width:28px;height:28px}
  .project-story .project-category button::after{right:17px!important;left:17px!important}
}

/* 251 CASCADE LOCK — 顶部项目选项卡与 58/42 项目档案 */
.project-story .project-category{min-height:86px;margin:0 auto!important;border:1px solid #16835a!important;border-bottom:0!important;background:#16835a!important;box-shadow:none!important}
.project-story .project-category::before{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 42%,rgba(36,167,119,.08))!important}
.project-story .project-category button{padding:0 34px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:15px!important;border-right:0!important;background:rgba(255,255,255,.018);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,22px 50%);transition:background-color .24s ease,color .24s ease}
.project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}
.project-story .project-category button:hover{background:rgba(255,255,255,.055)}
.project-story .project-category button.active{background:linear-gradient(110deg,#16835a,#16835a);color:#fff}
.project-story .project-category button>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(224,180,79,.58);color:#e0b44f;transform:skewX(-7deg)}
.project-story .project-category button.active>i{background:#e0b44f;color:#16835a}
.project-story .project-category button b{font-size:13px}
.project-story .project-category button small{margin-top:6px;font-size:8px}
.project-story .project-category button::after{right:34px!important;left:34px!important;height:4px!important}
.project-story .project-grid{margin:0 auto!important;border-top-color:#16835a!important;box-shadow:0 26px 70px rgba(7,65,49,.12)!important}
@media(min-width:761px){
  .project-story .project-grid article.is-selected>.project-screen{width:58%!important;min-width:58%!important;max-width:58%!important;flex:0 0 58%!important}
  .project-story .project-grid article.is-selected>.project-card-body{width:42%!important;min-width:42%!important;max-width:42%!important;flex:0 0 42%!important;padding:46px 48px!important}
}
@media(max-width:760px){
  .project-story .project-category{margin:0 auto!important;min-height:68px;display:flex!important;overflow-x:auto!important;border-bottom:0!important;scrollbar-width:none}
  .project-story .project-category::-webkit-scrollbar{display:none}
  .project-story .project-category button{flex:0 0 210px!important;padding:0 17px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
  .project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
  .project-story .project-category button>i{width:28px;height:28px}
  .project-story .project-category button b{font-size:10px}
  .project-story .project-category button::after{right:17px!important;left:17px!important}
}

/* 250 FINAL — 学生作品：顶部项目索引 + 固定项目档案舞台 */
.project-story .project-category{
  min-height:86px;
  margin:0 auto!important;
  border:1px solid #16835a;
  border-bottom:0;
  background:#16835a;
  box-shadow:none;
}
.project-story .project-category::before{
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 42%,rgba(36,167,119,.08));
}
.project-story .project-category button{
  padding:0 34px;
  grid-template-columns:38px minmax(0,1fr);
  gap:15px;
  border-right:0;
  background:rgba(255,255,255,.018);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,22px 50%);
  transition:background-color .24s ease,color .24s ease;
}
.project-story .project-category button:first-child{
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%);
}
.project-story .project-category button:hover{background:rgba(255,255,255,.055)}
.project-story .project-category button.active{background:linear-gradient(110deg,#16835a,#16835a);color:#fff}
.project-story .project-category button>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(224,180,79,.58);
  color:#e0b44f;
  transform:skewX(-7deg);
}
.project-story .project-category button.active>i{background:#e0b44f;color:#16835a}
.project-story .project-category button b{font-size:13px}
.project-story .project-category button small{margin-top:6px;font-size:8px}
.project-story .project-category button::after{right:34px;left:34px;height:4px}
.project-story .project-grid{
  margin:0 auto;
  border-top-color:#16835a;
  box-shadow:0 26px 70px rgba(7,65,49,.12);
}
@media(min-width:761px){
  .project-story .project-grid article.is-selected>.project-screen{
    width:58%!important;
    min-width:58%!important;
    max-width:58%!important;
    flex:0 0 58%!important;
  }
  .project-story .project-grid article.is-selected>.project-card-body{
    width:42%!important;
    min-width:42%!important;
    max-width:42%!important;
    flex:0 0 42%!important;
    padding:46px 48px!important;
  }
}
@media(max-width:760px){
  .project-story .project-category{margin:0 auto!important;min-height:68px;display:flex;overflow-x:auto;border-bottom:0;scrollbar-width:none}
  .project-story .project-category::-webkit-scrollbar{display:none}
  .project-story .project-category button{flex:0 0 210px;padding:0 17px;grid-template-columns:30px minmax(0,1fr);gap:9px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
  .project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
  .project-story .project-category button>i{width:28px;height:28px}
  .project-story .project-category button b{font-size:10px}
  .project-story .project-category button::after{right:17px;left:17px}
}

/* 229 FINAL — 左侧主导师，右侧两行三列 */
.mentor-showcase{
  height:610px;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:14px;
}
.mentor-side{display:block;min-width:0}
.mentor-specialists{
  height:100%;
  margin:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mentor-specialists figure{height:auto;min-width:0;min-height:0}
.mentor-specialists figure::after{inset:34% 0 0}
.mentor-specialists figcaption{padding:18px 17px}
.mentor-specialists figcaption small{margin-bottom:6px;font-size:7px;letter-spacing:1.4px}
.mentor-specialists figcaption b{font-size:16px;line-height:1.25}
.mentor-specialists figcaption span{margin-top:5px;font-size:7px;white-space:nowrap}
.mentor-specialists figcaption p{margin-top:8px;padding-top:8px;font-size:7px;white-space:nowrap}
.mentor-grid-note{
  min-width:0;
  min-height:0;
  padding:23px 20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  position:relative;
  color:#fff;
}
.mentor-grid-note::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 16%,rgba(116,212,189,.18),transparent 34%)}
.mentor-grid-note>*{position:relative;z-index:1}
.mentor-grid-note>small{margin-bottom:auto;color:#78d8c0;font-size:7px;font-weight:800;letter-spacing:1.5px}
.mentor-grid-note h3{margin:0;font-size:20px;line-height:1.25}
.mentor-grid-note p{margin:8px 0 15px;color:rgba(255,255,255,.62);font-size:8px;line-height:1.65}
.mentor-grid-note--method{background:linear-gradient(145deg,#0d3b51,#10526a)}
.mentor-grid-note--method>div{display:flex;gap:5px;flex-wrap:wrap}
.mentor-grid-note--method span{padding:6px 7px;border:1px solid rgba(255,255,255,.16);font-size:7px;color:rgba(255,255,255,.78)}
.mentor-grid-note--delivery{background:linear-gradient(145deg,#064b39,#087356)}
.mentor-grid-note--delivery>div{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px 7px}
.mentor-grid-note--delivery b{color:#e6bd62;font-size:7px}
.mentor-grid-note--delivery span{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.13);font-size:8px;color:rgba(255,255,255,.76)}
@media(max-width:980px){
  .mentor-showcase{height:auto;grid-template-columns:1fr}
  .mentor-lead{height:520px}
  .mentor-specialists{height:620px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mentor-lead{height:460px}
  .mentor-side{margin-top:12px}
  .mentor-specialists{height:auto;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px}
  .mentor-specialists figure,.mentor-grid-note{height:280px}
  .mentor-specialists figcaption{padding:15px 13px}
  .mentor-specialists figcaption p{white-space:normal}
}
@media(max-width:520px){
  .mentor-specialists{grid-template-columns:1fr}
  .mentor-specialists figure,.mentor-grid-note{height:340px}
}

/* 222 FINAL — 全国校区与影像纪实、学生作品共用 1440px 外框基准 */
@media(min-width:761px){
  .campuses{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .campuses .campus-head,
  .campuses>.campus-tabs,
  .campuses .campus-body{
    box-sizing:border-box;
    width:100%!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* 223 FINAL — 品牌荣誉改为疏朗的 3D 自动轮播 */
.honors{display:block!important;padding:58px 24px 48px!important;background:#f5f4ef!important;color:#143b31;overflow:hidden;scroll-margin-top:116px}
.honor-heading{width:100%!important;max-width:1440px!important;margin:0 auto 18px!important;padding-bottom:18px!important}
.honors .honor-heading{border-bottom-color:#d6e1dc!important}
.honors .honor-heading h2{color:#143b31}
.honors .honor-heading>p{color:#74877f}
.honor-carousel{position:relative;width:100%;max-width:1440px;height:500px;margin:0 auto;overflow:hidden;outline:none;perspective:1200px}
.honor-track{position:absolute;inset:0 72px 62px;overflow:visible}
.honor-track figure{position:absolute;top:50%;left:50%;z-index:1;width:440px;height:350px;margin:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:3px;background:#fff;box-shadow:0 28px 70px rgba(0,18,21,.36);opacity:var(--honor-opacity,0);transform:translate(calc(-50% + var(--honor-x,0px)),-50%) scale(var(--honor-scale,.3));transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease;cursor:pointer;pointer-events:auto;will-change:transform,opacity}
.honor-track figure.is-active{opacity:1;filter:none;cursor:default}
.honor-track figure.is-stack{filter:saturate(.68) brightness(.76)}
.honor-track figure img{display:block;width:100%;height:238px;flex:0 0 238px;object-fit:cover;background:#f1f4f2}
.honor-track figcaption{min-height:112px;padding:17px 22px 18px;color:#15352f;background:#fff}
.honor-track figcaption small{display:block;margin-bottom:8px;color:#98772d;font-size:8px;font-weight:800;letter-spacing:1.5px}
.honor-track figcaption h3{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.3px}
.honor-track figcaption p{margin:8px 0 0;color:#8a9692;font-size:9px;line-height:1.5}
.honor-arrow{position:absolute;top:46%;z-index:6;width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(3,31,32,.58);color:#fff;font-size:18px;backdrop-filter:blur(10px);transition:.2s;cursor:pointer}
.honor-arrow:hover{border-color:#e1bb61;background:#e1bb61;color:#12372f}.honor-prev{left:20px}.honor-next{right:20px}
.honor-pagination{position:absolute;right:0;bottom:26px;left:0;z-index:6;display:flex;justify-content:center;gap:9px}
.honor-pagination button{width:20px;height:3px;padding:0;border:0;background:rgba(255,255,255,.22);transition:.25s;cursor:pointer}.honor-pagination button.active{width:44px;background:#e1bb61}
.honor-philosophy{position:absolute;right:26px;bottom:16px;z-index:5;margin:0;text-align:right}.honor-philosophy b{display:block;color:#fff;font-size:10px}.honor-philosophy span{display:block;margin-top:5px;color:rgba(255,255,255,.48);font-size:7px}
@media(max-width:760px){
  .honors{padding:48px 18px 38px!important}.honor-heading{margin-bottom:8px!important}.honor-carousel{height:430px}.honor-track{inset:0 0 62px}.honor-track figure{left:50%;width:min(78vw,330px);height:300px}.honor-track figure.is-stack{opacity:0!important;pointer-events:none}.honor-track figure.is-stack[data-distance="1"]{opacity:var(--honor-opacity)!important;pointer-events:auto}.honor-track figure.is-stack[data-distance="1"][data-side="left"]{transform:translate(calc(-50% - 150px),-50%) scale(.62)}.honor-track figure.is-stack[data-distance="1"][data-side="right"]{transform:translate(calc(-50% + 150px),-50%) scale(.62)}
  .honor-track figure img{height:195px;flex-basis:195px}.honor-track figcaption{min-height:105px;padding:14px 17px}.honor-track figcaption h3{font-size:17px}.honor-arrow{top:45%;width:40px;height:40px}.honor-prev{left:0}.honor-next{right:0}.honor-philosophy{display:none}.honor-pagination{bottom:22px}
}

/* 215 FINAL — 学生作品底部选项卡最终覆盖 */
.project-story .project-category{position:relative;width:100%;max-width:var(--wrap);min-height:76px;margin:14px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(105deg,#16835a,#16835a 58%,#16835a);box-shadow:0 16px 36px rgba(5,56,43,.14)}
.project-story .project-category::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0,rgba(36,167,119,.18),transparent 38%)}
.project-story .project-category button{position:relative;z-index:1;min-width:0;padding:0 24px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;text-align:left;cursor:pointer}
.project-story .project-category button:last-child{border-right:0}
.project-story .project-category button::after{content:"";position:absolute;right:24px;bottom:0;left:24px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.project-story .project-category button:hover{background:rgba(255,255,255,.035)}
.project-story .project-category button.active::after{transform:scaleX(1)}
.project-story .project-category button>i{color:var(--gold);font-size:9px;font-style:normal;font-weight:850}
.project-story .project-category button>span{display:block;min-width:0;height:auto;padding:0;justify-content:initial;color:inherit}
.project-story .project-category button b{display:block;overflow:hidden;color:#fff;font-size:12px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.project-story .project-category button small{display:block;margin-top:5px;overflow:hidden;color:rgba(255,255,255,.52);font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.project-story .project-grid article{transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease}
.project-story .project-grid article.is-selected{box-shadow:0 17px 42px rgba(8,76,57,.14)}
@media(max-width:760px){
  .project-story .project-category{width:100%;min-height:70px;margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;gap:0;padding:0}
  .project-story .project-category button{width:100%;padding:0 9px;grid-template-columns:18px minmax(0,1fr);gap:5px}
  .project-story .project-category button::after{right:9px;left:9px}
  .project-story .project-category button>i{font-size:8px}
  .project-story .project-category button b{font-size:10px}
  .project-story .project-category button small{margin-top:4px;font-size:6.5px}
}

/* 215：学生作品筛选改为底部课程式选项卡，与首页 Banner 导航统一 */
.project-story .project-category{
  position:relative;
  max-width:var(--wrap);
  min-height:76px;
  margin:14px auto 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(105deg,#16835a,#16835a 58%,#16835a);
  box-shadow:0 16px 36px rgba(5,56,43,.14);
}
.project-story .project-category::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 70% 0,rgba(36,167,119,.18),transparent 38%);
}
.project-story .project-category button{
  position:relative;
  z-index:1;
  min-width:0;
  padding:0 24px;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:0;
  border-right:1px solid rgba(255,255,255,.12);
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.project-story .project-category button:last-child{border-right:0}
.project-story .project-category button::after{
  content:"";
  position:absolute;
  right:24px;
  bottom:0;
  left:24px;
  height:3px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .24s ease;
}
.project-story .project-category button:hover{background:rgba(255,255,255,.035)}
.project-story .project-category button.active::after{transform:scaleX(1)}
.project-story .project-category button>i{
  color:var(--gold);
  font-size:9px;
  font-style:normal;
  font-weight:850;
}
.project-story .project-category button>span{display:block;min-width:0}
.project-story .project-category button b{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.project-story .project-category button small{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:rgba(255,255,255,.52);
  font-size:8px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.project-story .project-grid article{transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease}
.project-story .project-grid article.is-selected{box-shadow:0 17px 42px rgba(8,76,57,.14)}
@media(max-width:760px){
  .project-story .project-category{
    min-height:70px;
    margin-top:12px;
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .project-story .project-category::-webkit-scrollbar{display:none}
  .project-story .project-category button{flex:0 0 220px;padding:0 18px;grid-template-columns:24px minmax(0,1fr);gap:9px}
  .project-story .project-category button::after{right:18px;left:18px}
}

/* 210 final cascade: keep the entire player itself at 16:9 */
.brand-film-stage{position:relative;display:block;min-height:0;height:auto;aspect-ratio:64/27}
.brand-film-feature{position:relative;width:75%;height:100%;aspect-ratio:auto;overflow:hidden}
.brand-film-media{position:absolute;inset:0;min-height:0;aspect-ratio:auto}
.brand-film-caption{bottom:76px}
.brand-film-meta{position:absolute;z-index:4;right:0;bottom:0;left:0;height:52px;background:linear-gradient(180deg,rgba(3,31,25,.58),rgba(3,31,25,.9));backdrop-filter:blur(10px)}
.brand-film-list{position:absolute;top:0;right:0;bottom:0;width:25%;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));overflow:hidden}
.brand-film-list>button{min-height:0;height:auto;padding:8px 12px;grid-template-columns:20px 82px minmax(0,1fr);gap:9px}
.brand-film-list .brand-film-thumb{height:auto;aspect-ratio:16/9}
.brand-film-list b{margin:4px 0 3px;font-size:11px}
@media(min-width:1025px) and (min-height:700px){
  .brand-film-stage{width:min(1230px,calc(100% - 48px));height:auto;aspect-ratio:64/27}
  .brand-film-feature{width:75%;height:100%;aspect-ratio:auto}
  .brand-film-media{min-height:0}
  .brand-film-meta{height:48px}
  .brand-film-caption{bottom:70px}
  .brand-film-list>button{min-height:0;padding:9px 13px;grid-template-columns:20px 82px minmax(0,1fr);gap:9px}
  .brand-film-thumb{height:auto;aspect-ratio:16/9}
}
@media(max-width:760px){
  .brand-film-stage{display:flex;height:auto;aspect-ratio:auto}
  .brand-film-feature{width:100%;height:auto;aspect-ratio:16/9}
  .brand-film-meta{height:44px}
  .brand-film-caption{bottom:58px}
  .brand-film-list{position:static;width:auto;display:flex;overflow-x:auto}
}

/* 199：按客户指定参考图还原全国校区，仅替换为品牌绿色 */
.campuses{
  display:block;
  min-height:0;
  padding:32px 24px 38px;
  background:#fff;
}
.campuses .campus-head{
  display:block;
  max-width:1200px;
  margin:0 auto 16px;
  padding:0;
  border:0;
  text-align:center;
}
.campuses .campus-head p{
  margin-bottom:6px;
  color:#16835a;
  font-size:9px;
  font-weight:800;
  letter-spacing:3px;
}
.campuses .campus-head h2{
  margin:0;
  color:#101c19;
  font-size:34px;
  line-height:1.2;
}
.campuses .campus-head>span{
  display:block;
  margin-top:8px;
  color:#89948f;
  font-size:11px;
  line-height:1.6;
}
.campuses>.campus-tabs{
  display:grid;
  grid-template-columns:repeat(14,minmax(54px,1fr));
  gap:0;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  border:0;
  border-bottom:1px solid #dfe7e3;
}
.campuses>.campus-tabs button{
  position:relative;
  height:43px;
  min-width:0;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#18211e;
  font-size:12px;
  font-weight:750;
  transition:.2s ease;
}
.campuses>.campus-tabs button::after{
  content:"";
  position:absolute;
  right:7px;
  bottom:-1px;
  left:7px;
  height:3px;
  background:#16835a;
  transform:scaleX(0);
  transition:.2s ease;
}
.campuses>.campus-tabs button:hover,
.campuses>.campus-tabs button.active{color:#16835a;background:transparent;box-shadow:none}
.campuses>.campus-tabs button.active::after{transform:scaleX(1)}
.campuses .campus-body{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr);
  gap:34px;
  width:100%;
  max-width:1200px;
  height:480px;
  min-height:0;
  margin:20px auto 0;
  border:0;
}
.campus-reference-map{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#fff;
}
.campus-map-coordinate-layer{
  position:absolute;
  top:50%;
  left:50%;
  width:min(100%,562.8px);
  aspect-ratio:464.3/396;
  transform:translate(-50%,-50%);
}
.campus-map-coordinate-layer object{
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
}
.campus-reference-map .campus-map-pin{
  position:absolute;
  z-index:3;
  left:var(--x);
  top:var(--y);
  width:20px;
  height:20px;
  padding:0;
  border:0;
  background:transparent;
  transform:translate(-50%,-50%);
  transition:.2s ease;
}
.campus-reference-map .campus-map-pin::before{
  content:"";
  position:absolute;
  inset:3px;
  border:3px solid #fff;
  border-radius:50% 50% 50% 0;
  background:radial-gradient(circle at 50% 50%,#fff 0 2px,transparent 2.5px),#075642;
  box-shadow:0 1px 5px rgba(0,47,35,.32);
  transform:rotate(-45deg);
  transition:.2s ease;
}
.campus-reference-map .campus-map-pin::after{
  content:attr(data-city);
  position:absolute;
  left:calc(100% + 2px);
  top:50%;
  padding:0;
  border:0;
  background:transparent;
  color:#17312a;
  font-size:10px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  opacity:1;
  transform:translateY(-50%);
  pointer-events:none;
}
.campus-reference-map .campus-map-pin:hover,
.campus-reference-map .campus-map-pin.active{
  z-index:5;
  transform:translate(-50%,-50%) scale(1.08);
}
.campus-reference-map .campus-map-pin:hover::before,
.campus-reference-map .campus-map-pin.active::before{inset:1px;background:radial-gradient(circle at 50% 50%,#fff 0 2.5px,transparent 3px),#16835a;box-shadow:0 0 0 5px rgba(22,131,90,.16),0 2px 8px rgba(0,47,35,.28)}
.campus-reference-map .campus-map-pin.active::after{color:#16835a;font-size:11px}
.campus-reference-map .campus-map-pin[data-city="南京"]::after{right:calc(100% + 3px);left:auto;top:-3px;transform:none}
.campus-reference-map .campus-map-pin[data-city="合肥"]::after{right:calc(100% + 3px);left:auto;top:calc(100% - 1px);transform:none}
.campus-reference-map .campus-map-pin[data-city="上海"]::after{top:-3px;transform:none}
.campus-reference-map .campus-map-pin[data-city="杭州"]::after{top:calc(100% - 1px);transform:none}
.campus-reference-map .campus-map-pin[data-city="广州"]::after{right:calc(100% + 3px);left:auto;transform:translateY(-50%)}
.campus-reference-map .campus-map-pin[data-city="深圳"]::after{top:calc(100% - 1px);transform:none}
.campus-reference-card{
  min-width:0;
  height:100%;
  padding:27px 29px;
  border:1px solid #edf1ef;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 28px rgba(14,57,44,.1);
}
.campus-reference-card>h2{
  margin:0 0 15px;
  color:#16835a;
  font-size:24px;
  line-height:1;
}
.campus-reference-card>figure{
  height:188px;
  margin:0 0 22px;
  overflow:hidden;
  background:#e9f3ef;
}
.campus-reference-card>figure img{display:block;width:100%;height:100%;object-fit:cover}
.campus-reference-card>figure figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.campus-reference-info{display:grid;gap:16px}
.campus-reference-info>div{
  display:grid;
  grid-template-columns:25px 78px minmax(0,1fr);
  align-items:center;
  min-width:0;
}
.campus-reference-info i{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#16835a;
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:850;
}
.campus-reference-info b{color:#18211e;font-size:14px}
.campus-reference-info button{
  width:max-content;
  padding:0;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  color:#16835a;
  font-size:14px;
  font-weight:750;
}
.campus-reference-info a{color:#111;font-size:21px;font-weight:700}
.campus-reference-info .is-address{align-items:start}
.campus-reference-info address{min-height:0;color:#64716c;font-size:11px;line-height:1.7}
@media(max-width:1000px){
  .campuses .campus-body{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:20px}
  .campuses>.campus-tabs{overflow-x:auto;grid-template-columns:repeat(14,72px);scrollbar-width:none}
  .campuses>.campus-tabs::-webkit-scrollbar{display:none}
}
@media(max-width:760px){
  .campuses{padding:56px 18px 64px}
  .campuses .campus-head{margin-bottom:16px}
  .campuses .campus-head h2{font-size:31px}
  .campuses .campus-head>span{font-size:10px}
  .campuses>.campus-tabs{display:flex;overflow-x:auto;margin:0 -18px;padding:0 18px}
  .campuses>.campus-tabs{flex-wrap:nowrap}
  .campuses>.campus-tabs button{flex:0 0 62px;height:42px}
  .campuses .campus-body{display:block;height:auto;margin-top:18px}
  .campus-reference-map{display:none}
  .campus-reference-card{height:auto;padding:22px 18px}
  .campus-reference-card>figure{height:auto;aspect-ratio:16/9;margin-bottom:22px}
  .campus-reference-info>div{grid-template-columns:25px 72px minmax(0,1fr)}
  .campus-reference-info button{font-size:12px}
  .campus-reference-info a{font-size:18px}
}

/* 200：就业案例改为无图片、无卡片的“满天星辰”文字星图 */
.results{
  padding:42px 24px 38px;
  overflow:hidden;
  background:#031f19;
  color:#fff;
}
.results .results-heading{
  display:grid;
  grid-template-columns:180px minmax(0,1fr) 330px;
  align-items:end;
  gap:28px;
  max-width:1200px;
  margin:0 auto 22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.results .results-heading p{
  color:#74d7b1;
  font-size:9px;
  font-weight:850;
  letter-spacing:2px;
}
.results .results-heading h2{
  margin:0;
  color:#fff;
  font-size:31px;
  line-height:1.2;
}
.results .results-heading>span{
  color:rgba(255,255,255,.52);
  font-size:10px;
  line-height:1.7;
}
.employment-universe{
  position:relative;
  width:100%;
  max-width:1200px;
  height:500px;
  margin:0 auto;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 20%,rgba(102,223,177,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 23% 69%,rgba(255,255,255,.6) 0 1px,transparent 2px),
    radial-gradient(circle at 37% 29%,rgba(216,173,85,.75) 0 1px,transparent 2px),
    radial-gradient(circle at 55% 82%,rgba(255,255,255,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 24%,rgba(102,223,177,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 92% 56%,rgba(255,255,255,.7) 0 1px,transparent 2px),
    radial-gradient(ellipse at center,rgba(15,104,78,.28),transparent 67%);
}
.employment-universe::before,
.employment-universe::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.34;
  background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.3px);
  background-size:67px 61px;
  animation:employmentTwinkle 4.8s ease-in-out infinite alternate;
}
.employment-universe::after{opacity:.18;background-size:103px 89px;background-position:31px 17px;animation-duration:7.2s;animation-direction:alternate-reverse}
.employment-orbit{position:absolute;z-index:-1;border:1px solid rgba(116,215,177,.1);border-radius:50%;pointer-events:none}
.orbit-one{width:530px;height:220px;left:28%;top:27%;animation:employmentOrbitOne 28s linear infinite}
.orbit-two{width:860px;height:350px;left:15%;top:15%;animation:employmentOrbitTwo 42s linear infinite reverse}
.employment-star{
  position:absolute;
  z-index:2;
  left:var(--x);
  top:var(--y);
  width:168px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#fff;
  outline:0;
  --drift-x:0px;
  --drift-y:0px;
  --star-scale:1;
  transform:translate(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y)));
  scale:var(--star-scale);
  transform-origin:center;
  transition:opacity .25s ease,filter .25s ease,scale .25s ease;
  will-change:transform;
}
.employment-star::before{
  content:"";
  position:absolute;
  left:-11px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#6ce0b2;
  box-shadow:0 0 0 5px rgba(108,224,178,.09),0 0 15px rgba(108,224,178,.72);
}
.employment-star.size-lg{width:184px}
.employment-star.size-sm{width:155px;opacity:.78}
.employment-logo{
  flex:0 0 auto;
  color:#fff;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  font-size:18px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.7px;
  white-space:nowrap;
  text-shadow:0 0 18px rgba(255,255,255,.18);
}
.employment-star>div{flex:1}
.size-lg .employment-logo{font-size:21px}.size-sm .employment-logo{font-size:15px}
.logo-tencent,.logo-alibaba{color:#54b8ff}.logo-huawei,.logo-jd,.logo-xiaomi{color:#ff685d}.logo-baidu{color:#76a7ff}.logo-byd{color:#ff7065}.logo-bytedance{color:#fff}.logo-meituan{color:#ffd84d}.logo-haier{color:#77aaff}.logo-netease{color:#f36d61}.logo-lenovo{color:#ff5f59}.logo-hikvision{color:#e7f1ed}.logo-didi{color:#ff8b4d}
.employment-star>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;row-gap:3px}
.employment-star b{color:#fff;font-size:12px;white-space:nowrap}
.employment-star em{overflow:hidden;color:rgba(255,255,255,.62);font-size:9px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.employment-star strong{grid-column:1;color:#66e0af;font-size:16px;line-height:1}
.employment-star small{grid-column:2;color:rgba(255,255,255,.44);font-size:8px;white-space:nowrap}
.employment-star:hover,
.employment-star:focus-visible{
  z-index:8;
  --star-scale:1.2;
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.38));
}
.employment-star:hover .employment-logo,
.employment-star:focus-visible .employment-logo{filter:brightness(1.2)}
.employment-universe:has(.employment-star:hover) .employment-star:not(:hover){opacity:.38}
.employment-center{
  position:absolute;
  z-index:1;
  left:50%;
  top:54%;
  width:190px;
  padding:24px 20px;
  text-align:center;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.employment-center::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(14,111,82,.78),rgba(4,42,33,.16) 68%,transparent 70%);filter:blur(1px)}
.employment-center small{color:#d8ad55;font-size:8px;font-weight:850;letter-spacing:3px}
.employment-center b{display:block;margin:8px 0 7px;color:#fff;font-size:19px;line-height:1.35}
.employment-center span{color:rgba(255,255,255,.42);font-size:8px}
.results .result-note{max-width:1200px;margin:11px auto 0;color:rgba(255,255,255,.36);font-size:8px}
@keyframes employmentTwinkle{from{opacity:.18}to{opacity:.52}}
@keyframes employmentOrbitOne{from{transform:rotate(-9deg)}to{transform:rotate(351deg)}}
@keyframes employmentOrbitTwo{from{transform:rotate(11deg)}to{transform:rotate(371deg)}}
@media(prefers-reduced-motion:reduce){.employment-universe::before,.employment-universe::after,.employment-orbit{animation:none}}
@media(max-width:900px){
  .results .results-heading{grid-template-columns:140px 1fr}.results .results-heading>span{grid-column:1/-1}
  .employment-universe{height:560px}
  .employment-star{width:148px}.employment-star.size-lg{width:160px}.employment-star.size-sm{width:140px}
  .employment-logo{font-size:15px}.size-lg .employment-logo{font-size:17px}
}
@media(max-width:760px){
  .results{padding:54px 18px 60px}
  .results .results-heading{display:block;margin-bottom:18px;padding-bottom:16px}
  .results .results-heading p{margin-bottom:10px}
  .results .results-heading h2{font-size:28px}
  .results .results-heading>span{display:block;margin-top:12px}
  .employment-universe{
    height:auto;
    padding:18px 0 10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:26px 12px;
    overflow:visible;
  }
  .employment-star,.employment-star.size-lg,.employment-star.size-sm{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    min-width:0;
    opacity:1;
    transform:none;
    animation:none;
  }
  .employment-star:hover,.employment-star:focus-visible{transform:scale(1.06)}
  .employment-star:nth-of-type(3n){transform:translateY(8px)}
  .employment-star:nth-of-type(3n):hover{transform:translateY(8px) scale(1.06)}
  .employment-logo,.size-lg .employment-logo,.size-sm .employment-logo{font-size:14px}
  .employment-star>div{column-gap:5px}.employment-star em{font-size:7px}.employment-star small{display:none}
  .employment-center,.employment-orbit{display:none}
  .results .result-note{margin-top:24px;line-height:1.7}
}

/* 204：克制的企业级就业数据星图 */
.results{
  background:#f5f4ef;
  color:#143b31;
}
.results .results-heading{border-bottom-color:#d6e1dc}
.results .results-heading p{color:#16835a}
.results .results-heading h2{color:#143b31}
.results .results-heading>span{color:#74877f}
.employment-universe{
  border:1px solid rgba(22,131,90,.22);
  box-shadow:0 30px 70px rgba(5,45,35,.14);
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,rgba(22,131,90,.28),transparent 48%),
    #062d24;
  background-size:80px 80px,80px 80px,auto;
}
.employment-universe::before{opacity:.16;animation-duration:8s}
.employment-universe::after{opacity:.08;animation-duration:11s}
.employment-universe canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.employment-orbit{display:none}
.employment-universe .employment-star{z-index:2;opacity:.82}
.employment-universe .employment-star.size-sm{opacity:.66}
.employment-universe .employment-logo{
  color:#eaf3ef!important;
  font-size:17px;
  letter-spacing:-.35px;
  text-shadow:none;
  filter:none;
}
.employment-universe .size-lg .employment-logo{font-size:19px}
.employment-universe .size-sm .employment-logo{font-size:15px}
.employment-star::before{width:3px;height:3px;left:-9px;background:#83e7bf;box-shadow:0 0 0 4px rgba(131,231,191,.055)}
.employment-star b{font-weight:750}
.employment-star em{color:rgba(235,245,241,.46)}
.employment-star strong{color:#8ce7c2;font-size:17px;font-weight:750}
.employment-star small{color:rgba(235,245,241,.3)}
.employment-star:hover,.employment-star:focus-visible{opacity:1;filter:drop-shadow(0 10px 22px rgba(0,0,0,.48))}
.employment-universe:has(.employment-star:hover) .employment-star:not(:hover){opacity:.28}
.employment-center{width:240px;padding:0;background:transparent}
.employment-center::before{display:none}
.employment-center small{color:rgba(140,231,194,.58);font-size:7px;letter-spacing:2px}
.employment-center b{margin:7px 0 5px;font-size:18px;font-weight:650;letter-spacing:2px}
.employment-center span{font-size:7px;letter-spacing:1px}
.results .result-note{color:#82928c}
@media(max-width:760px){
  .employment-universe{background:none}
  .employment-universe canvas{display:none}
  .employment-universe .employment-star,
  .employment-universe .employment-star.size-sm,
  .employment-universe:has(.employment-star:hover) .employment-star:not(:hover){opacity:1}
  .employment-universe .employment-star{padding-left:10px;transform:none!important;filter:none!important}
  .employment-universe .employment-logo,.employment-universe .size-lg .employment-logo,.employment-universe .size-sm .employment-logo{font-size:14px}
}

/* 181：保留视频内容形态，升级为电影式主舞台与连续编号片单 */
.brand-film{
  padding:90px 24px 100px;
  overflow:hidden;
  background:#f5f4ef;
  color:#143b31;
}
.brand-film-head{
  width:min(1440px,calc(100% - 0px));margin:0 auto 32px;
  display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:end;gap:70px;
}
.brand-film-head>div:first-child>p{display:flex;align-items:center;gap:12px;color:#16835a;font-size:10px;font-weight:850;letter-spacing:3px}
.brand-film-head>div:first-child>p::before{content:"";width:30px;height:2px;background:var(--gold)}
.brand-film-head h2{margin-top:16px;font-size:42px;line-height:1.2;letter-spacing:-1px}
.brand-film-intro{padding-left:28px;border-left:1px solid #ccd9d4}
.brand-film-intro>span{display:block;color:#74877f;font-size:11px;line-height:1.9}
.brand-film-intro>div{display:flex;align-items:center;gap:18px;margin-top:22px}
.brand-film-intro b{display:flex;align-items:baseline;gap:4px;font-size:28px;color:#143b31}.brand-film-intro small{font-size:9px;color:#16835a}.brand-film-intro i{width:1px;height:24px;background:#ccd9d4}
.brand-film-categories{width:min(1440px,100%);margin:0 auto 18px;display:flex;gap:7px;padding-bottom:18px;border-bottom:1px solid #d6e1dc}
.brand-film-categories button{height:34px;padding:0 17px;border:1px solid #c9d8d2;border-radius:18px;background:transparent;color:#60736b;font-size:9px;transition:.22s}
.brand-film-categories button:hover{border-color:#16835a;color:#16835a}.brand-film-categories button.active{border-color:#16835a;background:#16835a;color:#fff;font-weight:850}
.brand-film-stage{width:min(1440px,100%);min-height:650px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;background:#061f1b;border:1px solid rgba(255,255,255,.15);box-shadow:0 34px 80px rgba(0,18,14,.32)}
.brand-film-feature{min-width:0;display:flex;flex-direction:column}
.brand-film-media{position:relative;min-height:590px;flex:1;overflow:hidden;background:#032f24}
.brand-film-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .65s ease}
.brand-film-media:hover>img{transform:scale(1.018)}
.brand-film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,25,20,.05) 24%,rgba(1,25,20,.22) 52%,rgba(1,25,20,.94) 100%)}
.brand-film-media::before{content:"HANMA / FILM";position:absolute;z-index:2;left:28px;top:25px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.85);font-size:8px;letter-spacing:2px}
.brand-film-play{position:absolute;z-index:3;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:11px;border:0;background:transparent;color:#fff}
.brand-film-play>span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);box-shadow:0 0 0 12px rgba(255,255,255,.12);transition:.25s}
.brand-film-play>span::after{content:"";margin-left:5px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--green)}
.brand-film-play>b{font-size:9px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.brand-film-play:hover>span{transform:scale(1.08);box-shadow:0 0 0 16px rgba(255,255,255,.12)}
.brand-film-play.is-ready>span{background:var(--gold)}.brand-film-play.is-ready>span::after{border-left-color:var(--green-deep)}
.brand-film-duration{position:absolute;z-index:2;right:26px;top:25px;padding:7px 10px;background:rgba(3,35,28,.62);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;backdrop-filter:blur(6px)}
.brand-film-caption{position:absolute;z-index:2;left:34px;right:34px;bottom:30px;max-width:700px}
.brand-film-caption small{color:#7be0b6;font-size:9px;font-weight:850;letter-spacing:2px}.brand-film-caption h3{margin:10px 0 9px;font-size:30px}.brand-film-caption p{max-width:620px;color:rgba(255,255,255,.68);font-size:10px;line-height:1.8}
.brand-film-meta{height:60px;padding:0 26px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);font-size:8px;letter-spacing:1px}
.brand-film-meta>span{display:flex;align-items:center;gap:8px;color:#78d8b1;font-weight:800}.brand-film-meta>span i{width:6px;height:6px;border-radius:50%;background:#42d99d;box-shadow:0 0 0 5px rgba(66,217,157,.12)}.brand-film-meta>b{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.brand-film-list{min-width:0;border-left:1px solid rgba(255,255,255,.15);background:rgba(5,37,30,.86);overflow:auto;scrollbar-width:thin;scrollbar-color:#2d715b transparent}
.brand-film-list>button{position:relative;width:100%;min-height:130px;padding:16px 19px;display:grid;grid-template-columns:26px 112px minmax(0,1fr);align-items:center;gap:13px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;transition:.2s}
.brand-film-list>button:last-child{border-bottom:0}.brand-film-list>button:hover{background:rgba(255,255,255,.05)}.brand-film-list>button.active{background:linear-gradient(90deg,rgba(38,174,127,.22),rgba(255,255,255,.05))}.brand-film-list>button.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}
.brand-film-list>button>em{align-self:start;padding-top:3px;color:rgba(255,255,255,.38);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.brand-film-list>button.active>em{color:var(--gold)}
.brand-film-thumb{position:relative;height:78px;overflow:hidden;background:#0c4235}.brand-film-thumb img{height:100%;object-fit:cover}.brand-film-thumb>i{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(1,31,24,.38))}
.brand-film-list>button>span:nth-of-type(2){min-width:0}.brand-film-list small{display:block;color:#70c9a5;font-size:8px;letter-spacing:1px}.brand-film-list b{display:block;margin:8px 0 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-film-list p{color:rgba(255,255,255,.45);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-film-list>button>i:last-child{color:rgba(255,255,255,.4);font-size:13px}.brand-film-list>button.active>i:last-child{color:var(--gold)}
@media(max-width:1050px){
  .brand-film-head{grid-template-columns:1fr 360px;gap:35px}.brand-film-stage{min-height:0;grid-template-columns:minmax(0,1fr) 300px}.brand-film-list>button{grid-template-columns:22px 76px minmax(0,1fr);gap:10px}.brand-film-list>button>i:last-child{display:none}.brand-film-media{min-height:0;aspect-ratio:16/9;flex:0 0 auto}
}
@media(max-width:760px){
  .brand-film{padding:68px 18px 76px}.brand-film-head{display:block;margin-bottom:26px}.brand-film-head h2{font-size:30px;margin-top:13px}.brand-film-head h2 br{display:none}.brand-film-intro{margin-top:18px;padding:0;border:0}.brand-film-intro>div{margin-top:16px}.brand-film-categories{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.brand-film-categories::-webkit-scrollbar{display:none}.brand-film-categories button{flex:0 0 auto}
  .brand-film-stage{display:flex;min-height:0;flex-direction:column;background:transparent;border:0;box-shadow:none}.brand-film-feature{background:#061f1b;border:1px solid rgba(255,255,255,.15)}.brand-film-media{min-height:0;aspect-ratio:16/9}.brand-film-media::before{left:16px;top:16px}.brand-film-duration{right:16px;top:16px}.brand-film-play>span{width:60px;height:60px}.brand-film-caption{left:20px;right:20px;bottom:22px}.brand-film-caption h3{font-size:23px}.brand-film-caption p{display:none}.brand-film-meta{height:52px;padding:0 16px;grid-template-columns:1fr auto}.brand-film-meta p{display:none}
  .brand-film-list{display:flex;margin-top:14px;border:0;overflow-x:auto;gap:10px;background:transparent;scroll-snap-type:x mandatory}.brand-film-list>button{flex:0 0 84%;min-height:114px;padding:12px;grid-template-columns:20px 90px minmax(0,1fr);border:1px solid rgba(255,255,255,.15);background:rgba(5,37,30,.85);scroll-snap-align:start}.brand-film-list>button.active{border-color:rgba(119,211,174,.65)}
}
@media(prefers-reduced-motion:reduce){.brand-film-media>img,.brand-film-play>span{transition:none}}

/* 210：主影院严格 16:9，状态栏改为画面内悬浮 */
.brand-film-stage{min-height:0;align-items:stretch}
.brand-film-feature{position:relative;aspect-ratio:16/9;overflow:hidden}
.brand-film-media{position:absolute;inset:0;min-height:0}
.brand-film-caption{bottom:76px}
.brand-film-meta{
  position:absolute;
  z-index:4;
  right:0;
  bottom:0;
  left:0;
  height:52px;
  border-top:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(3,31,25,.58),rgba(3,31,25,.9));
  backdrop-filter:blur(10px);
}
.brand-film-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));overflow:hidden}
.brand-film-list>button{min-height:0;height:auto}

@media(min-width:1025px) and (min-height:700px){
  .brand-film-stage{
    width:min(1230px,calc(100% - 48px));
    height:auto;
    grid-template-columns:minmax(0,1fr) clamp(270px,25vw,330px);
  }
  .brand-film-media{min-height:0}
  .brand-film-meta{height:48px}
  .brand-film-caption{bottom:70px}
  .brand-film-list>button{min-height:0;padding:9px 13px;grid-template-columns:20px 82px minmax(0,1fr);gap:9px}
  .brand-film-thumb{height:auto;aspect-ratio:16/9}
}

@media(max-width:760px){
  .brand-film-feature{aspect-ratio:16/9}
  .brand-film-meta{height:44px}
  .brand-film-caption{bottom:58px}
  .brand-film-list{display:flex;overflow-x:auto}
}

/* 184：桌面端按一屏一版块组织，基准为 2560×1600（约 1280×800 CSS 视口） */
@media(min-width:1025px) and (min-height:700px){
  .hero,
  .class-board,.results,.project-story,.people,.brand-film,.honors,.campuses{
    min-height:calc(100svh - 116px);
    box-sizing:border-box;
  }
  .hero{height:calc(100svh - 94px);max-height:820px}
  .class-board,.results,.project-story,.people,.honors,.campuses{padding-top:24px;padding-bottom:24px}
  .results-heading,.project-story .project-head,.people .people-head,.honor-heading,.campus-head{margin-bottom:14px}

  /* 开班信息量最大，表格在版块内部滚动，信息不裁切 */
  .class-board{height:calc(100svh - 116px);display:flex;flex-direction:column;overflow:hidden}
  .class-heading{margin-bottom:14px}
  .class-heading h2{font-size:32px}
  .booking-activity{min-height:50px;height:50px;margin-bottom:12px}
  .booking-course-tabs{flex:0 0 66px;height:66px;min-height:0;margin-bottom:12px;padding:4px}
  .booking-course-tabs button{height:56px;min-height:0}
  .booking-course-panel{
    flex:0 0 calc(100svh - 398px);
    width:min(1440px,calc(100% - 48px));
    height:calc(100svh - 398px);
    min-height:0!important;
    max-height:522px;
    grid-template-rows:minmax(0,1fr);
    overflow:hidden;
  }
  .booking-course-summary,.booking-course-detail{min-height:0!important;height:100%}
  .booking-course-visual{height:156px}
  .booking-summary-copy{margin-top:-22px;padding:0 18px 7px}
  .booking-summary-copy h3{margin:5px 0 4px;font-size:19px}
  .booking-summary-stat{padding:8px 18px 10px}
  .booking-summary-stat b{font-size:42px}
  .booking-summary-stat>span{font-size:11px}
  .booking-seat-people{margin:7px 0}.booking-seat-people i{width:21px;height:21px}
  .booking-seat-people i::before{top:4px}.booking-seat-people i::after{bottom:4px}
  .booking-schedule{display:flex;flex-direction:column;min-height:0}
  .booking-schedule-head{flex:0 0 auto;min-height:0;padding:11px 18px 10px;gap:8px}
  .booking-schedule-head>div:first-child{padding-top:0}
  .booking-schedule-head>div:first-child small{margin-bottom:4px}
  .booking-city-filter{padding-top:8px!important;gap:10px!important}
  .booking-city-filter>span{padding-top:7px;font-size:11px;font-weight:700}
  #bookingCityButtons{gap:5px}
  #bookingCityButtons button{height:28px;min-width:42px;padding:0 9px;font-size:11px;font-weight:800}
  .booking-schedule-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .booking-list-head{position:sticky;z-index:2;top:0;min-height:36px}
  .booking-list-row{min-height:58px}
  .booking-list-row>button{height:34px}
  .booking-campus{flex:0 0 auto;padding:7px 16px!important}
  .class-note{margin-top:9px}

  /* 就业案例 */
  .results-heading h2{font-size:31px}
  .result-case-tabs{margin-bottom:10px;padding:5px}.result-case-tabs button{height:42px}
  .result-gallery{height:450px;min-height:0;gap:14px}
  .result-main-media{height:360px;padding:14px}
  .result-main figcaption{min-height:90px;padding:14px 20px}
  .result-list-head{height:32px}
  .result-case-list{gap:7px}
  .result-case-list>button{min-height:100px;padding:7px;grid-template-columns:96px minmax(0,1fr) 20px}
  .result-case-list>button>img{width:96px;height:72px}
  .result-note{margin-top:9px}

  /* 学生作品 */
  .project-story .project-head h2{font-size:31px}
  .project-category{margin-bottom:10px;padding:5px}.project-category span{height:32px}
  .project-story .project-grid{height:470px;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
  .project-story .project-grid .project-featured{grid-template-rows:270px minmax(0,1fr)}
  .project-story .project-grid .project-featured .project-screen{min-height:270px}
  .project-story .project-grid .project-screen{min-height:0}
  .project-story .project-grid article>.project-card-body{padding:16px 19px}
  .project-featured .project-card-body{padding:17px 22px 18px}
  .project-card-body>p{margin:7px 0 10px!important;line-height:1.55}
  .project-milestones{margin-bottom:10px}.project-milestones span{padding:5px 8px}

  /* 导师团队 */
  .people .people-head{margin-bottom:14px;padding-bottom:16px}
  .people .people-head h2{font-size:31px;margin-top:10px}
  .people{overflow:hidden}.mentor-showcase{height:490px;min-height:0}
  .mentor-lead,.mentor-side,.mentor-method,.mentor-specialists,.mentor-specialists figure{min-height:0}
  .mentor-lead,.mentor-side,.mentor-specialists figure{overflow:hidden}
  .mentor-side{grid-template-rows:180px 1fr;gap:12px}
  .mentor-method{padding:20px 24px}.mentor-method h3{font-size:20px}
  .mentor-specialists{gap:12px}
  .mentor-lead figcaption{padding:24px}.mentor-lead figcaption h3{font-size:26px}
  .mentor-specialists figcaption{padding:18px}

  /* 视频展映 */
  .brand-film{padding:24px}
  .brand-film-head{margin-bottom:14px;grid-template-columns:minmax(0,1fr) 380px;gap:44px}
  .brand-film-head h2{margin-top:10px;font-size:32px}
  .brand-film-intro>div{margin-top:10px}.brand-film-intro b{font-size:23px}
  .brand-film-categories{margin-bottom:10px;padding-bottom:10px}.brand-film-categories button{height:30px}
  .brand-film-stage{
    min-height:0;
    height:clamp(410px,calc(100svh - 330px),577px);
    width:min(1230px,calc(237.037svh - 919px),calc(100% - 48px));
    grid-template-columns:minmax(0,3fr) minmax(240px,1fr);
  }
  .brand-film-media{min-height:0}
  .brand-film-meta{height:58px}
  .brand-film-list>button{min-height:97px;padding:10px 14px;grid-template-columns:22px 88px minmax(0,1fr);gap:10px}
  .brand-film-thumb{height:64px}.brand-film-list b{margin:5px 0 4px;font-size:11px}

  /* 品牌荣誉与全国校区 */
  .honors{margin-top:0}
  .honor-heading{padding-bottom:16px}.honor-heading h2{font-size:31px;margin-top:10px}.honor-count b{font-size:52px}
  .honor-mosaic{grid-template-rows:220px 220px;gap:10px}
  .campus-head h2{font-size:31px}
  .campus-body{min-height:0;height:526px}
  .campus-visual{min-height:0}
  .campus-body .campus-panel{padding:34px 40px 28px}
  .campus-panel h2{margin:10px 0 8px;font-size:27px}
  .campus-panel address{min-height:38px}
  .campus-tags{margin:8px 0 14px}
  .campus-tabs{padding-top:14px;margin-bottom:16px}
  .campus-contact{padding-top:14px}
}

/* 180：近期开班动态纵向轮播 */
.booking-activity>.booking-ticker{
  display:block;
  height:38px;
  overflow:hidden;
}
.booking-ticker-track{
  display:block;
  height:auto;
  animation:bookingTickerVertical 12s cubic-bezier(.55,0,.2,1) infinite;
  will-change:transform;
}
.booking-ticker-track>span{
  height:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#6b7789;
  font-size:9px;
  white-space:nowrap;
}
.booking-ticker-track b{
  display:block;
  margin:0;
  color:#132844;
  font-size:10px;
}
.booking-activity>.booking-ticker:last-of-type .booking-ticker-track b{color:#f14d3e}
.booking-activity:hover .booking-ticker-track{animation-play-state:paused}
@keyframes bookingTickerVertical{
  0%,18%{transform:translateY(0)}
  25%,43%{transform:translateY(-38px)}
  50%,68%{transform:translateY(-76px)}
  75%,100%{transform:translateY(-114px)}
}
@media(prefers-reduced-motion:reduce){
  .booking-ticker-track{animation:none}
}

@media(max-width:760px){
  .booking-schedule-head{min-height:0}
  .booking-city-filter{display:block}
  .booking-city-filter>span{
    display:block;
    padding:0 0 8px;
  }
  #bookingCityButtons{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  #bookingCityButtons::-webkit-scrollbar{display:none}
  #bookingCityButtons button{flex:0 0 auto}
}

/* 196：全国校区升级为品牌地图 + 校区详情的双区联动 */
.campus-head-note{display:flex;flex-direction:column;gap:13px;color:var(--muted)}
.campus-head-note>span{font-size:11px;line-height:1.7}
.campus-head-note>div{display:flex;align-items:center;gap:13px}
.campus-head-note b{display:flex;align-items:baseline;gap:3px;color:var(--green-deep);font-size:21px;line-height:1}
.campus-head-note small{font-size:8px;color:#81928c}.campus-head-note i{width:1px;height:18px;background:var(--line)}
.campus-map-showcase{position:relative;min-width:0;min-height:570px;overflow:hidden;background:radial-gradient(circle at 72% 58%,rgba(28,177,127,.2),transparent 34%),linear-gradient(145deg,#042f26,#075442);color:#fff}
.campus-map-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:42px 42px}
.campus-map-copy{position:absolute;z-index:3;left:34px;top:29px}.campus-map-copy small{color:#77d3ae;font-size:8px;letter-spacing:2px}.campus-map-copy h3{margin:8px 0 5px;font-size:23px}.campus-map-copy p{color:rgba(255,255,255,.55);font-size:9px}
.campus-map-canvas{position:absolute;z-index:2;left:7%;right:7%;top:18%;bottom:9%}
.campus-map-shape{position:absolute;inset:4% 2% 2%;clip-path:polygon(6% 29%,15% 23%,22% 8%,34% 14%,43% 5%,54% 15%,66% 10%,72% 19%,89% 22%,97% 34%,90% 44%,94% 54%,82% 59%,77% 70%,68% 72%,63% 89%,52% 84%,45% 96%,37% 82%,25% 86%,23% 73%,12% 68%,17% 55%,4% 48%);background:linear-gradient(135deg,rgba(129,218,181,.28),rgba(255,255,255,.09));border:1px solid rgba(255,255,255,.12);filter:drop-shadow(0 25px 30px rgba(0,18,14,.28))}
.campus-map-shape::after{content:"";position:absolute;inset:7%;clip-path:inherit;border:1px solid rgba(255,255,255,.18)}
.campus-map-pin{position:absolute;z-index:4;left:var(--x);top:var(--y);width:12px;height:12px;padding:0;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:#79c6a7;box-shadow:0 0 0 6px rgba(121,198,167,.12);transform:translate(-50%,-50%);transition:.2s ease}
.campus-map-pin::after{content:attr(data-city);position:absolute;left:50%;bottom:18px;padding:5px 7px;border:1px solid rgba(255,255,255,.16);background:rgba(1,40,31,.86);color:#fff;font-size:8px;font-weight:800;white-space:nowrap;opacity:0;transform:translate(-50%,5px);pointer-events:none;transition:.2s ease}
.campus-map-pin:hover,.campus-map-pin.active{width:15px;height:15px;border-color:#fff;background:var(--gold);box-shadow:0 0 0 8px rgba(216,173,85,.18)}
.campus-map-pin:hover::after,.campus-map-pin.active::after{opacity:1;transform:translate(-50%,0)}
.campus-map-legend{position:absolute;z-index:3;left:34px;right:34px;bottom:24px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.52);font-size:8px;letter-spacing:1px}.campus-map-legend span{display:flex;align-items:center;gap:8px}.campus-map-legend i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(216,173,85,.14)}
.campus-body .campus-panel{min-width:0;padding:22px 27px 24px;display:grid;grid-template-rows:auto 150px auto auto auto auto;align-content:start;gap:11px;background:#fff}
.campus-panel .campus-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--line)}
.campus-panel .campus-tabs button{height:28px;padding:0 3px;border-radius:4px;font-size:9px;font-weight:750}
.campus-panel .campus-tabs button.active{border-color:#16835a;background:#16835a;color:#fff;box-shadow:0 6px 14px rgba(22,131,90,.16)}
.campus-card-media{position:relative;height:150px;overflow:hidden;background:#e9f2ee}.campus-card-media::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(180deg,transparent,rgba(2,45,34,.72))}.campus-card-media img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .45s ease}.campus-card-media:hover img{transform:scale(1.02)}
.campus-card-media figcaption{position:absolute;z-index:2;left:16px;bottom:13px;display:flex;flex-direction:column;gap:4px;color:#fff}.campus-card-media figcaption span{color:#9be0c3;font-size:7px;letter-spacing:2px}.campus-card-media figcaption b{font-size:13px}
.campus-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.campus-detail-heading p{color:var(--green);font-size:8px;font-weight:850;letter-spacing:2px}.campus-panel .campus-detail-heading h2{margin:0;font-size:23px;line-height:1.15}
.campus-panel address{min-height:0;font-size:9px;line-height:1.65;color:#72817b}
.campus-quick-info{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.campus-quick-info span{min-width:0;padding:9px 11px;display:flex;flex-direction:column;gap:4px}.campus-quick-info span+span{border-left:1px solid var(--line)}.campus-quick-info small{font-size:7px;color:#91a19b}.campus-quick-info b{overflow:hidden;color:#28483e;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.campus-panel .campus-contact{margin:0;padding:10px 0 0;display:grid;grid-template-columns:minmax(125px,1fr) auto auto;align-items:end;gap:8px;border-top:1px solid var(--line)}
.campus-contact>a{display:flex;flex-direction:column;gap:4px}.campus-contact>a small{font-size:7px;color:#91a29b}.campus-contact>a b{color:var(--green);font-size:15px}.campus-panel .campus-contact button{height:36px;padding:0 12px;border-radius:3px;gap:14px;font-size:9px}.campus-panel .campus-contact button.is-ghost{border:1px solid #99c7b7;background:#fff;color:var(--green)}
@media(min-width:1025px) and (min-height:700px){
  .campus-body{height:494px}.campus-map-showcase{min-height:0}.campus-body .campus-panel{padding:17px 22px 18px;grid-template-rows:auto 128px auto auto auto auto;gap:8px}.campus-card-media{height:128px}.campus-panel .campus-tabs{padding-bottom:9px}.campus-panel .campus-tabs button{height:25px;font-size:8px}.campus-detail-heading h2{font-size:21px}.campus-map-copy{top:23px}.campus-map-copy h3{font-size:21px}
}
@media(max-width:1050px){
  .campus-head-note{margin-top:14px}.campus-map-showcase{display:none}.campus-body{display:block;min-height:0}.campus-body .campus-panel{grid-template-rows:auto auto auto auto auto auto}.campus-card-media{height:auto;aspect-ratio:16/7}.campus-panel .campus-tabs{grid-template-columns:repeat(7,minmax(55px,1fr))}
}
@media(max-width:760px){
  .campus-head-note>div{margin-top:3px}.campus-body .campus-panel{padding:18px;gap:13px}.campus-panel .campus-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:10px;scrollbar-width:none}.campus-panel .campus-tabs::-webkit-scrollbar{display:none}.campus-panel .campus-tabs button{flex:0 0 52px;height:32px}.campus-card-media{aspect-ratio:16/9}.campus-detail-heading{display:block}.campus-detail-heading p{margin-bottom:7px}.campus-panel .campus-detail-heading h2{font-size:25px}.campus-quick-info{grid-template-columns:1fr}.campus-quick-info span+span{border-left:0;border-top:1px solid var(--line)}.campus-panel .campus-contact{grid-template-columns:1fr 1fr}.campus-contact>a{grid-column:1/-1}.campus-panel .campus-contact button{height:42px;justify-content:center}
}

/* 179：城市筛选独占一行，强化信息层级 */
@media(min-width:761px){
  .booking-schedule-head{
    display:grid;
    grid-template-columns:1fr;
    min-height:0;
    padding:18px 22px 16px;
    gap:14px;
  }
  .booking-schedule-head>div:first-child{
    margin:0;
    padding:0;
  }
  .booking-city-filter{
    width:100%;
    grid-template-columns:70px minmax(0,1fr);
    gap:14px;
    padding-top:14px;
    border-top:1px solid #e4e9f0;
  }
  .booking-city-filter>span{padding-top:8px}
  #bookingCityButtons{justify-content:flex-start}
}

/* 215 FINAL — 学生作品底部选项卡最终覆盖 */
.project-story .project-category{position:relative;width:100%;max-width:var(--wrap);min-height:76px;margin:14px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(105deg,#16835a,#16835a 58%,#16835a);box-shadow:0 16px 36px rgba(5,56,43,.14)}
.project-story .project-category::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0,rgba(36,167,119,.18),transparent 38%)}
.project-story .project-category button{position:relative;z-index:1;min-width:0;padding:0 24px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;text-align:left;cursor:pointer}
.project-story .project-category button:last-child{border-right:0}
.project-story .project-category button::after{content:"";position:absolute;right:24px;bottom:0;left:24px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.project-story .project-category button:hover{background:rgba(255,255,255,.035)}
.project-story .project-category button.active::after{transform:scaleX(1)}
.project-story .project-category button>i{color:var(--gold);font-size:9px;font-style:normal;font-weight:850}
.project-story .project-category button>span{display:block;min-width:0;height:auto;padding:0;justify-content:initial;color:inherit}
.project-story .project-category button b{display:block;overflow:hidden;color:#fff;font-size:12px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.project-story .project-category button small{display:block;margin-top:5px;overflow:hidden;color:rgba(255,255,255,.52);font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.project-story .project-grid article{transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease}
.project-story .project-grid article.is-selected{box-shadow:0 17px 42px rgba(8,76,57,.14)}
@media(max-width:760px){
  .project-story .project-category{width:100%;min-height:70px;margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;gap:0;padding:0}
  .project-story .project-category button{width:100%;padding:0 9px;grid-template-columns:18px minmax(0,1fr);gap:5px}
  .project-story .project-category button::after{right:9px;left:9px}
  .project-story .project-category button>i{font-size:8px}
  .project-story .project-category button b{font-size:10px}
  .project-story .project-category button small{margin-top:4px;font-size:6.5px}
}

/* 217 FINAL — 等宽单项目舞台，底部选项卡切换项目 */
.project-story .project-grid{position:relative;width:100%;max-width:var(--wrap);height:470px;display:block!important;overflow:hidden}
.project-story .project-grid article,.project-story .project-grid .project-featured{width:100%;height:100%;min-height:0;padding:0;grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
.project-story .project-grid article[hidden]{display:none!important}
.project-story .project-grid article.is-selected{display:grid!important;animation:projectPanelIn .34s ease both}
.project-story .project-grid .project-screen,.project-story .project-grid .project-featured .project-screen{width:100%;height:100%;min-height:0}
.project-story .project-grid article>.project-card-body,.project-story .project-grid .project-featured>.project-card-body{padding:48px 52px;justify-content:center}
.project-story .project-grid .project-card-body>small{font-size:10px!important}
.project-story .project-grid .project-card-body h3,.project-story .project-grid .project-featured .project-card-body h3{font-size:29px!important}
.project-story .project-grid .project-card-body>p{max-width:490px;margin:14px 0 24px!important;font-size:11px!important;line-height:1.9}
.project-story .project-grid .project-milestones{margin-bottom:30px}
@keyframes projectPanelIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  .project-story .project-grid{height:auto;min-height:0;overflow:visible}
  .project-story .project-grid article.is-selected,.project-story .project-grid .project-featured.is-selected{display:block!important;height:auto}
  .project-story .project-grid .project-screen,.project-story .project-grid .project-featured .project-screen{height:230px;min-height:230px}
  .project-story .project-grid article>.project-card-body,.project-story .project-grid .project-featured>.project-card-body{padding:24px 22px 26px}
  .project-story .project-grid .project-card-body h3,.project-story .project-grid .project-featured .project-card-body h3{font-size:23px!important}
  .project-story .project-grid .project-card-body>p{margin:10px 0 16px!important;font-size:10px!important;line-height:1.75}
  .project-story .project-grid .project-milestones{margin-bottom:18px}
}

/* 218 FINAL — 显式 50/50 双栏与 1/3 标签，不再依赖内容计算 */
@media(min-width:761px){
  .project-story .project-grid article.is-selected{
    display:flex!important;
    align-items:stretch;
  }
  .project-story .project-grid article.is-selected>.project-screen,
  .project-story .project-grid article.is-selected>.project-card-body{
    box-sizing:border-box;
    width:50%!important;
    min-width:50%!important;
    max-width:50%!important;
    flex:0 0 50%!important;
  }
  .project-story .project-grid article.is-selected>.project-card-body{
    border-left:1px solid #d8e5df;
  }
  .project-story .project-category button{
    box-sizing:border-box;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* 220 FINAL — 学生作品与影像纪实共用 1440px 外框基准 */
@media(min-width:761px){
  .project-story{padding-left:24px!important;padding-right:24px!important}
  .project-story .project-head,
  .project-story .project-grid,
  .project-story .project-category{
    width:100%!important;
    max-width:1440px!important;
  }
}

/* 221 FINAL — 项目发布会式视觉：产品界面 + 交付信息矩阵 */
.project-story .project-grid{height:520px;border:1px solid #d5e2dc;background:#fff;box-shadow:0 26px 70px rgba(7,65,49,.1)}
.project-story .project-grid article{border:0!important;box-shadow:none!important}
.project-story .project-grid article.is-selected>.project-card-body{position:relative;overflow:hidden;padding:54px 58px!important;background:linear-gradient(145deg,#fff 0%,#fbfdfc 100%)}
.project-story .project-grid article.is-selected>.project-card-body::after{content:"";position:absolute;right:-70px;top:-90px;width:250px;height:250px;border:1px solid rgba(22,131,90,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(22,131,90,.025),0 0 0 90px rgba(22,131,90,.018);pointer-events:none}
.project-story .project-grid .project-card-body>small{position:relative;z-index:1;color:#17956d!important;letter-spacing:1px}
.project-story .project-grid .project-card-body h3{position:relative;z-index:1;margin-top:9px!important;font-size:34px!important;letter-spacing:-1px}
.project-story .project-grid .project-card-body>p{position:relative;z-index:1;margin:15px 0 24px!important;max-width:540px;color:#71817b!important;font-size:11px!important;line-height:1.9}
.project-delivery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 22px;border-top:1px solid #dce7e2;border-bottom:1px solid #dce7e2}
.project-delivery>span{padding:15px 14px 14px}.project-delivery>span+span{border-left:1px solid #dce7e2}.project-delivery small{display:block;color:#91a099;font-size:7px;letter-spacing:1px}.project-delivery b{display:block;margin-top:7px;color:#244a3e;font-size:10px}
.project-story .project-grid .project-milestones{position:relative;z-index:1;margin:0 0 25px}.project-story .project-grid .project-milestones span{padding:8px 11px}
.project-story .project-grid .project-card-footer{position:relative;z-index:1;margin-top:auto!important;padding-top:20px;border-top:1px solid #e2ebe7}
.project-story .project-grid .project-card-footer strong{padding:11px 16px;border:1px solid #16835a;color:#16835a;transition:.2s}.project-story .project-grid .project-card-footer strong:hover{background:#16835a;color:#fff}
.project-screen{position:relative;overflow:hidden;padding:34px!important;color:#fff}
.project-screen::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.project-ui-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}
.project-ui-head span{font-size:8px!important;letter-spacing:2px;color:rgba(255,255,255,.65)!important}.project-ui-head em{padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#88e1bd;font-size:7px;font-style:normal;letter-spacing:1px}
.screen-iot{background:radial-gradient(circle at 80% 12%,rgba(21,194,137,.48),transparent 35%),linear-gradient(145deg,#032f27,#075441)!important}
.project-ui-metric{position:relative;z-index:2;margin-top:32px}.project-ui-metric small{display:block;color:#8dcab4;font-size:9px}.project-ui-metric b{display:block;margin-top:8px!important;color:#f0c969!important;font-size:56px!important;letter-spacing:-2px}
.project-ui-chart{position:relative;z-index:2;height:145px;margin-top:25px;display:flex;align-items:flex-end;gap:12px;padding:22px 20px 0;border:1px solid rgba(255,255,255,.12);background:rgba(0,23,18,.18)}
.project-ui-chart i{position:static!important;width:auto!important;flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#4cd2a4,#15986e)!important}.project-ui-chart i:nth-child(1){height:32%}.project-ui-chart i:nth-child(2){height:49%}.project-ui-chart i:nth-child(3){height:44%}.project-ui-chart i:nth-child(4){height:72%}.project-ui-chart i:nth-child(5){height:88%}
.project-ui-status{position:relative;z-index:2;margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.project-ui-status span{padding:10px;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:7px}.project-ui-status b{display:block;margin-top:4px;color:#92dfc0;font-size:8px}
.screen-ai{background:radial-gradient(circle at 75% 18%,rgba(40,172,130,.22),transparent 34%),linear-gradient(145deg,#e7f4ef,#f8fbfa)!important;color:#153e33!important}.screen-ai::before{opacity:.2;background-image:linear-gradient(rgba(22,131,90,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(22,131,90,.18) 1px,transparent 1px)}.screen-ai .project-ui-head{border-color:rgba(18,95,72,.12)}.screen-ai .project-ui-head span{color:#43806d!important}.screen-ai .project-ui-head em{border-color:#a9d6c6;color:#167a5b}
.project-ai-title{position:relative;z-index:2;margin-top:35px}.project-ai-title small{color:#19936b;font-size:8px;letter-spacing:1px}.project-ai-title b{display:block;margin-top:8px!important;color:#133e32!important;font-size:29px!important}
.project-ai-query{position:relative;z-index:2;margin-top:24px;padding:18px 20px;display:flex;justify-content:space-between;border:1px solid #cfe4dc;background:#fff;box-shadow:0 15px 35px rgba(17,91,69,.08);font-size:10px}.project-ai-query i{position:static!important;padding:0!important;border:0!important;background:none!important;color:#16835a!important;font-size:18px!important}

/* Transparent over the hero; switch to the brand green only while sticky. */
.topbar{
  position:absolute;
  z-index:91;
  top:34px;
  right:0;
  left:0;
  width:100%;
  background:transparent!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.header-fixed .topbar{
  position:fixed;
  top:34px;
  background:rgba(22,131,90,.96)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 12px 34px rgba(0,25,19,.18)!important;
  backdrop-filter:blur(14px);
}
.topbar nav{
  background:transparent!important;
}
.topbar nav.open{
  background:#16835a!important;
}
.topbar nav a,
.topbar nav a.active{
  color:#fff!important;
}
.topbar nav a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.topbar .menu-toggle i{
  background:#fff!important;
}
@media(max-width:1024px){
  .topbar,
  body.header-fixed .topbar{top:0}
}
.project-ai-results{position:relative;z-index:2;margin-top:16px;border-top:1px solid #ccdfd8}.project-ai-results span{padding:13px 4px;display:grid;grid-template-columns:28px 1fr auto;border-bottom:1px solid #ccdfd8;color:#49685e;font-size:9px}.project-ai-results span b{margin:0!important;color:#19936b!important;font-size:8px!important}.project-ai-results span em{color:#17936b;font-size:8px;font-style:normal}
.screen-java{background:radial-gradient(circle at 80% 10%,rgba(37,116,154,.35),transparent 36%),linear-gradient(145deg,#082b3d,#103d55)!important}
.project-java-shell{position:relative;z-index:2;height:385px;margin-top:22px;display:grid;grid-template-columns:128px minmax(0,1fr);border:1px solid rgba(255,255,255,.14);background:rgba(3,24,34,.36);box-shadow:0 24px 55px rgba(0,17,27,.24)}
.project-java-shell aside{padding:20px 16px;display:flex;flex-direction:column;gap:17px;border-right:1px solid rgba(255,255,255,.12)}.project-java-shell aside b{color:#fff;font-size:12px;letter-spacing:2px}.project-java-shell aside span{color:rgba(255,255,255,.48);font-size:8px}.project-java-shell aside span:nth-of-type(1){color:#7ed9b5}
.project-java-main{padding:22px}.project-java-title span{display:block;color:#76c7aa;font-size:8px;letter-spacing:1px}.project-java-title b{display:block;margin-top:7px;font-size:20px}.project-java-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px}.project-java-metrics span{padding:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035)}.project-java-metrics small{display:block;color:rgba(255,255,255,.45);font-size:7px}.project-java-metrics b{display:block;margin-top:6px;color:#8cddbd;font-size:17px}
.project-java-chart{height:150px;margin-top:18px;padding:20px;display:flex;align-items:flex-end;gap:12px;border:1px solid rgba(255,255,255,.1)}.project-java-chart i{position:static!important;flex:1;width:auto!important;margin:0!important;background:linear-gradient(180deg,#2c7899,#1b506a)!important;border:0!important}.project-java-chart i:nth-child(1){height:28%}.project-java-chart i:nth-child(2){height:46%}.project-java-chart i:nth-child(3){height:39%}.project-java-chart i:nth-child(4){height:68%}.project-java-chart i:nth-child(5){height:58%}.project-java-chart i:nth-child(6){height:82%}
@media(max-width:760px){
  .project-story .project-grid{height:auto}.project-screen{height:280px!important;min-height:280px!important;padding:20px!important}
  .project-story .project-grid article.is-selected>.project-card-body{padding:26px 22px!important}.project-story .project-grid .project-card-body h3{font-size:25px!important}
  .project-delivery{grid-template-columns:1fr}.project-delivery>span{padding:11px}.project-delivery>span+span{border-left:0;border-top:1px solid #dce7e2}
  .project-ui-metric{margin-top:18px}.project-ui-metric b{font-size:38px!important}.project-ui-chart{height:80px;margin-top:14px;padding-top:12px}.project-ui-status{margin-top:10px}.project-ui-status span{padding:7px}
  .project-ai-title{margin-top:18px}.project-ai-title b{font-size:22px!important}.project-ai-query{margin-top:14px;padding:12px}.project-ai-results{margin-top:10px}.project-ai-results span{padding:8px 3px}
  .project-java-shell{height:205px;margin-top:14px;grid-template-columns:80px 1fr}.project-java-shell aside{padding:12px 9px;gap:9px}.project-java-main{padding:12px}.project-java-metrics{margin-top:10px}.project-java-chart{height:70px;margin-top:9px;padding:10px}
}

/* 212 FINAL — cinema geometry must win the cascade */
.brand-film-stage{position:relative!important;display:block!important;width:min(1440px,100%)!important;min-height:0!important;height:auto!important;aspect-ratio:8/3!important}
.brand-film-feature{position:relative!important;width:66.6667%!important;height:100%!important;min-width:0!important;aspect-ratio:auto!important;overflow:hidden}
.brand-film-media{position:absolute!important;inset:0!important;min-height:0!important;aspect-ratio:auto!important}
.brand-film-caption{bottom:76px!important}
.brand-film-meta{position:absolute!important;z-index:4;right:0;bottom:0;left:0;height:52px!important;background:linear-gradient(180deg,rgba(3,31,25,.58),rgba(3,31,25,.9));backdrop-filter:blur(10px)}
.brand-film-media>video{display:block;width:100%;height:100%;object-fit:cover;background:#032f24}
.brand-film-list{position:absolute!important;top:0;right:0;bottom:0;left:auto;width:33.3333%!important;display:grid!important;grid-template-rows:repeat(5,minmax(0,1fr));overflow:hidden}
.brand-film-list>button{min-height:0!important;height:auto!important;padding:8px 14px!important;grid-template-columns:22px 112px minmax(0,1fr) 54px!important;gap:11px!important}
.brand-film-list .brand-film-thumb{height:auto!important;aspect-ratio:16/9}
.brand-film-list small{font-size:9px}
.brand-film-list b{margin:5px 0 4px;font-size:13px}
.brand-film-list p{font-size:9px}
.brand-film-list>button::after{content:"播放";grid-column:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.62);font-size:8px;letter-spacing:1px;transition:.2s}
.brand-film-list>button:hover::after{border-color:#77d3ae;color:#77d3ae;transform:translateX(2px)}
.brand-film-list>button.active::after{content:"播放中";border-color:rgba(216,173,85,.7);color:var(--gold)}
@media(min-width:1025px) and (min-height:700px){
  .brand-film-meta{height:48px!important}
  .brand-film-caption{bottom:70px!important}
}
@media(max-width:760px){
  .brand-film-stage{display:flex!important;height:auto!important;aspect-ratio:auto!important}
  .brand-film-feature{width:100%!important;height:auto!important;aspect-ratio:16/9!important}
  .brand-film-meta{height:44px!important}
  .brand-film-caption{bottom:58px!important}
  .brand-film-list{position:static!important;width:auto!important;display:flex!important;overflow-x:auto}
  .brand-film-list>button{grid-template-columns:20px 90px minmax(0,1fr)!important;gap:9px!important}
  .brand-film-list>button::after{display:none}
}