@charset "UTF-8";
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.site{min-height:100vh}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}
.edition{font-size:11px;letter-spacing:.15em;white-space:nowrap}
.story{position:relative;isolation:isolate}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em}
h1{position:relative;z-index:1;margin:17px 0 0;font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(36px,6vw,64px);line-height:1.32;letter-spacing:.02em}
.subtitle{position:relative;z-index:1;margin:21px 0 0;font-size:15px;line-height:1.7}
.motto-sign{position:relative;z-index:1;margin:14px 0 0;font-family:"Songti SC","STSong","SimSun",serif;font-size:16px;letter-spacing:.08em}
.player{position:relative;z-index:2}
.player-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 17px}
.player-heading h2{margin:0;font-size:21px;line-height:1.4}
.player-heading span{font-size:11px;letter-spacing:.1em}
.video-wrap{overflow:hidden;background:#143a33}
video{display:block;width:100%;max-height:68vh;background:transparent}
.player-note{margin:14px 0 0;font-size:12px;line-height:1.7}
.credit{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}
.credit b{font-size:14px}
.credit-label{opacity:.64}
.credit-clinic{margin-left:auto;text-align:right}
.credit-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;font-family:"Songti SC","STSong","SimSun",serif;font-size:20px}
.ornament{pointer-events:none;position:absolute;z-index:0}

