/* FILE 03 — 一份可以翻看的神兽标本档案。 */
.case-practice-space{--bg:#e8ece1;--panel:#f7f3e8;--panel2:#dce5d7;--text:#23332a;--muted:#66756a;--line:#adbaaa;--jade:#476d58;--amber:#bc853d;color:var(--text);background:var(--bg)}.case-practice-space .topbar{background:rgba(232,236,225,.84);border-color:#23332a18}.case-practice-space .brand,.case-practice-space nav a{color:var(--text)}.case-practice-space nav a{color:var(--muted)}.case-practice-space .brand span{border-color:var(--jade);color:var(--jade)}.case-practice-space .back-home{border-color:var(--line);color:var(--muted)}.case-practice-space .back-home:hover{border-color:var(--jade);color:var(--jade)}.case-practice-space .progress{background:linear-gradient(90deg,#476d58,#bc853d)}
.case-practice-space .hero{position:relative;isolation:isolate;background:radial-gradient(circle at 80% 25%,rgba(71,109,88,.15),transparent 25%),linear-gradient(130deg,#f4f0e6,#d9e4d6)}.case-practice-space .hero:before{content:"BEAST INDEX / 03";position:absolute;right:7vw;top:22%;font:700 clamp(32px,6vw,88px)/.9 'Kanit',sans-serif;letter-spacing:.12em;color:rgba(71,109,88,.14);writing-mode:vertical-rl;z-index:-1}.case-practice-space .hero-visual{position:relative;padding:13px;background:#f8f4e9;box-shadow:14px 15px 0 rgba(71,109,88,.12);transform:rotate(1.5deg)}.case-practice-space .hero-visual:before{content:"FIELD NOTE · 02 DAYS";position:absolute;left:-24px;top:19px;padding:8px 12px;background:#476d58;color:#f6f4e9;font:600 9px 'Kanit',sans-serif;letter-spacing:.15em;z-index:2}.case-practice-space h1 em,.case-practice-space h2 span{color:var(--jade)}.case-practice-space .eyebrow,.case-practice-space .index,.case-practice-space .decision span{color:#a36b28}.case-practice-space .note{border-color:#94ad95;background:linear-gradient(120deg,#f8f4e9,#e4eddc);box-shadow:8px 9px 0 rgba(71,109,88,.08)}
.case-practice-space .problem-grid{gap:14px}.case-practice-space .problem-grid article{background:#f8f4e9;border:1px solid var(--line);box-shadow:8px 9px 0 rgba(71,109,88,.09)}.case-practice-space .problem-grid article:nth-child(2){transform:translateY(16px)}.case-practice-space .brief{padding-inline:22px;background:#f7f3e8}.case-practice-space .merge{background:#dce5d7}.case-practice-space .state{background:#f8f4e9;border-color:var(--line);box-shadow:9px 10px 0 rgba(71,109,88,.1)}.case-practice-space .state.before{transform:rotate(-1deg)}.case-practice-space .state.after{transform:rotate(1deg)}.case-practice-space .logic{gap:14px}.case-practice-space .logic article{background:#f7f3e8;border:1px solid var(--line)}.case-practice-space .decision{border-color:var(--line)}.case-practice-space .decision img{padding:10px;background:#f8f4e9;border-color:var(--line);box-shadow:10px 11px 0 rgba(71,109,88,.1)}.case-practice-space .evidence{background:#e3eadc}.case-practice-space .gallery{gap:24px}.case-practice-space .gallery figure{background:#f8f4e9;border-color:var(--line);box-shadow:9px 10px 0 rgba(71,109,88,.1)}.case-practice-space .gallery figure:nth-child(2){transform:translateY(18px)}.case-practice-space .reflection{background:linear-gradient(120deg,#f5f1e7,#e0e9dc)}.case-practice-space footer{border-color:var(--line)}.case-practice-space footer a{color:var(--jade)}
.case-arrival{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:#dbe6d8;opacity:0;transition:opacity .5s ease}.case-arrival.is-active{display:grid;opacity:1}.case-arrival__folder{position:relative;width:min(74vw,850px);min-height:min(62vh,600px);padding:clamp(26px,5vw,70px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#f7f3e8;color:#294938;box-shadow:19px 21px 0 rgba(71,109,88,.2);transform:translateY(28px) rotate(2deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.case-arrival__folder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 24%,rgba(71,109,88,.13),transparent 18%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(71,109,88,.06) 32px)}.case-arrival__folder:after{content:"神兽图鉴";position:absolute;right:8%;top:12%;font:700 clamp(45px,9vw,120px)/1 'Noto Sans SC',sans-serif;color:rgba(71,109,88,.14);writing-mode:vertical-rl}.case-arrival.is-active .case-arrival__folder{transform:translateY(0) rotate(0)}.case-arrival__folder>*{position:relative;z-index:1}.case-arrival__folder span,.case-arrival__folder i{font:600 11px 'Kanit',sans-serif;letter-spacing:.18em;font-style:normal}.case-arrival__folder b{margin:18px 0 14px;font:700 clamp(38px,7vw,90px)/.98 'Noto Sans SC',sans-serif;letter-spacing:-.08em}.case-entering .topbar,.case-entering .hero-copy,.case-entering .hero-visual{opacity:0;transform:translateY(22px)}.case-entered .topbar,.case-entered .hero-copy,.case-entered .hero-visual{opacity:1;transform:none;transition:opacity .65s ease .22s,transform .65s ease .22s}
@media(max-width:850px){.case-practice-space .problem-grid article:nth-child(2),.case-practice-space .gallery figure:nth-child(2){transform:none}.case-practice-space .state.before,.case-practice-space .state.after{transform:none}.case-arrival__folder{width:88vw;min-height:54vh}.case-arrival__folder b{font-size:46px}}@media(prefers-reduced-motion:reduce){.case-arrival{display:none!important}.case-entering .topbar,.case-entering .hero-copy,.case-entering .hero-visual{opacity:1;transform:none}}

/* FILE 03 — lighter, more like a collected creature scrapbook. */
.case-practice-space{--bg:#f8f5ea;--panel:#fffdf7;--panel2:#e9f0df;--text:#4e5d50;--muted:#82907f;--line:#d7e0cb;--jade:#86ae8b;--amber:#efbf76}.case-practice-space .hero{background:radial-gradient(circle at 80% 26%,rgba(134,174,139,.2),transparent 24%),linear-gradient(130deg,#fff9eb,#e6f0de)}.case-practice-space .hero-visual{border-radius:28px;overflow:visible;background:#fffaf0;box-shadow:18px 20px 0 rgba(134,174,139,.13),0 15px 32px rgba(91,112,89,.1);animation:practice-float 5.2s ease-in-out infinite}.case-practice-space .hero-visual img{border-radius:18px}.case-practice-space .hero-visual:before{border-radius:999px;background:#9dbd95}.case-practice-space .note,.case-practice-space .problem-grid article,.case-practice-space .state,.case-practice-space .logic article{border-radius:20px;box-shadow:0 12px 25px rgba(91,112,89,.08)}.case-practice-space .problem-grid{gap:18px}.case-practice-space .problem-grid article:nth-child(2){transform:translateY(15px) rotate(-.5deg)}.case-practice-space .merge{background:#edf4e5}.case-practice-space .state{background:#fffdf7}.case-practice-space .decision img{border-radius:22px}.case-practice-space .gallery figure{border-radius:22px;box-shadow:0 14px 28px rgba(91,112,89,.11);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease}.case-practice-space .gallery figure:hover{transform:translateY(-9px) rotate(.4deg);box-shadow:0 22px 38px rgba(91,112,89,.16)}.case-practice-space .gallery figure:nth-child(2){transform:translateY(16px) rotate(-.55deg)}.case-practice-space .gallery figure:nth-child(2):hover{transform:translateY(7px) rotate(-.1deg)}.case-practice-space .reflection{background:linear-gradient(120deg,#fff9ed,#e7f0dd)}@keyframes practice-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(max-width:850px){.case-practice-space .problem-grid article:nth-child(2),.case-practice-space .gallery figure:nth-child(2){transform:none}.case-practice-space .hero-visual{animation:none}}

.case-practice-space .decision img,.case-practice-space .gallery img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.case-practice-space .decision,.case-practice-space .decision.reverse{align-items:start}
.case-practice-space .hero-visual img{height:auto;object-fit:contain}
.card-practice-visual{margin:28px 0 0}.card-practice-visual img{display:block;width:100%;height:auto}.card-practice-visual figcaption{margin-top:14px;color:var(--muted)}
.evidence-heading{font:600 28px/1.4 var(--cn);margin:0}.evidence .gallery{margin-top:24px}