:root{--bg: #f5f7f8;--surface: #ffffff;--surface-muted: #eef4f1;--text: #15201b;--muted: #66746d;--line: #dfe7e3;--brand: #13a975;--brand-dark: #0a6f52;--brand-soft: #e1f6ee;--accent: #f2b84b;--danger: #c74444;--shadow: 0 18px 45px rgba(16, 35, 28, .1);color:var(--text);font-family:Inter,SF Pro SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#fffffff5;border-bottom:1px solid rgba(223,231,227,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-strip{background:#12231d;color:#ffffffc7;font-size:13px}.top-strip__inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.header-main{display:grid;grid-template-columns:170px 1fr 230px;align-items:center;gap:22px;min-height:76px}.logo-link img{width:150px;height:auto}.desktop-nav{display:flex;justify-content:center;gap:2px}.nav-item{display:grid;gap:3px;min-width:82px;padding:14px 10px;border-radius:8px;text-align:center;color:#26362f}.nav-item span{font-size:15px;font-weight:700}.nav-item small{color:var(--muted);font-size:11px;white-space:nowrap}.nav-item.active,.nav-item:hover{background:var(--brand-soft);color:var(--brand-dark)}.search-box{display:flex;align-items:center;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.search-box input{min-width:0;width:100%;border:0;outline:0;padding:0 12px 0 16px}.search-box button{display:grid;place-items:center;width:44px;height:40px;border:0;color:#fff;background:var(--brand);cursor:pointer}.mobile-menu-button,.mobile-nav{display:none}.home-hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:#0f211c}.home-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.home-hero__content{position:relative;z-index:1;color:#fff;padding:76px 0 118px}.home-hero h1{margin:14px 0;font-size:clamp(42px,7vw,72px);line-height:1.02;letter-spacing:0}.home-hero p{max-width:650px;margin:0;color:#ffffffdb;font-size:18px;line-height:1.8}.eyebrow{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:13px;font-weight:700}.home-hero .eyebrow,.course-hero .eyebrow{background:#ffffff29;color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid transparent;font-weight:700;cursor:pointer}.primary-button{background:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-dark)}.secondary-button{background:#fff;color:var(--brand-dark);border-color:var(--line)}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand-dark);font-weight:700}.feature-strip{margin-top:-52px;position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.feature-item{min-height:92px;display:grid;align-content:start;gap:8px;padding:14px;border-radius:6px;background:#f8fbfa}.feature-item strong{color:var(--brand-dark)}.feature-item span{color:var(--muted);font-size:13px;line-height:1.55}.section-band{padding:72px 0;background:var(--surface)}.section-band--muted{background:var(--surface-muted)}.section-title{max-width:780px;margin:0 auto 34px;text-align:center}.section-title--left{margin-right:0;margin-left:0;text-align:left}.section-title h2,.split-heading h2,.contact-cta h2{margin:0;font-size:30px;line-height:1.25}.section-title p{margin:12px 0 0;color:var(--muted);line-height:1.8}.course-showcase{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.course-showcase__image{overflow:hidden;border-radius:8px;background:#10221d}.course-showcase__image img{width:100%;min-height:360px;object-fit:cover}.course-showcase__content h2{margin:16px 0 12px;font-size:34px}.course-showcase__content p,.activity-row p,.about-section p,.article-card p,.project-card p,.article-body p,.board-intro p,.thread-row p{color:var(--muted);line-height:1.8}.course-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.course-facts span,.meta-row span{display:inline-flex;align-items:center;gap:6px}.teacher-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.teacher-grid--home{grid-template-columns:repeat(4,1fr)}.teacher-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.emp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.emp-card{box-shadow:0 0 10px #4d6202;border-radius:10px}.emp-card img{border-radius:10px}.teacher-card img{width:100%;aspect-ratio:16 / 22;object-fit:cover}.teacher-card div{padding:16px}.teacher-card h3,.teacher-card h2{margin:0 0 8px}.teacher-card p,.teacher-card span{color:var(--muted);line-height:1.6}.teacher-card--large{display:grid;grid-template-columns:240px 1fr}.teacher-card--large img{height:100%;aspect-ratio:auto}.teacher-card--large>div{padding:22px}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{display:grid;grid-template-columns:250px 1fr;gap:22px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.article-card--compact{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden}.article-card__image{overflow:hidden;border-radius:6px;background:#d8e2de}.article-card--compact .article-card__image{border-radius:8px 8px 0 0}.article-card__image img{width:100%;height:100%;min-height:150px;object-fit:cover}.article-card--compact .article-card__image img{aspect-ratio:16 / 10}.article-card__body{min-width:0}.article-card--compact .article-card__body{padding:18px}.article-card h2{margin:10px 0 8px;font-size:21px;line-height:1.35}.article-card--compact h2{font-size:18px}.article-card h2 a:hover{color:var(--brand-dark)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag-row span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:700}.tag-row--large{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.meta-row{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px}.meta-row--light{color:#ffffffc7}.activity-row{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:34px}.activity-row h2{margin:16px 0 12px;font-size:30px}.activity-row img{width:100%;border-radius:8px;box-shadow:var(--shadow)}.contact-cta{background:#11241e;color:#fff}.contact-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-cta p{margin:10px 0 0;color:#ffffffc2}.page-hero{padding:90px 0;color:#fff;background:linear-gradient(135deg,#0f2a21eb,#0d6c4ee0),url(/assets/site/hero-cpp.png) center / cover}.page-hero--compact{padding:68px 0}.page-hero h1{margin:14px 0 12px;font-size:42px;line-height:1.16}.page-hero p{max-width:780px;margin:0;color:#ffffffd1;line-height:1.8}.list-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px}.content-stack{display:grid;gap:16px}.side-panel{position:sticky;top:104px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.side-panel h2{margin:0 0 16px;font-size:20px}.side-panel dl,.compact-dl{display:grid;gap:12px;margin:0}.side-panel dl div,.compact-dl div{display:grid;gap:4px}.side-panel dt,.compact-dl dt{color:var(--muted);font-size:12px}.side-panel dd,.compact-dl dd{margin:0;overflow-wrap:anywhere;font-weight:700}.side-panel input,.side-panel textarea,.mock-form input,.mock-form textarea,.mock-form select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.side-panel textarea,.mock-form textarea{min-height:110px;resize:vertical}.side-panel button,.mock-form button{width:100%;min-height:44px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:700}.article-hero{padding:68px 0;background:#11241e;color:#fff}.article-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;align-items:center}.article-hero h1{margin:14px 0;font-size:42px;line-height:1.18}.article-hero p{color:#fffc;line-height:1.8}.article-hero img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.breadcrumb-link{color:var(--accent);font-weight:700}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.article-body{padding:34px;border:1px solid var(--line);border-radius:8px;background:#fff}.article-section+.article-section{margin-top:28px}.article-section h2{margin:0 0 12px;font-size:24px}.course-hero{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;background:#10231d;overflow:hidden}.course-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.course-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07130feb,#07130f42)}.course-hero__content{position:relative;z-index:1;padding:80px 0}.course-hero h1{max-width:760px;margin:16px 0;font-size:clamp(40px,6vw,64px);line-height:1.08}.course-hero p{max-width:700px;color:#ffffffd6;font-size:18px;line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid>div{display:grid;gap:8px;min-height:120px;align-content:center;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.stat-grid svg{color:var(--brand-dark)}.stat-grid strong{font-size:22px}.stat-grid span{color:var(--muted)}.pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pill-card{display:flex;align-items:center;gap:10px;min-height:68px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700}.pill-card svg{flex:0 0 auto;color:var(--brand)}.module-timeline{display:grid;gap:14px}.module-item{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.module-index{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--brand);color:#fff;font-weight:800}.module-item h3{margin:0}.module-item p{margin:6px 0 12px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.project-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-card div{padding:18px}.flow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.flow-step{display:grid;place-items:center;gap:8px;min-height:110px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:center}.flow-step strong{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:36px}.mini-teacher-list{display:grid;gap:12px}.mini-teacher-list>div{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.mini-teacher-list img{width:72px;height:72px;border-radius:8px;object-fit:cover}.mini-teacher-list span{display:block;margin-top:4px;color:var(--muted)}.faq-item{padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.faq-item+.faq-item{margin-top:10px}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{color:var(--muted);line-height:1.7}.campus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.campus-card{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.campus-card svg{color:var(--brand)}.campus-card h3{margin:12px 0 8px}.campus-card p{color:var(--muted)}.campus-card span{font-weight:700}.campus-card img{width:110px;margin-top:16px;border-radius:6px}.category-tabs{display:flex;justify-content:center;gap:12px}.category-tabs button{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--brand-dark);font-weight:700}.forum-groups{display:grid;gap:18px}.forum-group{padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.forum-group h2{margin:0 0 14px}.forum-board-list{display:grid;gap:12px}.forum-board,.thread-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.forum-board h3,.thread-row h3,.board-intro h2{margin:0 0 8px}.forum-board span,.thread-row span{color:var(--muted);font-size:13px}.forum-board dl,.thread-row dl{display:flex;gap:14px;margin:0;text-align:center}.forum-board dt,.thread-row dt{color:var(--muted);font-size:12px}.forum-board dd,.thread-row dd{margin:4px 0 0;font-weight:800}.board-intro{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.about-stack{display:grid;gap:22px}.about-section{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.about-section:nth-child(2n){grid-template-columns:1fr 360px}.about-section:nth-child(2n) img{order:2}.about-section img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.about-section h2{margin:14px 0 12px}.timeline{display:grid;gap:14px;max-width:780px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.timeline-item time{color:var(--brand-dark);font-weight:800}.timeline-item h3{margin:0 0 8px}.timeline-item p{margin:0;color:var(--muted)}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.job-card{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.job-card>span{color:var(--brand-dark);font-weight:700}.job-card h3{margin:10px 0 14px}.job-card h4{margin:18px 0 8px}.job-card li{margin:6px 0;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start}.contact-info,.mock-form{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.contact-info h2,.mock-form h2{margin:0 0 18px}.contact-info p{display:flex;align-items:center;gap:8px;color:var(--muted)}.contact-info svg{color:var(--brand)}.contact-info img{width:140px;margin-top:20px;border-radius:8px}.mock-form{display:grid;gap:16px}.mock-form label{display:grid;gap:8px;color:#26362f;font-weight:700}.schema-stack{display:grid;gap:18px}.schema-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.schema-card__head{display:flex;justify-content:space-between;gap:16px;padding:18px;background:#10231d;color:#fff}.schema-card__head h2{margin:0;font-size:21px}.schema-card__head span{color:#ffffffb8}.schema-table{display:grid}.schema-row{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:12px 18px;border-top:1px solid var(--line);align-items:center}.schema-row--head{background:#f6faf8;color:var(--muted);font-weight:700}.schema-row code{overflow-wrap:anywhere;color:var(--brand-dark);font-weight:700}.empty-state{padding:32px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:center}.site-footer{background:#10231d;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.7fr) .8fr;gap:28px;padding:54px 0}.footer-brand img{width:160px;margin-bottom:18px}.footer-brand p,.footer-links a,.footer-qrcode span,.muted{color:#ffffffad;line-height:1.7}.footer-links h3{margin:0 0 14px}.footer-links a{display:block;margin:8px 0}.footer-links a:hover{color:#fff}.footer-qrcode img{width:120px;border-radius:8px}.footer-qrcode span{display:block;margin-top:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:#ffffff9e;font-size:13px}.floating-tools{position:fixed;right:18px;bottom:86px;z-index:40;display:grid;gap:8px}.floating-tools a,.floating-tools button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand-dark);box-shadow:0 10px 24px #10231c1f;cursor:pointer}@media(max-width:1080px){.header-main{grid-template-columns:150px 1fr auto}.desktop-nav,.search-box{display:none}.mobile-menu-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff}.mobile-nav{display:grid;gap:4px;padding:0 20px 18px;background:#fff}.mobile-nav__item{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:#f7faf9}.mobile-nav__item small{color:var(--muted)}.feature-grid{grid-template-columns:repeat(3,1fr)}.teacher-grid--home,.article-grid,.stat-grid,.pill-grid,.flow-row,.footer-grid{grid-template-columns:repeat(2,1fr)}.list-layout,.detail-layout,.article-hero__inner,.contact-layout{grid-template-columns:1fr}.side-panel{position:static}}@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.top-strip__inner{display:grid}.home-hero,.course-hero{min-height:520px}.home-hero__content{padding-top:60px}.section-band{padding:52px 0}.page-hero,.page-hero--compact{padding:50px 0}.page-hero h1,.article-hero h1{font-size:32px}.feature-strip{margin-top:0}.feature-grid,.course-showcase,.teacher-grid,.teacher-grid--home,.article-grid,.activity-row,.stat-grid,.pill-grid,.project-grid,.flow-row,.two-column,.campus-grid,.job-grid,.footer-grid,.about-section,.about-section:nth-child(2n){grid-template-columns:1fr}.about-section:nth-child(2n) img{order:0}.article-card,.teacher-card--large,.forum-board,.thread-row,.timeline-item{grid-template-columns:1fr}.split-heading,.contact-cta__inner,.schema-card__head{display:grid;align-items:start}.schema-row{grid-template-columns:1fr;gap:6px}.floating-tools{display:none}}