﻿/* 新乡徐嘉露职业培训学校 - 高级美妆专业色调 */
:root{--ink:#24131a;--deep:#160b10;--wine:#4a1f2d;--rose:#8f3d52;--rose2:#b86b78;--gold:#d8a864;--champagne:#f4dcc0;--cream:#fff8f4;--paper:#fffaf7;--blush:#f6e7e2;--muted:#79605a;--line:#e6cfc2;--shadow:0 18px 45px rgba(58,24,36,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff8f4,#f5e7e2);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,94vw);margin:auto}.topbar{background:#211017;border-bottom:1px solid rgba(216,168,100,.28);color:#ead5cf;font-size:14px}.topbar-inner{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:14px}.top-links{display:flex;gap:14px;flex-wrap:wrap}.top-links a{color:var(--champagne);font-weight:800}.header{background:linear-gradient(180deg,#fffaf7,#f7e9e4);box-shadow:0 14px 35px rgba(58,24,36,.08);position:relative;z-index:5}.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:16px;min-width:0}.logo-img{width:78px;height:78px;object-fit:contain}.logo-text strong{display:block;font-size:30px;color:var(--wine);line-height:1.2}.logo-text em{display:block;font-style:normal;color:#9e766d;font-size:12px;letter-spacing:.12em}.header-info{text-align:right;color:#866860}.header-info strong{display:block;color:var(--rose);font-size:23px;line-height:1.2}.header-info small{display:block}.nav-toggle{display:none;border:0;background:#f0d9d1;border-radius:10px;font-size:28px;padding:4px 10px;color:var(--wine)}.main-nav{background:linear-gradient(90deg,#170b10,#3a1824 48%,#8f3d52)}.nav-wrap{min-height:56px;display:flex;align-items:center;flex-wrap:wrap}.nav-wrap a{color:#fff7f1;display:flex;align-items:center;min-height:56px;padding:0 13px;font-weight:900;letter-spacing:.02em}.nav-wrap a:hover,.nav-wrap a.active{background:linear-gradient(180deg,rgba(216,168,100,.28),rgba(216,168,100,.08));color:#ffe3b8}.home-hero,.hero{background:radial-gradient(circle at 82% 20%,rgba(216,168,100,.35),transparent 28%),linear-gradient(135deg,#160b10,#451c2a 54%,#8f3d52);color:#fff8f1;padding:62px 0}.home-hero-inner{display:grid;grid-template-columns:.9fr 1.25fr;gap:36px;align-items:center}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.eyebrow,.section-title span,.page-hero span{color:#f1c98e;font-weight:900;letter-spacing:.22em}.hero-copy h1{font-size:clamp(40px,5vw,70px);line-height:1.08;margin:12px 0;color:#fffaf4}.hero-copy p{color:#efd9d5;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-actions a{background:linear-gradient(135deg,#f0c27b,#d8a864);color:#24131a;padding:12px 20px;border-radius:999px;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.16)}.hero-actions a:nth-child(2){background:#fff8f4}.hero-actions a:nth-child(3){background:transparent;border:1px solid rgba(244,220,192,.58);color:#fff8f1}.hero-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:330px}.hero-gallery img{width:100%;height:160px;object-fit:cover;border-radius:16px;border:1px solid rgba(244,220,192,.35);box-shadow:0 16px 36px rgba(0,0,0,.28);background:#fff}.gallery-placeholder{grid-column:1/-1;display:grid;place-items:center;color:#efd9d5}.hero-photo{display:none}.notice{background:#fff8f4;border-bottom:1px solid var(--line)}.notice-inner{height:52px;display:flex;align-items:center;gap:16px}.notice strong{background:linear-gradient(135deg,#7e2d42,#b86b78);color:#fff;padding:5px 14px;border-radius:999px;white-space:nowrap}.notice marquee{color:#725650}.section{padding:76px 0}.muted{background:linear-gradient(180deg,#f6e7e2,#efd9d1)}.section-title{text-align:center;margin-bottom:34px}.section-title.left{text-align:left}.section-title h2{font-size:38px;margin:6px 0;color:var(--wine);line-height:1.25}.section-title p{color:var(--muted);margin:0}.home-cards,.adv-grid,.teaching-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.home-card,.adv-grid article,.teaching-grid article,.course-grid article,.course-list article,.steps article{background:linear-gradient(180deg,#fffaf7,#f9ece7);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow);transition:.2s;position:relative;overflow:hidden}.home-card:before,.adv-grid article:before,.teaching-grid article:before,.course-grid article:before,.course-list article:before,.steps article:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7e2d42,#d8a864,#b86b78)}.home-card:hover,.adv-grid article:hover,.teaching-grid article:hover,.course-grid article:hover,.course-list article:hover{transform:translateY(-5px);box-shadow:0 26px 55px rgba(58,24,36,.16)}.home-card b,.steps b{font-family:Georgia,serif;color:var(--gold);font-size:38px}.home-card h3,.adv-grid h3,.teaching-grid h3,.course-grid h3,.course-list h3,.steps h3{margin:10px 0;color:#7e2d42;font-size:22px;font-weight:900}.home-card p,.adv-grid p,.teaching-grid p,.course-grid p,.course-list p,.steps p,.page-main p,.page-side p,.news-list p{color:var(--muted);margin:0 0 10px}.split{display:grid;grid-template-columns:1fr 380px;gap:42px;align-items:center}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{padding:8px 0 8px 30px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--rose);font-weight:900}.stats-box{background:linear-gradient(180deg,#fffaf7,#f7e7e1);border:1px solid var(--line);border-radius:24px;padding:32px;display:grid;gap:4px;box-shadow:var(--shadow)}.stats-box strong{font-family:Georgia,serif;color:#8f3d52;font-size:42px;line-height:1}.stats-box span{color:var(--muted);margin-bottom:16px}.page-hero{background:radial-gradient(circle at 85% 20%,rgba(216,168,100,.3),transparent 28%),linear-gradient(90deg,#160b10,#4a1f2d 58%,#8f3d52);color:#fff8f1;padding:76px 0}.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:8px 0;color:#fffaf4}.page-hero p{color:#efd9d5;font-size:18px;max-width:780px}.page-layout{display:grid;grid-template-columns:1fr 320px;gap:30px}.page-main,.page-side,.news-list article{background:linear-gradient(180deg,#fffaf7,#f9ece7);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.page-main h2{font-size:28px;margin:0 0 16px;color:#7e2d42}.page-side{position:sticky;top:18px;align-self:start}.page-side strong{font-family:Georgia,serif;color:#8f3d52;font-size:28px}.admission-card{background:linear-gradient(145deg,#211017,#64263a);color:#fff8f1;border-color:rgba(216,168,100,.35)}.admission-card p{color:#efd9d5}.admission-card a{display:block;background:linear-gradient(135deg,#f0c27b,#d8a864);color:var(--ink);text-align:center;padding:12px;border-radius:999px;font-weight:900;margin-top:14px}.news-list{display:grid;gap:20px}.news-list time{color:#9f4058;font-weight:900}.teaching-grid{grid-template-columns:repeat(3,1fr)}.course-grid,.course-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-photo{background:linear-gradient(180deg,#fffaf7,#f9ece7);border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.feature-photo img{width:100%;height:360px;object-fit:cover;border-radius:18px}.teacher-grid{display:grid;grid-template-columns:1fr;gap:26px}.teacher-card{display:grid;grid-template-columns:340px 1fr;background:linear-gradient(160deg,#fffaf7,#fff3ee 44%,#fae8e1);border:1px solid rgba(216,168,100,.28);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(78,28,42,.12);transition:.28s ease,box-shadow .28s ease;position:relative}.teacher-card:hover{transform:translateY(-5px);box-shadow:0 32px 68px rgba(78,28,42,.16)}.teacher-card:after{content:'';position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(180deg,rgba(216,168,100,.12),transparent 38%)}.teacher-card .teacher-photo{padding:18px;border-right:1px dashed rgba(214,180,166,.7)}.teacher-card .teacher-photo img{width:100%;height:300px;object-fit:cover;border-radius:16px;border:6px solid #fff;box-shadow:0 18px 40px rgba(90,30,46,.16);background:linear-gradient(180deg,#f9e3da,#eadad3)}.teacher-card .teacher-info{padding:32px 34px;display:grid;gap:12px;align-content:center}.teacher-card h3{margin:0;font-size:26px;color:#4a1f2d;font-weight:900;letter-spacing:.01em}.teacher-card .teacher-tagline{margin:0;color:#9f4058;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.teacher-card p{margin:0;color:#6e5650;white-space:pre-line;font-size:17px;line-height:2}.teacher-card .teacher-rule{width:48px;height:4px;border-radius:999px;background:linear-gradient(90deg,#7e2d42,#d8a864,#b86b78);margin:2px 0 4px}.teacher-card .teacher-name{font-family:Georgia,serif;color:#7e2d42;font-size:28px;line-height:1.28}.teacher-card .teacher-name small{display:block;margin-top:6px;font-family:inherit;color:#9e766d;font-size:13px;letter-spacing:.08em}.teacher-card:has(.teacher-photo):hover .teacher-photo img{box-shadow:0 22px 48px rgba(78,28,42,.22)}@media(max-width:920px){.teacher-card{grid-template-columns:1fr}.teacher-card .teacher-photo{border-right:0;border-bottom:1px dashed rgba(214,180,166,.7)}.teacher-card .teacher-photo img{height:360px}}@media(max-width:520px){.teacher-card .teacher-photo{padding:12px}.teacher-card .teacher-info{padding:22px}.teacher-card .teacher-name{font-size:24px}}.honor-grid{columns:4 220px;column-gap:18px}.honor-card{break-inside:avoid;background:linear-gradient(180deg,#fffaf7,#f9ece7);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:0 0 18px;box-shadow:var(--shadow)}.honor-card img{width:100%;display:block}.honor-card p{margin:0;padding:12px 14px;color:var(--muted)}.empty-box{background:#fffaf7;border:1px dashed var(--gold);border-radius:18px;padding:34px;text-align:center;color:#80625a}.campus-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.campus-gallery figure{margin:0;background:linear-gradient(180deg,#fffaf7,#f9ece7);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.campus-gallery img{width:100%;height:260px;object-fit:cover;background:#eadad3}.campus-gallery figcaption{padding:13px 16px;color:var(--muted)}.map-box{height:260px;background:#fff4ef;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;text-align:center;color:#80625a;margin-top:18px}.qr{width:132px!important;height:132px!important;max-width:132px!important;max-height:132px!important;background:#fffaf7;color:#8b6258;border:1px solid rgba(216,168,100,.45);display:grid!important;place-items:center!important;text-align:center;border-radius:16px;overflow:hidden!important;flex:0 0 132px!important}.qr.has-img{background:#fff;padding:0}.qr img,.qr.has-img img,.footer .qr img,.footer .qr.has-img img{width:132px!important;height:132px!important;max-width:132px!important;max-height:132px!important;object-fit:contain!important;display:block!important;transform:none!important}.footer{background:linear-gradient(135deg,#12090d,#2b121c 58%,#4a1f2d);color:#e8d2cd}.footer-grid{display:grid;grid-template-columns:1fr 160px;gap:34px;padding:42px 0;align-items:center}.footer-grid .qr{justify-self:end}.footer h2{color:#fff8f1;margin-top:0}.copyright{text-align:center;background:#0d0609;color:#b99b91;padding:13px;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.edit-toolbar{font-size:14px}@media(max-width:1060px){.home-cards,.adv-grid{grid-template-columns:repeat(2,1fr)}.teaching-grid,.campus-gallery{grid-template-columns:repeat(2,1fr)}.header-info{display:none}}@media(max-width:900px){.nav-toggle{display:block}.main-nav{display:none}.main-nav.open{display:block}.nav-wrap{display:block}.nav-wrap a{min-height:46px}.hero-grid,.home-hero-inner,.split,.page-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 160px}.page-side{position:static}.hero-gallery{grid-template-columns:repeat(2,1fr)}.section-title.left{text-align:center}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar-inner{display:block;padding:8px 0}.header-inner{min-height:auto;padding:14px 0}.logo-img{width:56px;height:56px}.logo-text strong{font-size:20px}.logo-text em{font-size:10px}.home-cards,.adv-grid,.teaching-grid,.course-grid,.course-list,.campus-gallery,.steps{grid-template-columns:1fr}.section{padding:48px 0}.home-hero{padding:42px 0}.hero-copy h1{font-size:38px}.hero-gallery img{height:140px}.section-title h2{font-size:30px}.page-main,.page-side{padding:22px}.footer-grid .qr{display:grid!important;justify-self:end}}