/* 方案 B：暖色纸感 */
.theme-b{color:#3c3d2e;background:#f5efe2}
.theme-b .site{max-width:980px;margin:auto;padding:34px 25px 40px}
.theme-b .edition{color:#947762}
.theme-b .layout{margin-top:47px}
.theme-b .story{min-height:350px;padding:45px 50px 53px;overflow:hidden;border:1px solid #e4d9c7;border-radius:5px;background:#faf6ec}
.theme-b .eyebrow{color:#9b6750}
.theme-b h1{color:#42483a}
.theme-b h1 strong{color:#a66148;font-weight:inherit}
.theme-b .motto-sign{color:#925f47}
.theme-b .subtitle{margin-top:13px;color:#766e5b}
.theme-b .ornament{width:280px;height:280px;right:5%;top:20px;border-radius:50%;background:#e7d7aa}
.theme-b .ornament::before{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.6);border-radius:50%}
.theme-b .ornament::after{content:"✦";position:absolute;right:78px;top:70px;color:#f8f3e5;font-size:75px;font-weight:200}
.theme-b .player{margin:-19px 46px 0;padding:29px 31px 24px;border-radius:17px;background:#fffdfa;box-shadow:0 15px 35px #6b5b3d1c}
.theme-b .player-heading h2{color:#444b3e}
.theme-b .player-heading span,.theme-b .player-note{color:#8a8578}
.theme-b .video-wrap{border-radius:10px}
.theme-b .credit{margin:28px 48px 0;color:#625e52}
.theme-b .credit-avatar{background:#e6d5bb;color:#88583c}

/* 方案 C：浅蓝清爽 */
.theme-c{color:#24435a;background:#e5f2f7}
.theme-c .site{max-width:760px;margin:auto;padding:32px 22px 44px;background:radial-gradient(circle at 10% 13%,#f8fcff,transparent 37%),radial-gradient(circle at 95% 54%,#cce6ef,transparent 40%)}
.theme-c .edition{color:#6a99a7}
.theme-c .layout{margin-top:51px}
.theme-c .story{text-align:center;padding:26px 24px 38px}
.theme-c .eyebrow{color:#4f95a8}
.theme-c h1{color:#234f66;font-size:clamp(38px,6vw,59px)}
.theme-c h1 strong{color:#2786a1;font-weight:inherit}
.theme-c .subtitle{color:#627f89}
.theme-c .ornament{width:140px;height:140px;right:7%;top:-20px;border:1px solid #acd5df;border-radius:50%;box-shadow:0 0 0 25px #d7edf2,0 0 0 48px #e0f1f4}
.theme-c .player{padding:28px 28px 24px;border:1px solid #e2f1f6;border-radius:28px;background:#fff;box-shadow:0 18px 40px #4f8ca321}
.theme-c .player-heading h2{color:#244b61}
.theme-c .player-heading span,.theme-c .player-note{color:#7993a0}
.theme-c .video-wrap{border-radius:19px}
.theme-c .credit{margin:25px 16px 0;color:#517080}
.theme-c .credit-avatar{color:#2b7890;background:#cbe8ee}

/* 方案 D：深色分栏 */
.theme-d{color:#f6f3df;background:#111e2b}
.theme-d .site{max-width:1140px;margin:auto;padding:34px 35px 44px;min-height:100vh;background:radial-gradient(circle at 0 0,#28483c,transparent 39%),linear-gradient(135deg,#142d2d,#111e2b)}
.theme-d .edition{color:#a7c7bf}
.theme-d .layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:35px;min-height:calc(100vh - 180px)}
.theme-d .story{padding:56px 0}
.theme-d .eyebrow{color:#d4e991}
.theme-d h1{font-size:clamp(40px,4.4vw,64px)}
.theme-d h1 strong{color:#d7eb8e;font-weight:inherit}
.theme-d .subtitle{color:#bed0c8}
.theme-d .ornament{left:-21px;bottom:5px;width:180px;height:6px;background:#d7eb8e;border-radius:9px}
.theme-d .player{padding:20px;border:1px solid #547165;border-radius:24px;background:#284338;box-shadow:0 25px 65px #06181860}
.theme-d .player-heading{padding:6px 6px 0}
.theme-d .player-heading h2{color:#f9f9e9}
.theme-d .player-heading span,.theme-d .player-note{color:#b4cec0}
.theme-d .video-wrap{border-radius:14px}
.theme-d .player-note{padding:0 6px}
.theme-d .credit{padding-top:18px;border-top:1px solid #4c695e;color:#d1ddd0}
.theme-d .credit-avatar{color:#19332b;background:#d7eb8e}

/* 暖色变体二：杏色拼接 */
.theme-b2{color:#4c3c30;background:#efe9df}
.theme-b2 .site{max-width:1120px;margin:auto;padding:32px 25px 42px}
.theme-b2 .edition{color:#977d6c}
.theme-b2 .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);margin-top:42px;align-items:stretch}
.theme-b2 .story{overflow:hidden;min-height:480px;padding:56px 44px;border-radius:27px 0 0 27px;background:#deb99d}
.theme-b2 .eyebrow{color:#704f3f}
.theme-b2 h1{color:#432e2a;font-size:clamp(39px,4.5vw,58px)}
.theme-b2 h1 strong{color:#fff9e8;font-weight:inherit}
.theme-b2 .motto-sign{color:#674534}
.theme-b2 .subtitle{color:#654a3a}
.theme-b2 .ornament{right:-100px;bottom:-135px;width:325px;height:325px;border:1px solid #fff7e8;border-radius:50%;box-shadow:0 0 0 31px #f2d2b754,0 0 0 65px #f2d2b744}
.theme-b2 .player{display:flex;flex-direction:column;justify-content:center;padding:38px 34px;border:1px solid #e5d8c7;border-left:0;border-radius:0 27px 27px 0;background:#fffbf5}
.theme-b2 .player-heading h2{color:#4c4035}
.theme-b2 .player-heading span,.theme-b2 .player-note{color:#8d806f}
.theme-b2 .video-wrap{border-radius:13px}
.theme-b2 .credit{margin:25px 3px 0;color:#796a5d}
.theme-b2 .credit-avatar{color:#80553b;background:#e9d4bd}

/* 暖色变体三：奶油拱窗 */
.theme-b3{color:#4d4838;background:#f1eadb}
.theme-b3 .site{max-width:770px;margin:auto;padding:30px 20px 45px;background:radial-gradient(circle at 50% 12%,#fffcf4,transparent 57%)}
.theme-b3 .edition{color:#978d73}
.theme-b3 .layout{margin-top:27px}
.theme-b3 .story{min-height:393px;overflow:hidden;padding:80px 25px 84px;border:1px solid #ded3bd;border-radius:290px 290px 20px 20px;background:linear-gradient(180deg,#f5e8ce,#f9f4e8);text-align:center}
.theme-b3 .eyebrow{color:#a28658}
.theme-b3 h1{color:#4a4d3b;font-size:clamp(39px,6vw,54px)}
.theme-b3 h1 strong{color:#a0694c;font-weight:inherit}
.theme-b3 .motto-sign{margin-top:17px;color:#8e704f;font-size:22px;font-weight:600;letter-spacing:.05em}
.theme-b3 .subtitle{margin-top:12px;color:#857b68}
.theme-b3 .ornament{width:155px;height:155px;left:50%;top:-100px;transform:translateX(-50%);border:1px solid #d9b77d;border-radius:50%;box-shadow:0 0 0 23px #e7d1a65e}
.theme-b3 .player{margin:-38px 37px 0;padding:26px 26px 23px;border:1px solid #e9dfcf;border-radius:19px;background:#fffefa;box-shadow:0 16px 38px #6b563123}
.theme-b3 .player-heading h2{color:#4c4c3e}
.theme-b3 .player-heading span,.theme-b3 .player-note{color:#8c8678}
.theme-b3 .video-wrap{border-radius:12px}
.theme-b3 .credit{margin:25px 39px 0;color:#736c5c}
.theme-b3 .credit-avatar{color:#745b3f;background:#eadfc9}
@media(max-width:760px){
  .theme-b .site{padding:21px 14px 30px}
  .theme-b .layout{margin-top:25px}
  .theme-b .story{min-height:314px;padding:35px 25px}
  .theme-b .ornament{width:190px;height:190px;right:-55px;top:51px;opacity:.75}
  .theme-b .player{margin:-18px 12px 0;padding:21px 17px}
  .theme-b .credit{margin:23px 16px 0}
  .theme-c .site{padding:20px 14px 30px}
  .theme-c .layout{margin-top:28px}
  .theme-c .story{padding:36px 4px 32px}
  .theme-c .ornament{width:85px;height:85px;right:0;top:-3px;opacity:.4}
  .theme-c .player{padding:21px 16px 20px;border-radius:22px}
  .theme-d .site{padding:21px 17px 30px}
  .theme-d .layout{display:block;min-height:0}
  .theme-d .story{padding:80px 10px 67px}
  .theme-d .ornament{left:9px;bottom:35px;width:120px}
  .theme-d .player{padding:17px}
  .theme-d .credit{margin-top:30px}
  .theme-b2 .site{padding:20px 14px 32px}
  .theme-b2 .layout{display:block;margin-top:24px}
  .theme-b2 .story{min-height:322px;padding:37px 25px 49px;border-radius:23px 23px 0 0}
  .theme-b2 .player{padding:24px 20px;border:1px solid #e5d8c7;border-top:0;border-radius:0 0 23px 23px}
  .theme-b2 .credit{margin:23px 4px 0}
  .theme-b3 .site{padding:20px 14px 30px}
  .theme-b3 .layout{margin-top:25px}
  .theme-b3 .story{min-height:365px;padding:74px 15px 75px}
  .theme-b3 .motto-sign{font-size:20px}
  .theme-b3 .player{margin:-35px 12px 0;padding:22px 17px}
  .theme-b3 .credit{margin:23px 17px 0}
}
@media(max-width:410px){
  .brand{font-size:11px}
  .edition{font-size:9px}
  .theme-b h1,.theme-c h1,.theme-d h1,.theme-b2 h1,.theme-b3 h1{font-size:39px}
  .player-heading h2{font-size:19px}
  .credit-clinic{max-width:126px}
}

/* 正式版：诊所实景与昼夜切换 */
.theme-b3 .story{min-height:0;padding:0}
.theme-b3 .photo-frame{position:relative;overflow:hidden;height:clamp(210px,38vw,300px);background:#ddd2bd}
.theme-b3 .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.theme-b3 .story-copy{position:relative;z-index:1;padding:31px 18px 80px}
.theme-b3 .story-copy h1{margin-top:12px}
.theme-b3 .story-copy .subtitle{margin-top:10px}

/* 手机端优先让视频播放入口进入首屏 */
@media(max-width:760px){
  .theme-b3 .site{padding:14px 12px 24px}
  .theme-b3 .layout{margin-top:14px}
  .theme-b3 .story{border-radius:180px 180px 20px 20px}
  .theme-b3 .photo-frame{height:clamp(150px,42vw,200px)}
  .theme-b3 .story-copy{padding:14px 12px 47px}
  .theme-b3 .eyebrow{font-size:11px;letter-spacing:.1em}
  .theme-b3 h1{margin-top:7px;font-size:clamp(29px,7.8vw,35px);line-height:1.2}
  .theme-b3 .motto-sign{margin-top:8px;font-size:17px}
  .theme-b3 .player{margin:-27px 8px 0;padding:16px 14px 18px}
  .theme-b3 .player-heading{margin-bottom:11px}
  .theme-b3 .player-heading h2{font-size:18px}
  .theme-b3 .credit{margin:18px 12px 0}
}