/* Classical-D homepage: alignment and responsive layout refinements. */
:root{--gold:#d6b36a;--content:1240px}html{scroll-padding-top:110px}.header-container{max-width:var(--content);min-height:90px;gap:32px;padding:20px 32px}.brand-link{flex-shrink:0;gap:16px}.brand-link .brand-mark{border:0;border-radius:0;background:transparent;width:44px;height:44px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{white-space:nowrap;font-size:29px;letter-spacing:.16em}.brand-subtitle{font-size:10px;letter-spacing:.5em;margin-top:4px}.main-navigation{margin-left:auto;gap:28px;letter-spacing:.12em;white-space:nowrap;color:var(--gold)}.header-actions{width:auto;height:auto;flex:none}.secondary-button{flex:none;width:auto;height:auto;min-width:64px;padding:4px 17px;line-height:1.3;font-size:13px}.hero-container{max-width:var(--content);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;padding:84px 32px 72px;min-height:650px}.hero-content{min-width:0;gap:32px}.hero-tag-group,.hero-description:empty,.hero-heading-group>p:empty{display:none}.hero-heading-group{gap:28px}.hero-title{font-size:clamp(48px,5.5vw,78px);line-height:1.08;letter-spacing:-.025em;white-space:nowrap}.hero-heading-group>p:not(:empty){max-width:590px;font-size:15px;line-height:1.9;color:#d1cec7}.hero-actions{gap:14px;flex-wrap:wrap}.primary-cta,.secondary-cta{padding:14px 24px;font-size:14px;min-height:52px;white-space:nowrap}.button-icon{flex:none}.hero-image{grid-area:auto;width:100%;max-width:430px;justify-self:center;align-self:center;mix-blend-mode:normal;object-fit:contain}.hero-metrics{max-width:none;gap:14px}.metric-card{padding:20px 18px;min-height:174px;gap:12px;border-radius:22px;outline:none;background:linear-gradient(150deg,#181817,#0c0c0c)}.metric-card .hero-highlight{font-size:13px;line-height:1.6;min-height:42px;display:flex;align-items:flex-start}.metric-value{font-size:34px;line-height:1.15;min-height:40px}.metric-label{font-size:12px;line-height:1.7;letter-spacing:.08em;color:#95938c}.metric-card:last-child>.metric-label:first-of-type{display:none}.metric-card:last-child .metric-value:before{content:'连续 ';font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;color:#95938c;vertical-align:middle}.overview-section,.newsletter-container{max-width:var(--content);padding:76px 32px}.section-header{margin-bottom:30px}.section-title{font-size:36px;line-height:1.35}.overview-grid{gap:22px}#people-card{grid-area:auto}.feature-card{padding:28px;gap:20px;min-height:280px}.card-title{font-size:27px;line-height:1.4}.card-text{color:#aaa69e;line-height:1.8}.card-link{padding-top:12px;font-size:12px}.newsletter-grid{grid-template-columns:1fr 1fr;gap:32px}.newsletter-intro{grid-area:auto;grid-column:1/-1;max-width:800px}.newsletter-intro .section-title{font-size:32px;line-height:1.5}.newsletter-form{min-width:0;align-content:start;padding:28px;gap:20px;border-radius:26px}.text-input{padding:13px 16px}.form-field:has(>span:empty){display:none}.form-footer{margin-top:8px;flex-wrap:wrap}.form-note{font-size:12px;line-height:1.7;color:#bcb7aa}.submit-button{font-size:14px;padding:13px 24px}.qr-panel{display:grid;grid-template-columns:1fr 1fr;align-content:start;align-items:center;justify-items:center;gap:24px 20px}.qr-panel .teacher{grid-area:1/2;justify-self:center;font-size:13px;padding:0}.qr-panel .public-qr{grid-area:2/1;width:170px;aspect-ratio:1;object-fit:contain;align-self:start}.qr-panel .teacher-qr{grid-area:2/2;width:170px;aspect-ratio:1;object-fit:contain;margin:0;align-self:start}.qr-caption{grid-area:1/1;padding:0;font-size:13px}.qr-panel .form-field{display:none}.footer-container{max-width:var(--content);padding:44px 32px}.footer-brand-group{max-width:410px}.footer-description{line-height:1.8;color:#939089}.footer-links-grid{gap:44px}.footer-bottom{color:#89867f;font-size:12px}.footer-brand-link .brand-name{font-size:26px}.footer-top{gap:48px}.primary-cta:hover,.submit-button:hover{filter:brightness(1.08)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:1100px){.main-navigation{gap:20px;font-size:12px}.header-container{gap:24px}.hero-container{gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.hero-title{font-size:60px}.metric-card{padding:16px 13px}.metric-label{letter-spacing:0}.footer-links-grid{gap:24px}}
@media(max-width:900px){.header-container{flex-wrap:wrap;gap:18px;padding:20px 24px}.main-navigation{display:flex;order:3;width:100%;justify-content:space-between;margin:0;padding-top:14px;border-top:1px solid #ffffff12}.header-actions{margin-left:auto}.hero-container{padding:56px 24px;gap:32px;grid-template-columns:minmax(0,1fr);min-height:0}.hero-title{font-size:64px}.hero-image{grid-area:2/1;max-width:300px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-heading-group>p:not(:empty){max-width:620px}.overview-section,.newsletter-container{padding:56px 24px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{padding:22px 18px}.card-title{font-size:23px}.newsletter-grid{grid-template-columns:1fr}.newsletter-intro{grid-column:auto}.footer-container{padding:36px 24px}.footer-top{flex-direction:column}.footer-links-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:24px}.footer-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}}
@media(max-width:540px){html{scroll-padding-top:150px}.header-container{flex-direction:row;padding:16px 20px;gap:16px}.brand-name{font-size:23px}.brand-link{gap:10px}.brand-subtitle{font-size:8px}.brand-link .brand-mark{width:36px;height:36px}.main-navigation{gap:10px;font-size:11px;letter-spacing:.06em}.hero-container{padding:44px 20px;gap:28px}.hero-title{font-size:clamp(36px,10vw,54px)}.hero-content{gap:28px}.hero-heading-group{gap:22px}.hero-heading-group>p:not(:empty){font-size:14px;line-height:1.9}.hero-actions{flex-direction:row;gap:10px;align-items:stretch}.primary-cta,.secondary-cta{padding:12px 15px;font-size:12px;gap:8px;flex:1}.button-icon{height:16px;width:16px}.hero-metrics{grid-template-columns:1fr;gap:10px}.metric-card{min-height:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;padding:18px 20px}.metric-card .hero-highlight{min-height:0;font-size:13px}.metric-value{grid-column:2;grid-row:1/3;min-height:0;font-size:34px}.metric-label{grid-column:1;font-size:11px}.metric-card:last-child .metric-value:before{display:none}.metric-card:last-child>.metric-label:first-of-type{display:none}.hero-image{max-width:240px}.overview-section,.newsletter-container{padding:44px 20px}.overview-grid{grid-template-columns:1fr;gap:16px}.feature-card{min-height:0;padding:24px;gap:16px}.card-title{font-size:27px}.section-title{font-size:30px}.newsletter-intro .section-title{font-size:26px}.newsletter-form{padding:22px;grid-template-columns:1fr;gap:18px}.form-field,.form-footer{grid-column:1}.qr-panel{grid-template-columns:1fr 1fr;gap:16px}.qr-panel .public-qr,.qr-panel .teacher-qr{width:100%;max-width:150px}.footer-container{padding:32px 20px}.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-bottom{gap:20px}.social-links{gap:20px;font-size:11px}.footer-brand-link .brand-name{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card{transition:none}.feature-card:hover{transform:none}}
