:root{
  --navy:#0b315b;--blue:#1769df;--blue2:#0f5bc7;--sky:#f2f7fd;
  --soft:#eaf3ff;--line:#dce8f3;--text:#1d3f60;--muted:#74899c;
  --orange:#ff7b25;--success:#16845f;--shadow:0 12px 35px rgba(16,60,105,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.shell{width:min(1380px,calc(100% - 48px));margin:0 auto}
.topbar{height:30px;background:#082d55;color:#c8d9e8;font-size:12px}
.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between}
.header{height:86px;background:#fff;border-bottom:1px solid #e9f0f6}
.header .shell{height:100%;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:12px;min-width:235px}
.brand-mark{display:block;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border:1px solid #d6e7ee;border-radius:13px;background:#dff7fa;box-shadow:0 8px 18px #1769df22}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.2)}
.brand-name{color:var(--navy);font-size:23px;font-weight:800}.brand-sub{color:#8293a3;font-size:10px;margin-top:2px}
.nav{display:flex;align-items:center;gap:38px;margin-left:38px;font-size:18px;font-weight:700;color:#4d6479}
.nav a{position:relative;padding:34px 0}.nav a.active{color:var(--blue);font-weight:700}
.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);border-radius:4px 4px 0 0}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 19px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.button.light{background:#edf5ff;color:var(--blue)}.button.orange{background:var(--orange)}
.button.outline{background:#fff;color:var(--blue);border:1px solid #b9d2ef}
.logout-form{margin:0}
.hero{height:390px;position:relative;overflow:hidden;background:#e9f4ff;border-bottom:1px solid #dbe9f8}
.hero-track{height:100%;position:relative}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease}
.hero-slide.active{opacity:1;visibility:visible}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(231,244,255,.98) 0%,rgba(235,246,255,.93) 31%,rgba(235,246,255,.5) 53%,transparent 72%)}
.hero-copy{position:absolute;z-index:2;left:max(24px,calc((100vw - 1380px)/2));top:50%;transform:translateY(-50%);width:min(720px,52vw)}
.hero-copy .eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:18px;background:#fff;border:1px solid #d6e6f6;color:var(--blue);font-size:12px}
.hero-copy h1{margin:18px 0 12px;color:var(--navy);font-size:41px;line-height:1.25;letter-spacing:.4px}
.hero-copy p{margin:0;color:#5f7890;font-size:15px;line-height:1.8}
.hero-actions{display:flex;gap:12px;margin-top:24px}
.hero-pager{position:absolute;z-index:3;right:max(26px,calc((100vw - 1380px)/2));bottom:22px;display:flex;border:1px solid #c8d8e9;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 4px 15px #12395c24}
.hero-dot{width:38px;height:34px;border:0;border-right:1px solid #d8e3ed;background:#fff;color:#46627d;cursor:pointer}
.hero-dot:last-child{border:0}.hero-dot.active{background:var(--blue);color:#fff;font-weight:800}
.trust{height:88px;background:#fff;border-bottom:1px solid var(--line)}
.trust .shell{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:flex;align-items:center;justify-content:center;gap:13px;position:relative}
.trust-item:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:32px;background:var(--line)}
.trust-item strong{font-size:28px;color:var(--navy)}.trust-item span{font-size:11px;color:var(--muted);line-height:1.5}.trust-item b{display:block;color:#38536e;font-size:13px}
.pad{padding:60px 0}.sky{background:var(--sky)}
.section-heading{text-align:center;margin-bottom:30px}.kicker{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2px}
.section-heading h2{margin:8px 0;color:var(--navy);font-size:29px}.section-heading p{margin:0;color:var(--muted);font-size:13px}
.carousel-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.carousel-head .section-heading{text-align:left;margin:0}
.carousel-control{display:flex;gap:10px}.circle-btn{display:grid;place-items:center;width:39px;height:39px;padding:0;border-radius:50%;border:1px solid #cbdced;background:#fff;color:var(--blue);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.circle-arrow{display:block;width:16px;height:16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.circle-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1769e02b}.circle-btn:focus-visible{outline:3px solid #1769e033;outline-offset:2px}.circle-btn.active{background:var(--blue);color:#fff}
.teacher-window{overflow:hidden;padding:4px 4px 16px}.teacher-track{display:flex;gap:18px;will-change:transform;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.teacher-card{display:flex;flex:0 0 300px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #143f6c0d}
.teacher-photo{height:178px;position:relative;background:#d9eaff}.teacher-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.verified{position:absolute;left:14px;bottom:13px;padding:5px 9px;border-radius:12px;background:#178b62e8;color:#fff;font-size:10px}
.teacher-body{display:flex;flex:1;flex-direction:column;padding:16px}.teacher-line{display:flex;align-items:center;justify-content:space-between}.teacher-line h3{margin:0;color:var(--navy);font-size:17px}.teacher-line small{color:#7790a5}.teacher-school{margin-top:8px;color:#4e6981;font-size:12px}.teacher-summary{height:38px;margin:8px 0 0;color:#7b8fa2;font-size:11px;line-height:1.7;overflow:hidden}.stars{margin-top:7px;color:var(--orange);font-size:12px;letter-spacing:1px}
.tags{display:flex;gap:6px;margin-top:12px}.tag{padding:5px 8px;border-radius:5px;background:var(--soft);color:#336ca8;font-size:11px}
.teacher-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #edf2f6;color:var(--muted);font-size:12px}.price b{color:var(--orange);font-size:18px}.detail{color:var(--blue)}
.dots{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;margin-top:4px}.dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#c8d8e7;cursor:pointer;transition:width .25s ease,background .25s ease,transform .2s ease}.dots button:hover{transform:scale(1.2);background:#8eafd0}.dots button.active{width:26px;background:var(--blue)}.dots button:focus-visible{outline:3px solid #1769e033;outline-offset:3px}
.subject-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.subject{min-height:128px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px #1241700b;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.subject:hover{transform:translateY(-4px);border-color:#a9ccef;box-shadow:0 12px 26px #12417017}
.subject-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--soft);color:var(--blue);font-weight:800}.subject h3{margin:12px 0 6px;color:var(--navy);font-size:15px}.subject p{margin:0;color:var(--muted);font-size:11px}.subject.more{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--navy),#1a63a9)}.subject.more h3{color:#fff}.subject.more p{color:#c6def5}
.feature-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 7px 22px #143f6c0b}
.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-title h2{margin:0;color:var(--navy);font-size:22px}.panel-title a{color:var(--blue);font-size:12px}
.steps{display:grid;grid-template-columns:repeat(4,1fr)}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"";position:absolute;right:-13px;top:25px;width:26px;border-top:1px dashed #9fbde0}.step-no{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 13px;border-radius:50%;background:var(--soft);color:var(--blue);font-weight:800}.step b{display:block;color:#36536d;font-size:13px}.step span{display:block;margin-top:6px;color:#8193a4;font-size:11px}
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.region{padding:14px 10px;border-radius:9px;background:#f6f9fc;border:1px solid #e4edf5;text-align:center;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.region:hover{transform:translateY(-2px);border-color:#a9ccef;box-shadow:0 7px 15px #12417012}.region b{display:block;color:var(--navy);font-size:14px}.region small{color:#7e93a6;font-size:10px}.region.main{background:linear-gradient(135deg,var(--navy),#1a63a9)}.region.main b{color:#fff}.region.main small{color:#c9def2}
.needs-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.needs-board{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.needs-side{display:grid;align-self:start;gap:16px}
.needs-head,.need-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.5fr) minmax(100px,.85fr) 80px;align-items:center;padding:0 20px}.needs-head{height:48px;background:#eff6ff;color:#6c8296;font-size:11px}.needs-head>span:last-child{text-align:center}.need-row{min-height:62px;border-top:1px solid #edf2f6;font-size:12px;color:#566f85;transition:background .2s ease}.need-row:hover{background:#f7fbff}.need-row>div,.need-row>span,.need-row>time{min-width:0}.need-row>div{overflow:hidden}.need-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-size:13px;margin-bottom:4px}.need-row small,.need-requirement{display:block;width:96%;max-width:96%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.need-row small{color:#8b9cac}.need-requirement{color:#566f85}.need-date{color:#6f8497;font-variant-numeric:tabular-nums}.need-status-cell{display:flex;align-items:center;justify-content:center;width:100%;min-height:24px}.need-status{padding:5px 8px;border-radius:5px;background:#e9f7f2;color:var(--success);font-size:10px;white-space:nowrap}.need-status.hot{background:#fff2e8;color:#dc6c1e}.need-status-gif{display:block;flex:none;width:54px;height:18px}
.publish-card{position:relative;overflow:hidden;align-self:start;padding:28px;border-radius:15px;background:linear-gradient(145deg,#0b2f5b,#1769e0);color:#fff;min-height:285px}.publish-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;bottom:-92px;border:28px solid #ffffff0e}.publish-card .mini{font-size:10px;color:#bcd5ef}.publish-card h3{margin:12px 0 10px;font-size:22px}.publish-card p{margin:0;color:#d3e3f4;font-size:12px;line-height:1.75}.publish-points{margin:19px 0 21px;display:grid;gap:9px;font-size:11px}.publish-points span:before{content:"✓";margin-right:7px;color:#77dcba}.publish-card .button{position:relative;z-index:1;background:#fff;color:var(--blue)}
.booking-card{overflow:hidden;padding-bottom:18px;border:1px solid #b9d9ef;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(15,72,124,.08)}.booking-card>header{padding:15px 18px 14px;background:linear-gradient(110deg,#55b2e5,#338fd0);color:#fff;text-align:center}.booking-card>header small{font-size:9px;letter-spacing:1.8px;opacity:.82}.booking-card>header h3{margin:4px 0 0;font-size:21px}.booking-window{height:218px;margin:12px 14px 8px;overflow:hidden}.booking-track{will-change:transform}.booking-track.is-animated{animation:bookingScrollDown var(--booking-duration,20s) linear infinite}.booking-window:hover .booking-track,.booking-card:focus-within .booking-track{animation-play-state:paused}.booking-list{display:grid}.booking-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:5px 2px;color:#536d82;font-size:12px}.booking-item:hover{color:var(--blue)}.booking-item img{width:30px;height:30px;border:1px solid #d8e5ef;border-radius:50%;background:#edf3f8;object-fit:cover}.booking-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-item b{color:#183f62}.booking-item em{color:#1769df;font-style:normal}.booking-empty{margin:25px 0;color:#8398aa;text-align:center;font-size:12px}.booking-action{display:flex;align-items:center;justify-content:center;min-height:48px;margin:8px 20px 0;border-radius:10px;background:#ff9d00;color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 18px rgba(255,157,0,.2)}.booking-action:hover{background:#f38e00}.booking-hotline{margin:16px 0 0;color:#27465f;text-align:center;font-size:15px}.booking-hotline b{font-size:17px;font-weight:600}.booking-note{display:block;margin:11px 18px 0;color:#738a9e;text-align:center;font-size:10px;line-height:1.6}.booking-note:before{content:"*";margin-right:3px;color:#1769df}@keyframes bookingScrollDown{from{transform:translateY(calc(-1 * var(--booking-distance)))}to{transform:translateY(0)}}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.case-top{display:flex;align-items:center;gap:12px}.parent-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#cfe3ff,#e9f3ff);color:var(--blue);font-weight:700}.case h3{margin:0;color:var(--navy);font-size:15px}.case small{color:#8295a7}.case blockquote{margin:17px 0;color:#516b82;font-size:13px;line-height:1.8}.case-result{padding-top:13px;border-top:1px solid #edf2f6;color:var(--success);font-size:12px}.case-result b{font-size:16px}
.content-two{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}.news-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.lead-news{display:block;padding:20px;border-radius:12px;background:linear-gradient(140deg,#0d3c70,#1769e0);color:#fff;transition:.2s}.lead-news:hover{transform:translateY(-2px);box-shadow:0 12px 24px #123e6e20}.lead-news .badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#ffffff26;font-size:10px}.lead-news h3{margin:16px 0 10px;font-size:20px;line-height:1.45}.lead-news p{margin:0;color:#d1e3f6;font-size:12px;line-height:1.7}.news-item{display:block;padding:11px 0;border-bottom:1px solid #edf2f6}.news-item:hover b{color:var(--blue)}.news-item b{display:block;color:#38536e;font-size:13px}.news-item span{display:block;margin-top:5px;color:#8a9baa;font-size:10px}.faq{padding:14px 0;border-bottom:1px solid #edf2f6}.faq b{display:flex;justify-content:space-between;color:#304e69;font-size:13px}.faq b:after{content:"＋";color:var(--blue);font-size:18px}.faq p{margin:9px 28px 0 0;color:#74899b;font-size:11px;line-height:1.7}
.faq-panel .panel-title{align-items:flex-start;margin-bottom:10px}.faq-panel .panel-title h2{margin-bottom:5px}.faq-panel .panel-title small{color:#8799a8;font-size:10px}.faq-list{border-top:1px solid #edf2f6}.faq{padding:0;border-bottom:1px solid #e7eef4}.faq-question{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;width:100%;min-height:53px;padding:0;border:0;background:transparent;color:#244765;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .2s ease,background .2s ease}.faq-question:hover{background:#f7fbff;color:var(--blue)}.faq-question:focus-visible{position:relative;z-index:1;outline:3px solid #1769df33;outline-offset:2px}.faq-question i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf5ff;color:var(--blue);font-style:normal;transition:transform .2s ease,background .2s ease,color .2s ease}.faq-question i:before{content:"＋";font-size:16px;line-height:1}.faq.open .faq-question{color:var(--blue)}.faq.open .faq-question i{background:var(--blue);color:#fff}.faq.open .faq-question i:before{content:"−"}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .2s ease}.faq-answer>div{overflow:hidden}.faq.open .faq-answer{grid-template-rows:1fr;opacity:1}.faq .faq-answer p{margin:0;padding:0 36px 15px 0;color:#6d8498;font-size:11px;line-height:1.85}.bottom-cta{min-height:132px;background:linear-gradient(105deg,#0a2d58,#0b477f 60%,#1466ab);color:#fff}.bottom-cta .shell{min-height:132px;display:flex;align-items:center}.cta-icon{display:grid;place-items:center;width:56px;height:56px;margin-right:18px;border-radius:50%;background:#ffffff1f;border:1px solid #ffffff38;font-size:25px}.bottom-cta h2{margin:0 0 8px;font-size:23px}.bottom-cta p{margin:0;color:#c7ddf2;font-size:12px}.cta-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.phone{text-align:right;color:#c8ddf0;font-size:12px}.phone b{display:block;color:#fff;font-size:23px}
footer{background:#082744;color:#adc5da;padding:31px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer-brand{color:#fff;font-size:21px;font-weight:700}.footer-grid p{margin:11px 0 0;font-size:11px;line-height:1.8}.footer-grid h4{margin:0 0 13px;color:#fff;font-size:13px}.footer-grid a{display:block;margin:8px 0;font-size:11px}.copyright{width:100%;margin-top:25px;padding-top:17px;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;color:#7f9ab1}.copyright a{color:inherit;text-decoration:none}.copyright a:hover{color:#fff;text-decoration:underline}.beian-public-security{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.beian-public-security img{width:20px;height:20px;object-fit:contain;flex:none}
@media(max-width:1000px){.nav{display:none}.subject-grid{grid-template-columns:repeat(3,1fr)}.feature-layout,.content-two{grid-template-columns:1fr}.needs-layout{grid-template-columns:1fr}.publish-card{min-height:0}.teacher-card{flex-basis:270px}}
@media(max-width:720px){.shell{width:min(100% - 28px,1380px)}.topbar{display:none}.header{height:72px}.brand-sub,.header-actions .light{display:none}.hero{height:430px}.hero-copy{left:20px;right:20px;top:46%;width:auto}.hero-copy h1{font-size:31px}.hero-copy p{font-size:13px}.hero-overlay{background:linear-gradient(90deg,rgba(235,246,255,.96),rgba(235,246,255,.7))}.hero-pager{right:16px}.trust{height:auto}.trust .shell{grid-template-columns:repeat(2,1fr)}.trust-item{min-height:75px}.trust-item:nth-child(2):after{display:none}.pad{padding:44px 0}.subject-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:24px}.step:after{display:none}.region-grid{grid-template-columns:repeat(2,1fr)}.needs-board{overflow-x:auto}.needs-head,.need-row{width:850px}.cases{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.bottom-cta .shell{padding:24px 0;align-items:flex-start}.cta-actions{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.copyright{display:block;line-height:1.8}.carousel-control{display:none}}
@media(prefers-reduced-motion:reduce){.booking-track.is-animated{animation:none;transform:none}.booking-window{overflow-y:auto}}