:root{color:#2e241b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#efe2c4;font-family:Noto Serif TC,Songti TC,Microsoft JhengHei,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%,#9731211f,#0000 24rem),radial-gradient(circle at 82% 16%,#30624f24,#0000 22rem),linear-gradient(#5139210f 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#5139210a 1px,#0000 1px) 0 0/28px 28px,#efe2c4;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.game-shell{background-blend-mode:screen;background-image:linear-gradient(120deg,#ffffff47,#0000 34%),url(/assets/ink-clinic-concept.png);background-position:50%;background-size:cover;min-height:100vh;padding:22px}.topbar,.clinic-board,.patient-panel,.diagnosis-board,.cauldron-zone,.herb-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8efd7e0;border:1px solid #492d185c;box-shadow:0 14px 32px #2b1b0d29}.topbar{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;max-width:1440px;min-height:76px;margin:0 auto 16px;padding:12px 18px;display:flex}.brand{align-items:center;gap:13px;display:flex}.seal{color:#f6e9c8;background:#9e2f22;border:2px solid #50120c4d;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}h1,h2,p{margin:0}.brand h1{letter-spacing:0;font-size:30px;line-height:1}.brand p{color:#6c5b45;margin-top:5px;font-size:14px}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.status-item{background:#fffcf1bd;border:1px solid #5d3d2438;border-radius:7px;grid-template-columns:18px 1fr;align-items:center;column-gap:7px;min-width:96px;padding:7px 10px;display:grid}.status-item svg{color:#8f2e24;grid-row:span 2;width:17px;height:17px}.status-item span{color:#77654e;font-size:12px}.status-item strong{font-size:17px}.clinic-board{border-radius:8px;grid-template-columns:minmax(250px,.9fr) minmax(430px,1.35fr) minmax(330px,1fr);gap:14px;max-width:1440px;min-height:calc(100vh - 128px);margin:0 auto;padding:14px;display:grid}.patient-panel,.formula-stage,.herb-panel{min-width:0}.patient-panel,.herb-panel,.diagnosis-board,.cauldron-zone{border-radius:7px}.patient-panel,.herb-panel{padding:14px}.panel-heading{color:#7d2d23;align-items:center;gap:8px;margin-bottom:12px;font-weight:800;display:flex}.patient-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#fffbeceb,#d8be907a),repeating-linear-gradient(100deg,#66482a0d,#66482a0d 1px,#0000 2px 8px);border:1px solid #5738203d;border-radius:6px;place-items:center;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.patient-portrait img{object-fit:cover;mix-blend-mode:multiply;width:112%;height:112%}.motion-badge{color:#7d2d23;background:#faefcedb;border:1px solid #5f361d47;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;bottom:9px;left:9px;box-shadow:0 5px 12px #2f1f111f}.patient-portrait.is-wrong{animation:.38s ease-in-out 2 recoil}.ink-avatar{aspect-ratio:.74;color:#f5e8caf0;background:radial-gradient(circle at 50% 22%,#2d261fdb 0 18%,#0000 19%),linear-gradient(145deg,#304437e0,#5e3623db);border-radius:50% 50% 45% 45%;place-items:center;width:72%;font-size:64px;display:grid;box-shadow:inset 0 -28px 36px #0000002e}.ink-avatar.merchant{background:radial-gradient(circle at 50% 22%,#2d261fdb 0 18%,#0000 19%),linear-gradient(145deg,#51271ee6,#285049db)}.patient-copy h2{color:#2b2118;font-size:25px}.dialogue{color:#4d3b2a;margin-top:8px;line-height:1.7}.symptoms{flex-wrap:wrap;gap:7px;margin:13px 0;display:flex}.symptoms span,.formula-slot,.therapy-row button,.pattern-row button,.bagang-group button,.ghost-button,.primary-button,.secondary-button{color:#35271c;background:#fffbedc7;border:1px solid #613f2352;border-radius:6px}.symptoms span{padding:4px 8px;font-size:13px}.ghost-button,.primary-button,.secondary-button{cursor:pointer;justify-content:center;align-items:center;gap:7px;display:inline-flex}.ghost-button{width:100%;padding:8px 10px}.hidden-note{background:#96462b14;border-left:3px solid #8f2e24;margin-top:10px;padding:10px;line-height:1.6}.formula-stage{grid-template-rows:auto 1fr;gap:14px;display:grid}.diagnosis-board{padding:14px}.pattern-row,.therapy-row,.action-row{flex-wrap:wrap;gap:8px;display:flex}.pattern-row button,.bagang-group button,.therapy-row button{cursor:pointer;padding:7px 10px}.selected{color:#f7ecd0!important;background:#7e3024!important;border-color:#7e3024!important}.bagang-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.bagang-group{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bagang-group strong{color:#69553c;grid-column:span 2;font-size:13px}.cauldron-zone{background:radial-gradient(circle at 50% 24%,#ffffffa8,#0000 13rem),#f5e8c8e6;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex;position:relative;overflow:hidden}.steam,.steam:before,.steam:after{content:"";border-left:2px solid #4450483d;border-radius:50%;width:32px;height:92px;animation:3.2s ease-in-out infinite steam;position:absolute;top:60px}.steam:before{animation-delay:-1.1s;top:12px;left:-36px}.steam:after{animation-delay:-2s;top:20px;left:34px}.cauldron{color:#e9d9b2;background:radial-gradient(circle at 50% 18%,#6b5845 0 18%,#0000 19%),linear-gradient(150deg,#2b2721,#5b4736 54%,#211c17);border-radius:22px 22px 56px 56px;place-items:center;width:180px;height:132px;margin-top:40px;margin-bottom:20px;font-size:44px;font-weight:800;display:grid;box-shadow:inset 0 12px 18px #fff0cc1f,0 18px 24px #2f1f1138}.slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:520px;margin-bottom:12px;display:grid}.formula-slot{cursor:pointer;min-height:46px}.warning{color:#8a2b22;text-align:center;margin:10px 0 0;font-weight:700}.result{text-align:center;border-radius:7px;gap:4px;width:min(100%,520px);margin-top:12px;padding:11px 13px;display:grid}.result.good{background:#3a6a4c24;border:1px solid #3a6a4c47}.result.bad{background:#8f2e241f;border:1px solid #8f2e2447}.result strong{font-size:26px}.action-row{margin-top:14px}.primary-button,.secondary-button{min-height:42px;padding:9px 15px}.primary-button{color:#f8ecd0;background:#8f2e24;border-color:#8f2e24}.secondary-button{background:#fffbedc7}.herb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 190px);padding-right:4px;display:grid;overflow:auto}.herb-card{text-align:left;cursor:grab;color:#302419;background:#fffaebd6;border:1px solid #583a2342;border-radius:7px;min-height:104px;padding:12px 10px 10px;transition:transform .16s,box-shadow .16s;position:relative}.herb-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px #37231424}.herb-card strong,.herb-card small,.herb-card em{display:block}.herb-card strong{font-size:18px}.herb-card small{color:#68523a;margin:4px 0}.herb-card em{color:#5b4630;font-size:13px;font-style:normal}.herb-mark{color:#f9eed2;background:#433326;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;display:grid;position:absolute;top:8px;right:9px}.element-木 .herb-mark{background:#3c704b}.element-火 .herb-mark{background:#9b3328}.element-土 .herb-mark{background:#9a7437}.element-金 .herb-mark{background:#72705e}.element-水 .herb-mark{background:#2f6071}@keyframes steam{0%,to{opacity:.25;transform:translateY(12px)scaleX(.8)}50%{opacity:.52;transform:translateY(-14px)scaleX(1.05)}}@keyframes recoil{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-7px)rotate(-1deg)}50%{transform:translate(7px)rotate(1deg)}75%{transform:translate(-4px)rotate(-.5deg)}}@media (width<=1100px){.clinic-board{grid-template-columns:1fr}.patient-panel{grid-template-columns:190px 1fr;gap:12px;display:grid}.patient-panel .panel-heading{grid-column:span 2}.herb-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}}@media (width<=720px){:root{font-size:15px}.game-shell{background-position:top;padding:8px}.topbar{border-radius:7px;gap:10px;min-height:0;margin-bottom:8px;padding:10px;display:grid}.brand{gap:10px}.seal{width:40px;height:40px}.brand h1{font-size:25px}.brand p{margin-top:2px;font-size:12px}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0;display:grid}.status-item{grid-template-columns:15px 1fr;gap:4px 6px;min-width:0;padding:6px 7px}.status-item svg{width:15px;height:15px}.status-item span{font-size:11px}.status-item strong{font-size:15px;line-height:1}.clinic-board{border-radius:7px;gap:8px;min-height:0;padding:8px}.patient-panel{grid-template-columns:104px minmax(0,1fr);gap:9px;padding:10px;display:grid}.patient-panel .panel-heading{grid-column:span 2;margin-bottom:0}.patient-portrait{align-self:start;margin-bottom:0}.patient-portrait img{width:118%;height:118%}.motion-badge{padding:3px 6px;font-size:11px;bottom:6px;left:6px}.patient-copy h2{font-size:21px;line-height:1.1}.dialogue{margin-top:5px;font-size:13px;line-height:1.45}.symptoms{gap:5px;margin:8px 0}.symptoms span{padding:3px 6px;font-size:12px;line-height:1.25}.ghost-button{min-height:34px;padding:6px 8px}.hidden-note{grid-column:span 2;margin-top:0;padding:8px;font-size:13px}.formula-stage{gap:8px}.diagnosis-board,.cauldron-zone,.herb-panel{padding:10px}.panel-heading{margin-bottom:9px}.pattern-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pattern-row button,.bagang-group button,.therapy-row button{min-height:36px;padding:6px 7px;font-size:13px}.bagang-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.bagang-group{gap:5px}.bagang-group strong{font-size:12px}.cauldron-zone{justify-content:flex-start;min-height:0}.steam,.steam:before,.steam:after{height:58px;top:36px}.cauldron{border-radius:18px 18px 42px 42px;width:126px;height:88px;margin-top:26px;margin-bottom:12px;font-size:34px}.slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:9px}.formula-slot{min-height:38px;padding:5px 2px;font-size:13px}.therapy-row,.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.action-row{margin-top:10px}.primary-button,.secondary-button{min-height:40px;padding:8px 9px}.result{margin-top:9px;padding:9px 10px}.result strong{font-size:22px}.herb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.herb-card{min-height:82px;padding:9px 8px 8px}.herb-card strong{font-size:16px}.herb-card small{margin:2px 0;font-size:12px}.herb-card em{font-size:12px;line-height:1.25}.herb-mark{width:22px;height:22px;font-size:12px;top:7px;right:7px}}