.page-weihai .whc { --whc-ink:#083d4a; --whc-deep:#052e39; --whc-sea:#0c7180; --whc-mist:#a9dde0; --whc-ivory:#f8f4eb; --whc-coral:#e56743; --whc-gold:#d9a557; overflow:hidden; background:var(--whc-ivory); color:var(--whc-ink); }
.page-weihai .whc *, .page-weihai .whc *::before, .page-weihai .whc *::after { box-sizing:border-box; }
.page-weihai .whc-shell { width:min(1200px,calc(100% - 56px)); margin-inline:auto; }
.page-weihai .whc h1, .page-weihai .whc h2, .page-weihai .whc h3, .page-weihai .whc p, .page-weihai .whc figure { margin:0; }
.page-weihai .whc h1, .page-weihai .whc h2, .page-weihai .whc h3 { font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif; }
.page-weihai .whc h2 { font-size:clamp(35px,4.1vw,53px); line-height:1.19; letter-spacing:-.04em; }
.page-weihai .whc a { color:inherit; }
.page-weihai .whc a:focus-visible, .page-weihai .whc button:focus-visible { outline:3px solid var(--whc-coral); outline-offset:4px; }
.page-weihai .whc-kicker { color:var(--whc-coral); font-family:Arial,"Microsoft YaHei",sans-serif; font-size:11px; font-weight:850; letter-spacing:.23em; line-height:1.5; }
.page-weihai .whc-hero { position:relative; padding:76px 0 0; background:radial-gradient(circle at 80% 14%,#fff 0%,transparent 38%),var(--whc-ivory); }
.page-weihai .whc-hero-shell { position:relative; display:grid; grid-template-columns:.88fr 1.12fr; gap:4%; align-items:center; }
.page-weihai .whc-hero-copy { position:relative; z-index:2; padding:55px 0 85px; }
.page-weihai .whc-hero h1 { max-width:600px; margin:24px 0 26px; font-size:clamp(48px,5.1vw,70px); line-height:1.1; letter-spacing:-.055em; }
.page-weihai .whc-hero h1 span { display:block; margin-top:12px; color:var(--whc-coral); font-size:.75em; font-weight:500; }
.page-weihai .whc-hero-copy > p:not(.whc-kicker) { max-width:570px; color:#42646b; font-size:17px; line-height:1.9; }
.page-weihai .whc-hero-actions { display:flex; flex-wrap:wrap; gap:24px; margin-top:34px; }
.page-weihai .whc-hero-actions a { display:inline-flex; gap:15px; align-items:center; padding:11px 0; border-bottom:2px solid var(--whc-coral); color:var(--whc-ink); font-size:14px; font-weight:800; text-decoration:none; }
.page-weihai .whc-hero-actions a:first-child { color:#bb4727; }
.page-weihai .whc-hero-actions a:hover { color:var(--whc-sea); }
.page-weihai .whc-hero-image { position:relative; z-index:1; align-self:stretch; min-height:460px; overflow:hidden; border-radius:54% 54% 8px 8px / 30% 30% 8px 8px; background:#dce7e6; }
.page-weihai .whc-hero-image img { display:block; width:100%; height:100%; min-height:460px; object-fit:cover; }
.page-weihai .whc-hero-image figcaption { position:absolute; right:0; bottom:0; left:0; padding:13px 20px; background:rgba(5,46,57,.82); color:#eefafa; font-size:12px; line-height:1.5; }
.page-weihai .whc-arc { position:absolute; z-index:2; right:42%; bottom:132px; width:190px; height:190px; pointer-events:none; }
.page-weihai .whc-arc::before { position:absolute; inset:0; border:19px solid var(--whc-coral); border-right-color:transparent; border-top-color:transparent; border-radius:50%; transform:rotate(-28deg); content:""; }
.page-weihai .whc-arc span { position:absolute; right:8px; bottom:31px; width:12px; height:12px; border-radius:50%; background:var(--whc-deep); }
.page-weihai .whc-coordinates { position:relative; z-index:3; grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:-28px; background:var(--whc-deep); color:#fff; box-shadow:0 16px 38px rgba(5,46,57,.13); }
.page-weihai .whc-coordinates > div { display:grid; grid-template-columns:96px 1fr; gap:2px 15px; padding:25px 28px; border-right:1px solid rgba(255,255,255,.15); }
.page-weihai .whc-coordinates > div:last-child { border:0; }
.page-weihai .whc-coordinates b { grid-row:1/3; padding-top:4px; color:var(--whc-coral); font-size:10px; letter-spacing:.19em; }
.page-weihai .whc-coordinates span { font-size:18px; font-weight:800; }
.page-weihai .whc-coordinates small { color:#b8d9db; font-size:11px; line-height:1.6; }
.page-weihai .whc-course { padding:122px 0 100px; background:#eaf3ef; }
.page-weihai .whc-section-intro { display:grid; grid-template-columns:.3fr .9fr .7fr; gap:38px; align-items:end; margin-bottom:50px; }
.page-weihai .whc-section-intro > p:last-child { color:#4b6f72; font-size:15px; line-height:1.85; }
.page-weihai .whc-course-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid #8bb1b1; }
.page-weihai .whc-course-item { min-height:345px; padding:28px 23px 25px; border-bottom:1px solid #8bb1b1; border-right:1px solid #8bb1b1; background:rgba(255,255,255,.44); transition:background .22s ease,box-shadow .22s ease; }
.page-weihai .whc-course-item:last-child { border-right:0; }
.page-weihai .whc-course-item.is-active { background:#fffaf1; box-shadow:inset 0 5px var(--whc-coral); }
.page-weihai .whc-course-item button { display:grid; grid-template-columns:1fr auto; width:100%; min-height:96px; padding:0; border:0; background:transparent; color:var(--whc-ink); text-align:left; cursor:pointer; }
.page-weihai .whc-course-item button span { grid-column:1/-1; color:#a34731; font-size:10px; font-weight:900; letter-spacing:.17em; }
.page-weihai .whc-course-item button strong { align-self:end; font-size:25px; }
.page-weihai .whc-course-item button i { align-self:end; color:var(--whc-coral); font-size:21px; font-style:normal; }
.page-weihai .whc-course-item p { min-height:147px; padding:24px 0 18px; color:#436268; font-size:14px; line-height:1.8; }
.page-weihai .whc-course-item small { display:block; padding-top:14px; border-top:1px solid #b3cecb; color:#467076; font-size:12px; line-height:1.6; }
.page-weihai .whc-course-boundary { margin-top:26px!important; color:#59767b; font-size:13px; line-height:1.8; }
.page-weihai .whc-address { padding:118px 0; background:var(--whc-ivory); }
.page-weihai .whc-address-layout { display:grid; grid-template-columns:1.06fr .94fr; gap:7%; align-items:center; }
.page-weihai .whc-address figure { overflow:hidden; border-radius:140px 6px 6px 6px; background:var(--whc-deep); }
.page-weihai .whc-address figure img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-weihai .whc-address figcaption, .page-weihai .whc-notes figcaption { padding:12px 17px; color:#c9e5e5; font-size:12px; line-height:1.5; }
.page-weihai .whc-address h2 { margin:18px 0 23px; }
.page-weihai .whc-address-layout > div > p:not(.whc-kicker) { color:#4d6a6f; font-size:16px; line-height:1.9; }
.page-weihai .whc-address-check { margin-top:34px; }
.page-weihai .whc-address-check > div { display:grid; grid-template-columns:70px 1fr; gap:16px; padding:15px 0; border-top:1px solid #c1d0cc; }
.page-weihai .whc-address-check b { color:#ba5438; font-size:15px; }
.page-weihai .whc-address-check span { color:#526e70; font-size:14px; line-height:1.7; }
.page-weihai .whc-ad-slot { background:#e8f3f1; }
.page-weihai .whc-radius { padding:118px 0 120px; background:var(--whc-deep); color:#f4ffff; }
.page-weihai .whc-radius-heading { display:grid; grid-template-columns:1fr .55fr; gap:9%; align-items:end; margin-bottom:43px; }
.page-weihai .whc-radius-heading h2 { margin-top:17px; }
.page-weihai .whc-radius-heading > p { color:#b1d4d5; font-size:15px; line-height:1.85; }
.page-weihai .whc-radius-image { position:relative; overflow:hidden; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.page-weihai .whc-radius-image img { display:block; width:100%; aspect-ratio:2.7/1; object-fit:cover; object-position:center 54%; }
.page-weihai .whc-radius-image figcaption { position:absolute; right:0; bottom:0; padding:11px 19px; background:rgba(5,46,57,.86); color:#c8e5e4; font-size:12px; }
.page-weihai .whc-radius-track { display:grid; grid-template-columns:repeat(5,1fr); margin-top:38px; }
.page-weihai .whc-radius-track > div { position:relative; padding:26px 20px 0; border-top:2px solid #6ea1a4; }
.page-weihai .whc-radius-track > div::before { position:absolute; top:-8px; left:20px; width:14px; height:14px; border:3px solid var(--whc-deep); border-radius:50%; background:var(--whc-coral); box-shadow:0 0 0 1px var(--whc-coral); content:""; }
.page-weihai .whc-radius-track span { color:var(--whc-coral); font-size:10px; font-weight:900; letter-spacing:.15em; }
.page-weihai .whc-radius-track b { display:block; margin:10px 0 8px; font-size:22px; }
.page-weihai .whc-radius-track p { color:#b2d0d2; font-size:13px; line-height:1.7; }
.page-weihai .whc-notes { padding:116px 0 102px; background:#e9f0eb; }
.page-weihai .whc-notes-layout { display:grid; grid-template-columns:.91fr 1.09fr; gap:7%; align-items:center; }
.page-weihai .whc-notes h2 { margin:18px 0 22px; }
.page-weihai .whc-notes-copy > p:not(.whc-kicker) { color:#4d6c70; font-size:16px; line-height:1.85; }
.page-weihai .whc-notes ul { margin:32px 0 0; padding:0; list-style:none; }
.page-weihai .whc-notes li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:16px 0; border-top:1px solid #b4ceca; }
.page-weihai .whc-notes li span { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--whc-coral); border-radius:50%; color:#ab4e35; font-size:12px; font-weight:900; }
.page-weihai .whc-notes h3 { font-size:19px; }
.page-weihai .whc-notes li p { margin-top:3px; color:#5e787a; font-size:13px; line-height:1.7; }
.page-weihai .whc-notes figure { overflow:hidden; border-radius:8px 150px 8px 8px; background:var(--whc-deep); }
.page-weihai .whc-notes figure img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-weihai .whc-separate { display:grid; grid-template-columns:240px 1fr; gap:25px; align-items:center; margin-top:52px; padding:21px 28px; border-left:4px solid var(--whc-coral); background:#f8f4eb; }
.page-weihai .whc-separate strong { font-size:18px; line-height:1.5; }
.page-weihai .whc-separate p { color:#597176; font-size:14px; line-height:1.8; }
.page-weihai .whc-reading { padding:118px 0; background:#f7f5ef; }
.page-weihai .whc-reading-layout { display:grid; grid-template-columns:.34fr .66fr; gap:9%; align-items:start; }
.page-weihai .whc-reading-side { position:sticky; top:115px; }
.page-weihai .whc-reading-side h2 { margin:20px 0 20px; }
.page-weihai .whc-reading-side p:not(.whc-kicker) { color:#59787b; font-size:15px; line-height:1.85; }
.page-weihai .whc-reading-side a { display:inline-flex; margin-top:27px; padding-bottom:7px; border-bottom:2px solid var(--whc-coral); color:#a34731; font-size:14px; font-weight:850; text-decoration:none; }
.page-weihai .whc-reading-items { border-top:2px solid var(--whc-ink); }
.page-weihai .whc-reading-items article { display:grid; grid-template-columns:90px 1fr 18px; gap:19px; align-items:start; padding:21px 0; border-bottom:1px solid #bdd0cc; }
.page-weihai .whc-reading-items time { color:#718d8d; font-family:Arial,sans-serif; font-size:12px; line-height:1.6; }
.page-weihai .whc-reading-items h3 { font-size:17px; line-height:1.6; font-weight:650; }
.page-weihai .whc-reading-items h3 a { text-decoration:none; }
.page-weihai .whc-reading-items h3 a:hover { color:#ba5135; text-decoration:underline; text-underline-offset:4px; }
.page-weihai .whc-reading-items article > span { color:var(--whc-coral); font-size:18px; }
.page-weihai .whc-final { padding:88px 0 94px; background:#0b6571; color:#fff; }
.page-weihai .whc-final .whc-shell { display:grid; grid-template-columns:.34fr 1fr .7fr auto; gap:28px; align-items:center; }
.page-weihai .whc-final .whc-kicker { color:#ffd3c4; }
.page-weihai .whc-final h2 { font-size:clamp(35px,3.6vw,49px); }
.page-weihai .whc-final p:not(.whc-kicker) { color:#d6edeb; font-size:14px; line-height:1.8; }
.page-weihai .whc-final a { white-space:nowrap; color:#ffe0d3; font-size:13px; font-weight:850; text-decoration:none; }
@media (max-width:980px) { .page-weihai .whc-course-grid { grid-template-columns:repeat(2,1fr); } .page-weihai .whc-course-item:nth-child(2) { border-right:0; } .page-weihai .whc-course-item:nth-child(-n+2) { border-bottom:0; } .page-weihai .whc-course-item p { min-height:110px; } .page-weihai .whc-section-intro { grid-template-columns:1fr 1fr; } .page-weihai .whc-section-intro .whc-kicker { grid-column:1/-1; } .page-weihai .whc-final .whc-shell { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .page-weihai .whc-shell { width:min(100% - 36px,560px); } .page-weihai .whc-hero { padding-top:48px; } .page-weihai .whc-hero-shell, .page-weihai .whc-address-layout, .page-weihai .whc-radius-heading, .page-weihai .whc-notes-layout, .page-weihai .whc-reading-layout { grid-template-columns:1fr; gap:30px; } .page-weihai .whc-hero-copy { padding:0; } .page-weihai .whc-hero h1 { font-size:clamp(44px,9.5vw,60px); } .page-weihai .whc-hero-copy > p:not(.whc-kicker) { font-size:15px; } .page-weihai .whc-hero-image { min-height:0; border-radius:140px 140px 6px 6px / 60px 60px 6px 6px; } .page-weihai .whc-hero-image img { min-height:0; aspect-ratio:3/2; height:auto; } .page-weihai .whc-arc { right:4%; bottom:157px; width:100px; height:100px; } .page-weihai .whc-arc::before { border-width:10px; } .page-weihai .whc-coordinates { grid-column:auto; grid-template-columns:1fr; margin-top:-10px; } .page-weihai .whc-coordinates > div { grid-template-columns:75px 1fr; padding:13px 18px; border-right:0; border-bottom:1px solid rgba(255,255,255,.15); } .page-weihai .whc-course, .page-weihai .whc-address, .page-weihai .whc-radius, .page-weihai .whc-notes, .page-weihai .whc-reading { padding:76px 0; } .page-weihai .whc-section-intro { grid-template-columns:1fr; gap:13px; } .page-weihai .whc-section-intro .whc-kicker { grid-column:auto; } .page-weihai .whc-radius-image img { aspect-ratio:3/2; } .page-weihai .whc-radius-track { grid-template-columns:repeat(2,1fr); row-gap:28px; } .page-weihai .whc-reading-side { position:static; } .page-weihai .whc-separate { grid-template-columns:1fr; gap:7px; padding:20px; } .page-weihai .whc-final { padding:70px 0; } .page-weihai .whc-final .whc-shell { grid-template-columns:1fr; gap:14px; } }
@media (max-width:460px) { .page-weihai .whc-course-grid { grid-template-columns:1fr; } .page-weihai .whc-course-item { min-height:0; border-right:0; border-bottom:1px solid #8bb1b1!important; } .page-weihai .whc-course-item p { min-height:0; padding-bottom:20px; } .page-weihai .whc-radius-track { grid-template-columns:1fr; row-gap:16px; } .page-weihai .whc-reading-items article { grid-template-columns:1fr 18px; gap:4px 10px; } .page-weihai .whc-reading-items time { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .page-weihai .whc *, .page-weihai .whc *::before, .page-weihai .whc *::after { animation-duration:0s!important; transition-duration:0s!important; scroll-behavior:auto!important; } }