*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#fff2d8,#f8f5ef 65%);color:#543d2c;font:16px/1.65 "Microsoft YaHei","Segoe UI",sans-serif;min-height:100vh}main{max-width:1100px;padding:36px 24px;margin:auto}[hidden]{display:none!important}.login-card{width:min(430px,100%);margin:4vh auto;background:#fffdf9;border:1px solid #efdfc9;border-radius:26px;box-shadow:0 14px 50px #6345210c;padding:28px 38px}.brand{font-size:18px;font-weight:700}.brand span{font-size:13px;font-weight:400;margin-left:8px;color:#9c8061}.mascot{display:block;width:135px;height:135px;margin:14px auto 8px;object-fit:contain}h1{font-size:26px;margin:12px 0 6px}.login-card h1,.intro{text-align:center}.intro,.help,.adopt-note{color:#8a725e}.intro{margin:0 0 24px;font-size:15px}label{display:block;margin:16px 0 8px;font-size:15px}input{display:block;width:100%;font:inherit;padding:11px 13px;margin-top:7px;border:1px solid #dcc8ac;border-radius:10px;background:#fff}input:focus{outline:2px solid #edc67d;outline-offset:1px}button{font:inherit;cursor:pointer}.primary{border:0;border-radius:11px;background:#f4b751;color:#543618;font-weight:600;padding:12px 24px}.primary:hover:enabled{background:#ffca6e}.primary:disabled{opacity:.4;cursor:default}.login-card .primary{width:100%}.help{font-size:13px;text-align:center;margin:18px 0 0}.error{color:#b94a3d;min-height:24px;margin:10px 0;font-size:14px}.adopt-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.quiet{border:0;background:transparent;color:#8b6d50}.pet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0}.pet-card{padding:16px 12px;background:#fffdf9;border:2px solid transparent;border-radius:18px;box-shadow:0 4px 18px #63452109;color:inherit;text-align:center}.pet-card:hover{background:#fff4df}.pet-card[aria-pressed=true]{border-color:#e6aa44;background:#fff2d5}.pet-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:10px}.pet-card strong{font-size:17px}.pet-card small{display:block;color:#977e65;font-size:12px}.adopt-footer{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fffdf9f5;padding:18px 24px;border-radius:16px;box-shadow:0 6px 30px #63452110}.adopt-footer p{font-size:14px;color:#8a725e;margin:4px 0 0}.adopt-footer strong{font-size:18px}#loading{text-align:center;padding:80px 0}@media(max-width:800px){.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){main{padding:18px 14px}.login-card{padding:24px}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adopt-footer{padding:12px;align-items:stretch;flex-direction:column}}
/* 学生端沿用商店奶油色浮窗；不会缩放文字。 */
body{background:#eef0f3;display:grid;place-items:center;padding:16px}main{width:100%;max-width:742px;margin:auto;padding:0}.login-card{margin:0 auto;border:0;border-radius:22px;background:#fffaf1;box-shadow:0 12px 40px #0002;padding:24px 34px}.login-card h1{font-size:24px}.mascot{width:112px;height:112px;margin:10px auto}.intro{margin-bottom:16px}.brand{color:#654735}.brand span{color:#94765b}.primary{background:#f6bd59;box-shadow:0 3px 0 #d99c37;transition:background .15s,transform .1s}.primary:active:enabled{transform:translateY(2px);box-shadow:0 1px 0 #d99c37}button:focus-visible{outline:3px solid #d49b40;outline-offset:3px}
#adoption{background:#fffaf1;border-radius:22px;box-shadow:0 12px 40px #0002;padding:22px 24px;max-height:calc(100dvh - 32px);overflow:auto}.adopt-header h1{font-size:23px;margin:8px 0 0}.adopt-header p{font-size:14px;margin:4px 0 0;color:#95765b}.adopt-note{font-size:14px;margin:12px 0 16px}.adopt-body{display:grid;grid-template-columns:290px 1fr;gap:20px}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;max-height:400px;overflow-y:auto;padding:3px 7px 3px 3px;align-content:start;scrollbar-width:thin;scrollbar-color:#dac09a transparent}.pet-card{padding:8px;border-radius:13px;border:2px solid #efe0ca;box-shadow:none;background:#fffdf8}.pet-card img{height:78px;width:100%;aspect-ratio:auto;margin:0 0 4px}.pet-card strong{font-size:15px}.pet-card small{font-size:12px}.pet-card[aria-pressed=true]{border-color:#e5ad4c;background:#fff0ce}.pet-detail{min-width:0}.desktop-stage{height:235px;position:relative;border-radius:15px;background:linear-gradient(150deg,#eef0f3,#e4e8ed);overflow:hidden;touch-action:none}.stage-label{position:absolute;top:12px;left:14px;font-size:12px;color:#79828e}.preview-pet{position:absolute;width:190px;height:190px;left:0;right:0;bottom:8px;margin:auto;cursor:grab;touch-action:none;user-select:none}.preview-pet:active{cursor:grabbing}.preview-pet img{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.preview-pet.cat img{animation:student-breathe 3.6s ease-in-out infinite;transform-origin:50% 90%}#previewBlink{mask-image:radial-gradient(ellipse 11.5% 10.5% at 31.5% 44.5%,black 87%,transparent 100%),radial-gradient(ellipse 11.5% 10.5% at 62% 44.5%,black 87%,transparent 100%)}.preview-pet.dragging img{animation-play-state:paused}.detail-copy h2{font-size:22px;display:inline-block;margin:12px 10px 0 0}.species-tag{font-size:13px;color:#947052}.detail-copy p{font-size:15px;line-height:1.8;margin:8px 0;color:#725641}.detail-copy small{font-size:12px;color:#a08b74}.adopt-footer{position:static;box-shadow:none;border-radius:0;border-top:1px solid #ecddc7;background:transparent;padding:16px 0 0;margin-top:18px}.adopt-footer strong{font-size:16px}.adopt-footer p{font-size:12px}.adopt-footer .primary{white-space:nowrap;padding:10px 20px}#adoptError:empty{display:none}@keyframes student-breathe{50%{transform:translateY(-3px) scaleY(1.018)}}@media(prefers-reduced-motion:reduce){.preview-pet.cat img{animation:none}}@media(max-width:600px){body{padding:10px}.adopt-body{grid-template-columns:1fr}.pet-grid{grid-template-columns:repeat(5,100px);max-height:150px;overflow:auto;gap:8px}.pet-card img{height:60px}.desktop-stage{height:220px}#adoption{padding:18px;max-height:calc(100dvh - 20px)}.adopt-footer{flex-direction:column;align-items:stretch}.adopt-header h1{font-size:20px}.login-card{padding:24px}}
.detail-copy .pet-role{font-size:13px;color:#947052;margin:6px 0}.detail-copy p{line-height:1.7}.detail-copy small{display:block;margin-top:8px}
.desktop-stage{background:transparent;border:0;box-shadow:none;border-radius:0}.nickname-label{margin:12px 0 0;font-size:14px}.nickname-label input{margin-top:4px;padding:8px 10px;font-size:15px}.nickname-label small{margin-top:5px;font-size:12px;font-weight:normal}.pet-grid{max-height:460px}
#adoption .brand{font-size:13px;color:#a28a70;font-weight:400}.adopt-header{margin-bottom:18px}.adopt-header h1{font-size:24px;margin-top:2px}.adopt-body{grid-template-columns:270px 1fr;gap:24px}.pet-grid{max-height:402px}.pet-card{padding:7px}.pet-card img{height:64px}.pet-card small{font-size:11px}.desktop-stage{height:210px}.preview-pet{width:180px;height:180px;bottom:0}.stage-label{left:0;top:0;color:#a38e79}.detail-copy h2{margin-top:5px}.detail-copy p{font-size:14px;margin-top:6px}.detail-copy .pet-role{margin:2px 0 6px}.nickname-label{margin-top:12px}.adopt-footer{margin-top:16px;padding-top:14px}.adopt-footer strong{font-size:14px;color:#8d7258}@media(max-width:600px){.adopt-body{grid-template-columns:1fr}.pet-grid{max-height:130px}.desktop-stage{height:200px}}
.login-card .brand{text-align:center;font-size:24px;font-weight:700;margin:4px 0 16px}.login-card .mascot{width:130px;height:130px;margin:0 auto 12px}.login-card{padding:28px 34px 32px}.login-card .error:empty{min-height:12px;margin:8px 0}
.password-switch{display:block;margin:16px auto 0;padding:0;font-size:14px}.password-switch:hover{color:#b77c25}
/* Native window is the card itself; browser layout is preserved. */
body.native-panel{background:transparent;padding:0;display:block;min-height:0;overflow:hidden}body.native-panel main{max-width:none;margin:0}body.native-panel .login-card{width:100%;margin:0;box-shadow:none;border:0;padding:28px 34px;border-radius:22px}body.native-panel .brand{-webkit-app-region:drag;user-select:none}body.native-panel #adoption{border:0;box-shadow:none;max-height:100dvh;border-radius:22px}body.native-panel #loading{background:#fffaf1;border-radius:22px;height:100dvh}.native-close{position:fixed;right:12px;top:9px;width:28px;height:28px;line-height:24px;font-size:23px;color:#96765b;border:0;background:transparent;-webkit-app-region:no-drag}.native-close:hover{color:#b94a3d}
html:has(body.native-panel){background:transparent!important;overflow:hidden}body.native-panel{border:0!important;outline:0!important;box-shadow:none!important}body.native-panel .login-card{min-height:100dvh;outline:0!important}
body.native-panel .login-card{position:relative}body.native-panel .login-card::before{content:"";position:absolute;top:0;left:0;right:0;height:52px;-webkit-app-region:drag}body.native-panel .native-close{z-index:20;top:10px;right:12px;-webkit-app-region:no-drag}