.navigation-progress[data-v-8ce32876]{position:fixed;z-index:3000;top:var(--mall-safe-area-top);left:0;width:100%;height:3px;overflow:hidden;background:var(--line);pointer-events:none}.navigation-progress[data-v-8ce32876]:after{display:block;width:35%;height:100%;background:var(--text);animation:navigation-slide-8ce32876 1s linear infinite;content:""}@keyframes navigation-slide-8ce32876{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media(prefers-reduced-motion:reduce){.navigation-progress[data-v-8ce32876]:after{animation:none}}:root{--mall-small-viewport-height: 100vh;--mall-dynamic-viewport-height: 100vh;--mall-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--mall-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));font-family:Inter,Noto Sans SC,ui-sans-serif,system-ui,sans-serif;color:#1c1c1e;background:#fff;color-scheme:light;font-synthesis:none;--text: #1c1c1e;--text-secondary: #636366;--primary: #1c1c1e;--primary-hover: #000;--primary-soft: #f2f2f7;--primary-border: #d1d1d6;--surface: #f7f7f8;--surface-hover: #f4f4f5;--line: #e5e5ea;--muted: #8e8e93;--notice: #ff3b30;--success: #4e816c;--success-soft: #eaf6f0;--danger: #d94f4f;--shadow: 0 12px 32px rgb(0 0 0 / 7%);--list-row-min-height: 90px;--pc-radius-card-large: 16px;--pc-radius-card-small: 14px;--pc-radius-card-compact: 12px;--pc-radius-tab: 10px;--pc-radius-search: 999px;--pc-radius-pill: 999px;--pc-purchase-content-width: 960px;--pc-purchase-item-min-height: 108px;--pc-purchase-item-image-width: 76px;--pc-purchase-item-image-height: 82px;--pc-purchase-item-gap: 14px;--pc-purchase-item-title-size: 16px;--pc-purchase-item-meta-size: 13px;--pc-purchase-item-image-radius: 9px;--loading-spinner-size: 26px;--loading-spinner-stroke: 3px;--scrollbar-size: 5px;--scrollbar-thumb: #d1d1d6;--scrollbar-thumb-hover: #aaaab2}@supports (height: 100svh){:root{--mall-small-viewport-height: 100svh}}@supports (height: 100dvh){:root{--mall-dynamic-viewport-height: 100dvh}}*{box-sizing:border-box}html,body,#app{min-height:100%;background:#fff}body{margin:0;min-width:1180px;color:var(--text)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}nav{display:flex;gap:24px;flex:1;justify-content:center}nav a{padding:28px 0 24px;color:var(--text-secondary);border-bottom:3px solid transparent}nav a.nav-current{color:var(--text);border-color:var(--text)}main{max-width:1320px;margin:0 auto;padding:38px 24px 70px}.page-head h1{margin:0;font:44px/1.1 Georgia,serif;color:var(--text)}.page-head p{color:var(--muted);margin:10px 0 28px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--pc-radius-card-large);padding:22px;box-shadow:0 8px 24px #0000000a}.muted{color:var(--muted)}.price{color:var(--text);font-weight:700}.code{font-family:ui-monospace,monospace;color:var(--text-secondary);font-size:12px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.btn{min-height:40px;padding:0 17px;border:1px solid transparent;border-radius:8px;background:#fff;color:var(--text);transition:border-color .18s,background .18s,color .18s}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}.btn-ghost{border-color:var(--line);background:#fff}.btn-ghost:hover:not(:disabled){border-color:var(--primary-border);color:var(--primary)}.btn-text{padding:0 8px;background:transparent;color:var(--text-secondary)}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-danger-soft{border-color:#f1cdd4;background:#fff4f6;color:var(--danger)}.btn-large{min-height:46px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);font-size:25px}.icon-btn:hover{background:var(--surface-hover)}.link-btn{padding:0;border:0;background:transparent;color:var(--primary);font-weight:650}.field{width:100%;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:8px;outline:none;background:#fff;color:var(--text);transition:border-color .18s}.field:hover{border-color:#c7c7cc}.field:focus{border-color:var(--line);box-shadow:none}.field:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}textarea.field{min-height:92px;padding-top:11px;padding-bottom:11px;resize:vertical;line-height:1.6}.overlay-scroll-viewport{scrollbar-width:none}.overlay-scroll-viewport::-webkit-scrollbar{display:none}.field-label{display:grid;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:600}:where(button,input,select,textarea):focus,:where(button,input,select,textarea):focus-visible{outline:none}:where(.btn,.field,.icon-btn):focus,:where(.btn,.field,.icon-btn):focus-visible{box-shadow:none}.form-stack{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0000005c}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:var(--pc-radius-pill);background:var(--primary-soft);color:var(--text);font-size:13px;font-weight:650}body.mobile-page .status-pill{border-radius:var(--mobile-radius-pill)}.status-PROCESSING{background:#fff6e6;color:#a56b16}.status-CANCELLED{background:#f2f1f3;color:#75717a}.status-SHIPPED{background:var(--success-soft);color:var(--success)}.loading-box{position:relative;min-height:160px}.loading-box.is-loading:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:#ffffffb8}.loading-spinner,.loading-box.is-loading:before{width:var(--loading-spinner-size);height:var(--loading-spinner-size);border:var(--loading-spinner-stroke) solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.loading-spinner{display:block;flex:0 0 auto}.loading-box.is-loading:before{content:"";position:absolute;z-index:3;top:50%;left:50%;margin-top:calc(var(--loading-spinner-size) / -2);margin-left:calc(var(--loading-spinner-size) / -2)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner,.loading-box.is-loading:before{animation:none}}
