:root{--studio-bg:#f4f7fb;--studio-ink:#172033;--studio-muted:#667085;--studio-line:#e4e9ef;--studio-primary:#2563eb;--studio-radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--studio-bg);color:var(--studio-ink);font:15px/1.6 Microsoft YaHei,PingFang SC,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.studio-shell{max-width:1160px;margin:auto;padding:0 28px}.studio-header{display:flex;align-items:center;gap:20px;min-height:88px;border-bottom:1px solid var(--studio-line)}.studio-header>button{margin-left:auto}.studio-brand{text-decoration:none;font-weight:700;font-size:21px}.studio-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px;padding:62px 0 48px}.studio-hero h1,.studio-welcome h1{font-size:clamp(34px,5vw,56px);line-height:1.2;font-weight:600;letter-spacing:-1px;margin:16px 0 22px}.studio-hero p{color:var(--studio-muted)}.studio-eyebrow{font-size:12px;letter-spacing:1px;color:var(--studio-muted)}.studio-hero-aside{border-left:1px solid var(--studio-line);padding:34px}.studio-hero-aside strong{font-size:22px}.studio-hero-aside a{display:block;margin:18px 0}.studio-tabs{display:flex;gap:6px;border-bottom:1px solid var(--studio-line);overflow:auto}.studio-tabs button,.studio-categories button{border:0;background:none;padding:14px 18px;white-space:nowrap;color:var(--studio-muted)}.studio-tabs button.selected{color:var(--studio-primary);border-bottom:3px solid var(--studio-primary);font-weight:700}.studio-categories{display:flex;gap:8px;margin:18px 0;overflow:auto}.studio-categories button{padding:7px 16px;border-radius:999px;background:#fff}.studio-categories .selected{background:var(--studio-ink);color:#fff}.studio-section-head{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:12px}.studio-section-head span{color:var(--studio-muted);font-size:13px}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.studio-card{background:#fff;border:1px solid var(--studio-line);border-radius:var(--studio-radius);overflow:hidden}.studio-card h3{font-size:19px;margin:8px 0}.studio-card p{color:var(--studio-muted)}.studio-photo{height:170px;background:#e8eef7;display:grid;place-items:center;color:#8393ad;font-size:54px;font-family:serif}.studio-photo img{width:100%;height:100%;object-fit:cover}.studio-card-body{padding:24px}.studio-card-body small{font-size:12px;color:var(--studio-muted)}.studio-card-body p{min-height:48px;font-size:14px}.studio-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.studio-card footer strong{font-size:23px}.studio-primary,.studio-ghost{border:1px solid var(--studio-line);padding:10px 18px;min-height:44px;border-radius:8px;background:#fff;color:var(--studio-ink)}.studio-primary{background:var(--studio-primary);border-color:var(--studio-primary);color:#fff}.studio-primary:hover{filter:brightness(.94)}.studio-quantity{display:flex;align-items:center;gap:14px}.studio-quantity button{width:34px;height:36px;border:1px solid var(--studio-line);border-radius:7px;background:#fff}.studio-cart{position:sticky;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:var(--studio-ink);color:#fff;border-radius:12px;margin-top:24px;box-shadow:0 6px 30px #17203322}.studio-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203377;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.studio-sheet{background:#fff;border-radius:16px;max-width:580px;width:100%;padding:32px;max-height:92vh;overflow:auto;position:relative}.studio-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px}.studio-field{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:14px}.studio-field input,.studio-field select,.studio-field textarea{min-height:44px;border:1px solid var(--studio-line);border-radius:8px;padding:10px 12px;width:100%;background:#fff}.studio-field textarea{min-height:90px;resize:vertical}.studio-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.studio-slots button{padding:10px;border:1px solid var(--studio-line);background:#fff;border-radius:8px}.studio-slots .selected{border-color:var(--studio-primary);background:#eff6ff;color:var(--studio-primary)}.studio-notice{background:#eff6ff;border-radius:8px;padding:12px 16px;color:#36598f;font-size:13px}.studio-error{padding:12px 16px;background:#fff0ef;color:#a4362d;border-radius:8px;margin:16px 0}.studio-error button{float:right;background:none;border:0;color:inherit}.studio-empty{text-align:center;padding:50px 20px;color:var(--studio-muted)}.studio-full{width:100%;margin-top:16px}.studio-form,.studio-manage-card{padding:32px;max-width:650px;margin:28px auto}.studio-form>button{margin:8px 10px 0 0}.studio-status{display:inline-block;border-radius:999px;background:#eff6ff;color:var(--studio-primary);padding:5px 13px;font-size:13px}.studio-actions{display:flex;gap:12px;margin:22px 0}.studio-timeline{padding-left:20px;color:var(--studio-muted);font-size:13px}.studio-timeline li{margin:12px 0}.studio-order{padding:24px;margin:20px 0}.studio-footer{text-align:center;color:var(--studio-muted);font-size:12px;padding:58px 0 28px;letter-spacing:3px}.studio-welcome{padding:50px 0}.studio-store{text-align:left;padding:25px;color:var(--studio-ink)}.studio-store b{display:block;margin-top:20px;color:var(--studio-primary)}@media (max-width:760px){.studio-shell{padding:0 16px}.studio-header{gap:10px;min-height:76px}.studio-header>span{display:none}.studio-brand{font-size:17px}.studio-header .studio-ghost{font-size:12px;padding:8px}.studio-hero{grid-template-columns:1fr;gap:16px;padding:32px 0}.studio-hero-aside{padding:18px 0;border-left:0;border-top:1px solid var(--studio-line)}.studio-hero-aside strong{font-size:17px}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-card-body{padding:16px}.studio-photo{height:130px}.studio-card footer{align-items:flex-start;flex-direction:column}.studio-section-head{align-items:flex-start;flex-direction:column;gap:0}.studio-sheet{padding:24px 20px}.studio-cart{font-size:13px;padding:14px}.studio-form,.studio-manage-card{padding:22px}.studio-tabs button{padding:12px}.studio-card h3{font-size:17px}}@media (max-width:380px){.studio-grid{grid-template-columns:1fr}}