/* Final first/second-screen composition. Typeface remains Microsoft YaHei. */
.care-nav{height:76px;padding:0 6vw}.care-hero{height:100vh;min-height:720px;padding:132px 6vw 54px}.care-hero .care-kicker{font-size:10px;letter-spacing:.18em}.care-hero h1{max-width:690px;margin:38px 0 24px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:clamp(52px,4.65vw,76px);font-weight:300;line-height:1.2;letter-spacing:.025em}.care-hero>p{max-width:590px;font-size:14px;line-height:1.85;letter-spacing:.025em}.care-hero-meta{position:absolute;left:6vw;bottom:48px;width:min(700px,58vw);max-width:none;margin:0;padding-top:24px;grid-template-columns:auto auto 1fr;gap:19px}.care-hero-meta span{font-size:9px;letter-spacing:.16em}.care-hero-meta strong{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:20px;font-weight:400}.care-hero-meta i{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:12px;font-style:italic}
.care-handbook{--guide-scene:url('assets/care-guide-bearded-dragon.png');--scene-shade:rgba(35,24,14,.25);--scene-clear:rgba(35,24,14,.02);--card-bg:rgba(249,246,238,.92);--card-border:rgba(138,98,43,.2);--card-title:#244239;--card-copy:#596760;position:relative;height:100vh;min-height:900px;padding:48px 5.5vw 24px;color:#f5efe4;background-image:linear-gradient(90deg,var(--scene-shade),var(--scene-clear) 36%,var(--scene-clear) 64%,var(--scene-shade)),var(--guide-scene);background-position:center;background-size:cover;transition:background-color .45s ease}.care-handbook:after{display:none}.care-handbook>header{position:relative;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:60px;margin:0 0 26px}.care-handbook>header>div>span{color:#e0bd73;font-size:9px;letter-spacing:.17em}.care-handbook>header h2{display:flex;align-items:center;gap:20px;margin:14px 0 0;color:#f5efe4;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:clamp(34px,3vw,48px);font-weight:300;letter-spacing:.035em;text-shadow:0 2px 18px rgba(27,17,8,.25)}.care-handbook>header h2:before{content:"01";color:#f1e8d7;font-size:13px;font-weight:400;letter-spacing:.08em}.care-handbook>header h2:after{content:"";width:76px;height:1px;margin-left:4px;background:rgba(237,221,187,.56)}.care-handbook>header h2 b{font-weight:300}.care-handbook>header p{max-width:430px;margin:0;color:rgba(250,245,234,.72);font-size:12px;line-height:1.8;text-shadow:0 1px 10px rgba(25,15,8,.32)}
.care-orbit{position:relative;z-index:3;display:grid;grid-template-columns:clamp(250px,20.5vw,320px) 1fr clamp(250px,20.5vw,320px);grid-template-rows:repeat(3,minmax(166px,19vh));gap:clamp(14px,2vh,22px) clamp(44px,5vw,82px);min-height:560px;margin:0}.care-point{padding:clamp(21px,2.2vh,28px) clamp(22px,2vw,31px);border:1px solid var(--card-border);border-radius:6px;background:var(--card-bg);box-shadow:0 14px 32px rgba(35,23,12,.13);backdrop-filter:blur(5px);transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .35s ease}.care-point:hover{transform:translateY(-2px);border-color:rgba(199,154,73,.48)}.care-point small{font-size:9px;letter-spacing:.13em}.care-point strong{margin:11px 0 8px;color:var(--card-title);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:clamp(17px,1.25vw,20px);font-weight:400}.care-point p{color:var(--card-copy);font-size:clamp(11px,.84vw,13px);line-height:1.72}.care-point:nth-of-type(odd):after,.care-point:nth-of-type(even):after{display:none}
.care-animal-stage{grid-column:2;grid-row:1/4;min-height:560px}.care-animal-stage:before,.care-animal-stage:after,.care-animal-halo,.care-animal-stage img{display:none}.care-animal-stage figcaption{bottom:-20px;min-width:220px;padding:13px 25px;border:1px solid rgba(211,171,87,.76);border-radius:2px;background:rgba(12,45,34,.96);color:#f2eee5;box-shadow:0 11px 25px rgba(31,20,10,.26)}.care-animal-stage figcaption strong{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:17px;font-weight:400}.care-animal-stage figcaption i{font-family:"Microsoft YaHei","微软雅黑",sans-serif;color:#d2aa59;font-size:11px}
.care-species-switcher{position:absolute;z-index:6;left:50%;bottom:22px;margin:0;transform:translateX(-50%)}.care-species-switcher button{width:38px;height:38px;border-color:rgba(236,213,163,.45);background:rgba(15,45,34,.58);color:#efd59a}.care-species-switcher span{color:#f2deb0;font-size:9px}.care-species-switcher span i{width:72px;background:linear-gradient(90deg,#dfb75f,rgba(231,205,151,.2))}
@media(max-width:1080px){.care-handbook{height:auto;min-height:100svh;background-position:center}.care-orbit{grid-template-columns:1fr 1fr;grid-template-rows:auto}.care-animal-stage{grid-column:1/3;grid-row:1;min-height:420px}.care-animal-stage figcaption{bottom:8px}.care-species-switcher{position:relative;left:auto;bottom:auto;margin:34px 0 0;transform:none}.care-handbook>header p{display:none}}
@media(max-width:620px){.care-hero-meta{width:88vw;grid-template-columns:1fr;gap:6px}.care-handbook{padding:46px 24px 38px}.care-handbook>header h2:after{width:34px}.care-orbit{display:flex}.care-animal-stage{min-height:330px}.care-point{margin:0}}

.care-hero{position:relative}

/* Approved hero hierarchy; all typography intentionally stays Microsoft YaHei. */
.care-nav{height:84px;padding:0 7vw}.care-brand b{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:23px;font-weight:500}.care-brand small{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:9px;letter-spacing:.22em}.care-nav nav{gap:38px}.care-nav nav a{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:14px;font-weight:400;color:rgba(241,238,230,.72);transition:color .3s ease}.care-nav nav a:hover{color:#f1eee6}.care-nav nav a.active{color:#c99b4a}
.care-hero{padding:clamp(118px,14vh,144px) 7vw 58px}.care-hero .care-kicker,.care-hero .care-kicker b{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:13px;font-weight:500;letter-spacing:.18em;color:#c79a49}.care-hero .care-kicker i{width:42px;background:rgba(201,155,74,.55)}.care-hero h1{max-width:900px;margin:30px 0 30px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:clamp(64px,5vw,80px);font-weight:400;line-height:1.1;letter-spacing:-.025em}.care-hero h1 em{color:#c99b4a}.care-hero>p{max-width:700px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:18px;font-weight:300;line-height:1.85;letter-spacing:.035em;color:rgba(241,238,230,.68)}.care-hero-meta{left:7vw;bottom:42px;width:min(1050px,72vw);padding-top:18px;grid-template-columns:auto auto 1fr;gap:24px;border-color:rgba(201,155,74,.34)}.care-hero-meta span{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:11px;font-weight:500;letter-spacing:.12em;color:#c99b4a}.care-hero-meta strong{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:20px;font-weight:500;color:#f1eee6}.care-hero-meta i{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:14px;font-weight:400;font-style:italic;color:rgba(241,238,230,.55)}
@media(max-width:700px){.care-nav nav a:nth-child(2),.care-nav nav a:nth-child(4){display:none}.care-nav nav{gap:18px}.care-hero h1{font-size:clamp(46px,13vw,64px)}.care-hero>p{font-size:15px}.care-hero-meta{left:24px;width:calc(100vw - 48px);grid-template-columns:1fr;gap:5px}}

/* Hero upper copy: centered into the canvas while retaining editorial left alignment. */
@media(min-width:701px){
  .care-hero .care-kicker,
  .care-hero h1,
  .care-hero>p{
    margin-left:clamp(54px,7vw,118px);
    transform:translateY(calc(50vh - 315px));
  }
  .care-hero h1{
    max-width:min(900px,calc(93vw - 118px));
    margin-top:42px;
    margin-bottom:42px;
  }
  .care-hero-meta{
    left:calc(7vw + clamp(54px,7vw,118px));
    width:min(1050px,calc(86vw - clamp(54px,7vw,118px)));
  }
}

@media(min-width:1081px){
  .care-handbook{
    padding-left:calc(7vw + clamp(54px,7vw,118px));
    padding-right:calc(7vw + clamp(54px,7vw,118px));
  }
  .care-animal-stage figcaption{
    top:100%;
    bottom:auto;
  }
}

/* Refined specimen plaque and restrained gallery controls. */
.care-animal-stage figcaption{
  min-width:240px;
  padding:15px 30px 14px;
  border:1px solid rgba(218,177,91,.72);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(17,62,47,.96),rgba(7,43,33,.94));
  box-shadow:0 14px 34px rgba(12,24,18,.3),inset 0 1px 0 rgba(255,244,214,.08);
  backdrop-filter:blur(10px);
}
.care-species-switcher{
  display:flex;
  align-items:center;
  gap:20px;
}
.care-species-switcher button{
  position:relative;
  width:46px;
  height:46px;
  padding:0 0 3px;
  border:1px solid rgba(218,177,91,.48);
  border-radius:50%;
  background:rgba(8,43,33,.64);
  color:#e2bc6d;
  box-shadow:inset 0 0 0 4px rgba(218,177,91,.025),0 8px 24px rgba(8,28,21,.14);
  backdrop-filter:blur(8px);
  font-size:18px;
  line-height:1;
  transition:border-color .45s ease,background .45s ease,box-shadow .45s ease,transform .45s cubic-bezier(.22,1,.36,1),color .45s ease;
}
.care-species-switcher button:hover{
  border-color:rgba(235,200,125,.92);
  background:rgba(16,62,47,.82);
  color:#f0d391;
  box-shadow:inset 0 0 0 4px rgba(218,177,91,.04),0 10px 28px rgba(8,28,21,.22);
}
.care-species-switcher button:first-child:hover{transform:translateX(-3px)}
.care-species-switcher button:last-child:hover{transform:translateX(3px)}
.care-species-switcher button:active{transform:scale(.93)}
.care-species-switcher span{
  min-width:124px;
  gap:12px;
  color:#ecd59f;
  font-size:10px;
  letter-spacing:.16em;
}
.care-species-switcher span i{
  width:78px;
  background:linear-gradient(90deg,#dfb75f 0 42%,rgba(231,205,151,.2) 42% 100%);
  box-shadow:0 0 8px rgba(218,177,91,.12);
}

/* Scene-aware card palettes keep contrast consistent across each animal photograph. */
.care-handbook[data-scene-tone="warm"]{--scene-shade:rgba(48,28,12,.28);--scene-clear:rgba(52,31,14,.025);--card-bg:rgba(251,243,226,.48);--card-border:rgba(156,106,42,.34);--card-title:#303f35;--card-copy:#545c54}
.care-handbook[data-scene-tone="forest"]{--scene-shade:rgba(4,30,22,.31);--scene-clear:rgba(5,34,25,.035);--card-bg:rgba(237,241,229,.40);--card-border:rgba(112,129,91,.38);--card-title:#173c31;--card-copy:#4b5f56}
.care-handbook[data-scene-tone="water"]{--scene-shade:rgba(11,32,31,.29);--scene-clear:rgba(16,42,41,.025);--card-bg:rgba(232,239,232,.44);--card-border:rgba(91,122,111,.38);--card-title:#193d37;--card-copy:#4a5f5c}
.care-handbook[data-scene-tone="dusk"]{--scene-shade:rgba(26,28,34,.3);--scene-clear:rgba(31,32,38,.025);--card-bg:rgba(241,237,230,.45);--card-border:rgba(137,119,94,.36);--card-title:#2c3e37;--card-copy:#555c57}
.care-point{backdrop-filter:blur(11px) saturate(.82)}

.care-scene-transition{position:absolute;z-index:1;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.018);filter:saturate(.92) brightness(.94);pointer-events:none;transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .68s ease}
.care-scene-transition.is-visible{opacity:1;transform:scale(1);filter:saturate(1) brightness(1)}
.care-handbook>header h2,.care-point,.care-animal-stage figcaption{transition:opacity .34s ease,transform .56s cubic-bezier(.22,1,.36,1),background .45s ease,border-color .45s ease,box-shadow .45s ease}
.care-handbook.is-switching>header h2{opacity:.18;transform:translateY(-9px)}
.care-handbook.is-switching .care-point{opacity:.24;transform:translateY(9px)}
.care-handbook.is-switching .care-animal-stage figcaption{opacity:0;transform:translate(-50%,8px)}
.care-point:nth-child(2),.care-point:nth-child(5){transition-delay:35ms}
.care-point:nth-child(3),.care-point:nth-child(6){transition-delay:70ms}
@media(prefers-reduced-motion:reduce){.care-scene-transition,.care-handbook>header h2,.care-point,.care-animal-stage figcaption{transition-duration:.01ms!important;transition-delay:0ms!important}}

footer{
  min-height:112px;
  border-top:1px solid rgba(166,119,52,.22);
  background:linear-gradient(90deg,rgba(242,235,220,.98),rgba(232,220,199,.96)),url('assets/vision-paper-background.png') center/cover;
  color:#66736d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
footer a{color:#956d31;transition:color .3s ease,transform .3s ease}
footer a:hover{color:#65491f;transform:translateX(3px)}