body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--page-padding-inline: 24px;--page-padding-block: 64px;--page-max-width: 1200px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-rounded: 9999px;--font-regular: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;--font-weight-normal: 400;--font-weight-medium: 510;--font-weight-semibold: 590;--font-weight-bold: 680;--font-size-micro: .75rem;--font-size-small: .875rem;--font-size-regular: .9375rem;--font-size-large: 1.0625rem;--font-size-title1: 1.0625rem;--font-size-title2: 1.3125rem;--font-size-title3: 1.5rem;--font-size-title4: 2rem;--speed-quickTransition: .1s;--speed-regularTransition: .25s;--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--shadow-none: 0px 0px 0px transparent;--shadow-tiny: 0px 1px 1px 0px rgba(0, 0, 0, .09);--shadow-low: 0px 1px 4px -1px rgba(0, 0, 0, .09);--shadow-medium: 0px 3px 12px rgba(0, 0, 0, .09);--shadow-high: 0px 7px 24px rgba(0, 0, 0, .06);--focus-ring-color: rgba(0, 0, 0, .4);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-outline: var(--focus-ring-width) solid var(--focus-ring-color)}[data-theme=dark]{color-scheme:dark;--color-bg-primary: #08090a;--color-bg-secondary: #1c1c1f;--color-bg-tertiary: #232326;--color-bg-quaternary: #28282c;--color-bg-translucent: rgba(255, 255, 255, .05);--color-border-primary: #23252a;--color-border-secondary: #34343a;--color-border-tertiary: #3e3e44;--color-border-translucent: rgba(255, 255, 255, .05);--color-text-primary: #f7f8f8;--color-text-secondary: #d0d6e0;--color-text-tertiary: #8a8f98;--color-text-quaternary: #62666d;--color-link-primary: #828fff;--color-link-hover: #fff;--color-brand-bg: #5e6ad2;--color-brand-text: #fff;--color-accent: #7170ff;--color-accent-hover: #828fff;--shadow-low: 0px 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0px 4px 24px rgba(0, 0, 0, .2);--shadow-high: 0px 7px 32px rgba(0, 0, 0, .35);--scrollbar-color: rgba(255, 255, 255, .1);--scrollbar-color-hover: rgba(255, 255, 255, .2);--scrollbar-color-active: rgba(255, 255, 255, .4)}[data-theme=light]{color-scheme:light;--color-bg-primary: #fff;--color-bg-secondary: #f9f8f9;--color-bg-tertiary: #f4f2f4;--color-bg-quaternary: #eeedef;--color-bg-translucent: rgba(0, 0, 0, .02);--color-border-primary: #e9e8ea;--color-border-secondary: #e4e2e4;--color-border-tertiary: #dcdbdd;--color-border-translucent: rgba(0, 0, 0, .05);--color-text-primary: #282a30;--color-text-secondary: #3c4149;--color-text-tertiary: #6f6e77;--color-text-quaternary: #86848d;--color-link-primary: #7070ff;--color-link-hover: var(--color-text-primary);--color-brand-bg: #7070ff;--color-brand-text: #fff;--color-accent: #7170ff;--color-accent-hover: #8989f0;--shadow-tiny: 0px 1px 1px 0px rgba(0, 0, 0, .09);--shadow-low: 0px 1px 4px -1px rgba(0, 0, 0, .09);--shadow-medium: 0px 3px 12px rgba(0, 0, 0, .09);--shadow-high: 0px 7px 24px rgba(0, 0, 0, .06);--scrollbar-color: rgba(0, 0, 0, .1);--scrollbar-color-hover: rgba(0, 0, 0, .2);--scrollbar-color-active: rgba(0, 0, 0, .3);--focus-ring-color: rgba(0, 0, 0, .4)}:root{color-scheme:dark;--color-bg-primary: #08090a;--color-bg-secondary: #1c1c1f;--color-bg-tertiary: #232326;--color-bg-quaternary: #28282c;--color-bg-translucent: rgba(255, 255, 255, .05);--color-border-primary: #23252a;--color-border-secondary: #34343a;--color-border-tertiary: #3e3e44;--color-border-translucent: rgba(255, 255, 255, .05);--color-text-primary: #f7f8f8;--color-text-secondary: #d0d6e0;--color-text-tertiary: #8a8f98;--color-text-quaternary: #62666d;--color-link-primary: #828fff;--color-link-hover: #fff;--color-brand-bg: #5e6ad2;--color-brand-text: #fff;--color-accent: #7170ff;--color-accent-hover: #828fff;--shadow-low: 0px 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0px 4px 24px rgba(0, 0, 0, .2);--shadow-high: 0px 7px 32px rgba(0, 0, 0, .35);--scrollbar-color: rgba(255, 255, 255, .1);--scrollbar-color-hover: rgba(255, 255, 255, .2);--scrollbar-color-active: rgba(255, 255, 255, .4)}html,body{background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;-webkit-tap-highlight-color:transparent;line-height:1.5}*{outline-color:transparent}:focus:not(:focus-visible){outline:none}:focus-visible{outline-style:solid;outline-color:var(--focus-ring-color);outline-width:var(--focus-ring-width);outline-offset:var(--focus-ring-offset)}a{cursor:pointer;color:inherit;text-decoration:none;transition:color var(--speed-regularTransition)}a:hover{color:var(--color-link-hover)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:var(--radius-rounded);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-active)}::selection{color:var(--color-brand-text);background:color-mix(in lch,var(--color-brand-bg),transparent 30%)}@media(max-width:768px){:root{--page-padding-inline: 16px;--page-padding-block: 48px}}@media(max-width:640px){:root{--page-padding-inline: 12px;--page-padding-block: 32px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0}.login-container[data-v-8072431b]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-primary);position:relative;overflow:hidden}.login-container[data-v-8072431b]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,144,226,.1) 0%,transparent 70%);animation:pulse-8072431b 20s ease-in-out infinite}@keyframes pulse-8072431b{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-box[data-v-8072431b]{width:440px;padding:48px;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-24);border:1px solid var(--color-border-translucent);box-shadow:var(--shadow-high),0 0 0 1px var(--color-border-translucent) inset;position:relative;z-index:1;animation:slideUp-8072431b .6s var(--ease-out-quad)}@keyframes slideUp-8072431b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-title[data-v-8072431b]{color:var(--color-text-primary);text-align:center;margin-bottom:36px;font-size:var(--font-size-title4);font-weight:var(--font-weight-bold);letter-spacing:-.022em;font-family:var(--font-regular)}.login-form[data-v-8072431b]{margin-top:20px}.form-item[data-v-8072431b]{margin-bottom:24px}.form-input[data-v-8072431b]{width:100%;padding:16px 20px;background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);border-radius:var(--radius-12);color:var(--color-text-primary);font-size:var(--font-size-regular);transition:all var(--speed-regularTransition) var(--ease-out-quad);box-sizing:border-box;font-family:var(--font-regular)}.form-input[data-v-8072431b]::placeholder{color:var(--color-text-quaternary)}.form-input[data-v-8072431b]:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 4px color-mix(in lch,var(--color-accent),transparent 90%),var(--shadow-low);transform:translateY(-2px)}.captcha-wrapper[data-v-8072431b]{display:flex;gap:12px;align-items:center}.captcha-input[data-v-8072431b]{flex:1}.login-code[data-v-8072431b]{width:130px;height:48px;cursor:pointer;border-radius:var(--radius-12);overflow:hidden;border:1px solid var(--color-border-translucent);transition:all var(--speed-regularTransition);background:var(--color-bg-translucent)}.login-code[data-v-8072431b]:hover{border-color:var(--color-accent);transform:scale(1.05)}.login-code-img[data-v-8072431b]{width:100%;height:100%;display:block;object-fit:cover}.btn-login[data-v-8072431b]{width:100%;padding:16px;background:var(--color-brand-bg);color:var(--color-brand-text);border:none;border-radius:var(--radius-12);font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;font-family:var(--font-regular)}.btn-login[data-v-8072431b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-login[data-v-8072431b]:hover:not(:disabled):before{left:100%}.btn-login[data-v-8072431b]:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-high);transform:translateY(-2px)}.btn-login[data-v-8072431b]:active:not(:disabled){transform:translateY(0)}.btn-login[data-v-8072431b]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.home-container[data-v-97f879f6]{min-height:100vh;background:var(--color-bg-primary);padding:var(--page-padding-block) var(--page-padding-inline);position:relative;overflow:hidden}.home-container[data-v-97f879f6]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(220,20,60,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(74,144,226,.03) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,var(--color-bg-translucent) 100%);pointer-events:none}.home-header[data-v-97f879f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 8px;position:relative;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto}.home-title[data-v-97f879f6]{color:var(--color-text-primary);font-size:var(--font-size-title4);font-weight:var(--font-weight-semibold);margin:0;letter-spacing:-.022em}.user-info[data-v-97f879f6]{display:flex;align-items:center;gap:12px}.welcome-text[data-v-97f879f6]{color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-normal)}.btn-logout[data-v-97f879f6]{background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);color:var(--color-text-primary);padding:8px 16px;border-radius:var(--radius-8);cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);font-family:var(--font-regular)}.btn-logout[data-v-97f879f6]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);transform:translateY(-1px)}.btn-logout[data-v-97f879f6]:active{transform:translateY(0)}.search-container[data-v-97f879f6]{max-width:1200px;margin:0 auto 40px;padding:0 8px;position:relative;z-index:1}.search-box[data-v-97f879f6]{position:relative;display:flex;align-items:center;background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);border-radius:var(--radius-12);padding:12px 16px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all var(--speed-regularTransition) var(--ease-out-quad);box-shadow:var(--shadow-tiny)}.search-box[data-v-97f879f6]:focus-within{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);box-shadow:var(--shadow-low)}.search-icon[data-v-97f879f6]{width:18px;height:18px;color:var(--color-text-tertiary);margin-right:12px;flex-shrink:0}.search-input[data-v-97f879f6]{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-regular);font-weight:var(--font-weight-normal);font-family:var(--font-regular)}.search-input[data-v-97f879f6]::placeholder{color:var(--color-text-quaternary)}.cards-container[data-v-97f879f6]{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:1400px;margin:0 auto;position:relative;z-index:1;padding:0 8px}.card-item[data-v-97f879f6]{flex:1;min-width:280px;max-width:320px;background:var(--color-bg-secondary);border:1px solid var(--color-border-translucent);border-radius:var(--radius-16);padding:32px 24px;display:flex;flex-direction:column;cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);position:relative}.card-item[data-v-97f879f6]:hover{transform:translateY(-4px);border-color:var(--color-border-secondary);box-shadow:var(--shadow-high)}.card-item[data-v-97f879f6]:active{transform:translateY(-2px)}.card-featured[data-v-97f879f6]{border-color:#8b5cf680;background:var(--color-bg-secondary);box-shadow:var(--shadow-medium)}.card-featured[data-v-97f879f6]:hover{border-color:#8b5cf6cc;box-shadow:0 20px 40px #8b5cf626}.card-header[data-v-97f879f6]{margin-bottom:24px;text-align:center}.card-title[data-v-97f879f6]{color:var(--color-text-primary);font-size:var(--font-size-title3);font-weight:var(--font-weight-semibold);margin:0 0 8px;letter-spacing:-.02em}.card-subtitle[data-v-97f879f6]{color:var(--color-text-tertiary);font-size:var(--font-size-small);font-weight:var(--font-weight-normal)}.card-content[data-v-97f879f6]{flex:1;margin-bottom:24px}.feature-list[data-v-97f879f6]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-item[data-v-97f879f6]{display:flex;align-items:flex-start;gap:12px;color:var(--color-text-secondary);font-size:var(--font-size-regular);font-weight:var(--font-weight-normal);line-height:1.5}.check-icon[data-v-97f879f6]{width:20px;height:20px;color:#8b5cf6;flex-shrink:0;margin-top:2px}.card-footer[data-v-97f879f6]{margin-top:auto;padding-top:24px}.card-button[data-v-97f879f6]{width:100%;padding:12px 24px;background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);border-radius:var(--radius-8);color:var(--color-text-primary);font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);font-family:var(--font-regular)}.card-button[data-v-97f879f6]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);transform:translateY(-1px)}.card-button[data-v-97f879f6]:active{transform:translateY(0)}.card-button-featured[data-v-97f879f6]{background:var(--color-text-primary);color:var(--color-bg-primary);border-color:var(--color-text-primary)}.card-button-featured[data-v-97f879f6]:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.no-results[data-v-97f879f6]{width:100%;text-align:center;padding:60px 20px;color:var(--color-text-tertiary);font-size:var(--font-size-regular)}.no-results p[data-v-97f879f6]{margin:0}@media(max-width:768px){.home-container[data-v-97f879f6]{padding:var(--page-padding-block) var(--page-padding-inline)}.home-header[data-v-97f879f6]{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px;padding:0}.home-title[data-v-97f879f6]{font-size:var(--font-size-title3)}.user-info[data-v-97f879f6]{width:100%;justify-content:space-between}.search-container[data-v-97f879f6]{margin-bottom:32px;padding:0}.cards-container[data-v-97f879f6]{gap:16px;padding:0}.card-item[data-v-97f879f6]{min-width:100%;max-width:100%}}@media(max-width:480px){.card-item[data-v-97f879f6]{padding:24px 20px}.card-title[data-v-97f879f6]{font-size:var(--font-size-title4)}.feature-item[data-v-97f879f6]{font-size:var(--font-size-small);gap:10px}.check-icon[data-v-97f879f6]{width:18px;height:18px}.card-button[data-v-97f879f6]{padding:10px 20px;font-size:var(--font-size-small)}}.order-select-container[data-v-f7f92c37]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-primary);padding:var(--page-padding-block) var(--page-padding-inline);position:relative;overflow:hidden}.order-select-container[data-v-f7f92c37]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(74,144,226,.08) 0%,transparent 70%);pointer-events:none}.order-select-box[data-v-f7f92c37]{width:680px;max-width:100%;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-24);padding:48px;border:1px solid var(--color-border-translucent);box-shadow:var(--shadow-high),0 0 0 1px var(--color-border-translucent) inset;position:relative;z-index:1;animation:slideUp-f7f92c37 .6s var(--ease-out-quad)}@keyframes slideUp-f7f92c37{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.order-title[data-v-f7f92c37]{color:var(--color-text-primary);text-align:center;margin-bottom:36px;font-size:var(--font-size-title4);font-weight:var(--font-weight-bold);letter-spacing:-.022em;font-family:var(--font-regular)}.order-list[data-v-f7f92c37]{max-height:480px;overflow-y:auto;margin-bottom:32px;padding-right:8px}.order-list[data-v-f7f92c37]::-webkit-scrollbar{width:6px}.order-list[data-v-f7f92c37]::-webkit-scrollbar-track{background:var(--color-bg-translucent);border-radius:var(--radius-4)}.order-list[data-v-f7f92c37]::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--radius-4)}.order-list[data-v-f7f92c37]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover)}.order-item[data-v-f7f92c37]{background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);border-radius:var(--radius-16);padding:24px;margin-bottom:16px;transition:all var(--speed-regularTransition) var(--ease-out-quad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.order-content[data-v-f7f92c37]{flex:1;cursor:pointer}.order-content[data-v-f7f92c37]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in lch,var(--color-accent),transparent 90%),transparent);transition:left .5s}.order-item[data-v-f7f92c37]:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);transform:translate(8px);box-shadow:var(--shadow-medium)}.order-item:hover .order-content[data-v-f7f92c37]:before{left:100%}.btn-delete[data-v-f7f92c37]{width:32px;height:32px;border:none;border-radius:var(--radius-8);background:var(--color-bg-translucent);color:var(--color-text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2}.btn-delete[data-v-f7f92c37]:hover{background:#ff4d4f33;color:#ff4d4f;transform:scale(1.1)}.btn-delete[data-v-f7f92c37]:active{transform:scale(.95)}.order-name[data-v-f7f92c37]{color:var(--color-text-primary);font-size:var(--font-size-title2);font-weight:var(--font-weight-semibold);margin-bottom:8px;position:relative;z-index:1}.order-type[data-v-f7f92c37]{color:var(--color-text-tertiary);font-size:var(--font-size-small);position:relative;z-index:1}.order-actions[data-v-f7f92c37]{display:flex;justify-content:center;gap:16px}.btn[data-v-f7f92c37]{padding:14px 28px;border:none;border-radius:var(--radius-12);cursor:pointer;font-size:var(--font-size-regular);transition:all var(--speed-regularTransition) var(--ease-out-quad);font-weight:var(--font-weight-semibold);font-family:var(--font-regular)}.btn-primary[data-v-f7f92c37]{background:var(--color-brand-bg);color:var(--color-brand-text);box-shadow:var(--shadow-medium)}.btn-primary[data-v-f7f92c37]:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-high);transform:translateY(-2px)}.btn-secondary[data-v-f7f92c37]{background:var(--color-bg-translucent);color:var(--color-text-primary);border:1px solid var(--color-border-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary[data-v-f7f92c37]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);transform:translateY(-2px)}.btn-danger[data-v-f7f92c37]{background:#ff4d4f33;color:#ff4d4f;border:1px solid rgba(255,77,79,.3)}.btn-danger[data-v-f7f92c37]:hover{background:#ff4d4f4d;border-color:#ff4d4f;transform:translateY(-2px)}.dialog-overlay[data-v-f7f92c37]{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-f7f92c37 var(--speed-regularTransition)}@keyframes fadeIn-f7f92c37{0%{opacity:0}to{opacity:1}}.dialog-box[data-v-f7f92c37]{background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-translucent);border-radius:var(--radius-24);padding:36px;width:440px;max-width:90%;box-shadow:var(--shadow-high);animation:slideUp-f7f92c37 .4s var(--ease-out-quad)}.dialog-title[data-v-f7f92c37]{color:var(--color-text-primary);font-size:var(--font-size-title3);font-weight:var(--font-weight-bold);margin-bottom:24px;text-align:center;letter-spacing:-.022em;font-family:var(--font-regular)}.form-item[data-v-f7f92c37]{margin-bottom:24px}.form-label[data-v-f7f92c37]{display:block;color:var(--color-text-primary);margin-bottom:10px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);font-family:var(--font-regular)}.form-input[data-v-f7f92c37]{width:100%;padding:16px 20px;background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);border-radius:var(--radius-12);color:var(--color-text-primary);font-size:var(--font-size-regular);transition:all var(--speed-regularTransition) var(--ease-out-quad);box-sizing:border-box;font-family:var(--font-regular)}.form-input[data-v-f7f92c37]::placeholder{color:var(--color-text-quaternary)}.form-input[data-v-f7f92c37]:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 4px color-mix(in lch,var(--color-accent),transparent 90%),var(--shadow-low)}.dialog-content[data-v-f7f92c37]{color:var(--color-text-primary);font-size:var(--font-size-regular);line-height:1.6;margin-bottom:24px}.dialog-footer[data-v-f7f92c37]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.collection-cabinet[data-v-f175da43]{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--page-padding-block) var(--page-padding-inline);font-family:var(--font-regular);position:relative;overflow-x:hidden}.collection-cabinet[data-v-f175da43]:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(220,20,60,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,144,226,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.top-bar[data-v-f175da43]{margin-bottom:32px;position:relative;z-index:1}.search-section[data-v-f175da43]{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.search-input[data-v-f175da43]{flex:1;min-width:300px;max-width:500px;padding:16px 20px;background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);border-radius:var(--radius-12);color:var(--color-text-primary);font-size:var(--font-size-regular);transition:all var(--speed-regularTransition) var(--ease-out-quad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input[data-v-f175da43]::placeholder{color:var(--color-text-quaternary)}.search-input[data-v-f175da43]:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 4px color-mix(in lch,var(--color-accent),transparent 90%),var(--shadow-low);transform:translateY(-2px)}.btn[data-v-f175da43]{padding:14px 24px;border:none;border-radius:var(--radius-12);cursor:pointer;font-size:var(--font-size-small);transition:all var(--speed-regularTransition) var(--ease-out-quad);font-weight:var(--font-weight-semibold);white-space:nowrap;font-family:var(--font-regular)}.btn-primary[data-v-f175da43]{background:var(--color-brand-bg);color:var(--color-brand-text);box-shadow:var(--shadow-medium)}.btn-primary[data-v-f175da43]:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-high);transform:translateY(-2px)}.btn-secondary[data-v-f175da43]{background:var(--color-bg-translucent);color:var(--color-text-primary);border:1px solid var(--color-border-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary[data-v-f175da43]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);transform:translateY(-2px)}.title-section[data-v-f175da43]{display:flex;justify-content:center;align-items:center;margin-bottom:24px;position:relative}.btn-back[data-v-f175da43]{position:absolute;right:0;background:var(--color-bg-translucent);border:1px solid var(--color-border-translucent);color:var(--color-text-primary);padding:10px 20px;border-radius:var(--radius-12);cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-regular)}.btn-back[data-v-f175da43]:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);transform:translateY(-2px)}.title[data-v-f175da43]{font-size:var(--font-size-title4);font-weight:var(--font-weight-bold);margin:0;text-align:center;letter-spacing:-.022em;color:var(--color-text-primary)}.main-content[data-v-f175da43]{display:flex;gap:24px;align-items:flex-start;position:relative;z-index:1}.category-panel[data-v-f175da43]{width:240px;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-24);padding:24px;height:fit-content;border:1px solid var(--color-border-translucent);box-shadow:var(--shadow-high);position:sticky;top:32px}.category-item[data-v-f175da43]{padding:16px 18px;margin-bottom:8px;border-radius:var(--radius-12);cursor:pointer;transition:all var(--speed-regularTransition) var(--ease-out-quad);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.category-item[data-v-f175da43]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in lch,var(--color-accent),transparent 90%),transparent);transition:left .5s}.category-item[data-v-f175da43]:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.category-item[data-v-f175da43]:hover:before{left:100%}.category-item.active[data-v-f175da43]{background:var(--color-brand-bg);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-medium);transform:translate(4px);color:var(--color-brand-text)}.category-name[data-v-f175da43]{font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);position:relative;z-index:1}.category-count[data-v-f175da43]{font-size:var(--font-size-small);opacity:.85;font-weight:var(--font-weight-medium);position:relative;z-index:1}.items-grid[data-v-f175da43]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;padding:8px}.item-card[data-v-f175da43]{border-radius:var(--radius-24);padding:20px;transition:all var(--speed-regularTransition) var(--ease-out-quart);border:1px solid var(--color-border-translucent);position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-card[data-v-f175da43]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s;z-index:0}.item-card.collected[data-v-f175da43]:before{opacity:1}.item-card.collected[data-v-f175da43]{background:linear-gradient(135deg,#dc143c,#b40a28,#8b0000);border-color:var(--color-border-secondary);box-shadow:var(--shadow-high),0 0 0 1px var(--color-border-translucent) inset;opacity:1;transform:scale(1)}.item-card.uncollected[data-v-f175da43]{background:var(--color-bg-tertiary);border-color:var(--color-border-translucent);opacity:.4;filter:grayscale(90%)}.item-card.collected[data-v-f175da43]:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-high),0 0 0 1px var(--color-border-secondary) inset;border-color:var(--color-border-secondary)}.item-card.uncollected[data-v-f175da43]:hover{opacity:.6;filter:grayscale(70%)}.item-image[data-v-f175da43]{width:100%;height:180px;border-radius:var(--radius-16);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid var(--color-border-translucent);position:relative;overflow:hidden;z-index:1}.item-card.collected .item-image[data-v-f175da43]{background:#0003;border-color:var(--color-border-translucent);box-shadow:var(--shadow-low)}.item-card.uncollected .item-image[data-v-f175da43]{background:var(--color-bg-quaternary);border-color:var(--color-border-translucent)}.item-placeholder[data-v-f175da43]{font-size:64px;color:#ffffff80;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.5)}.item-card.collected .item-placeholder[data-v-f175da43]{color:#fffffff2;text-shadow:0 2px 16px rgba(255,255,255,.4)}.item-card.uncollected .item-placeholder[data-v-f175da43]{color:#ffffff26}.item-info[data-v-f175da43]{text-align:center;position:relative;z-index:1}.item-name[data-v-f175da43]{font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);margin-bottom:8px;color:var(--color-text-primary);letter-spacing:.3px}.item-card.collected .item-name[data-v-f175da43]{color:var(--color-text-primary)}.item-card.uncollected .item-name[data-v-f175da43]{color:var(--color-text-quaternary)}.item-level[data-v-f175da43]{font-size:13px;color:#ffffffbf}.item-card.collected .item-level[data-v-f175da43]{color:#ffffffe6}.item-img[data-v-f175da43]{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-16);transition:transform var(--speed-regularTransition)}.item-card.collected:hover .item-img[data-v-f175da43]{transform:scale(1.05)}[v-loading][data-v-f175da43]{position:relative}[v-loading][data-v-f175da43]:before{content:"";position:absolute;inset:0;background:var(--color-bg-quaternary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:var(--radius-24)}[v-loading][data-v-f175da43]:after{content:"加载中...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary);z-index:11;font-size:var(--font-size-regular);font-weight:var(--font-weight-medium)}@media(max-width:1024px){.main-content[data-v-f175da43]{flex-direction:column}.category-panel[data-v-f175da43]{width:100%;position:static}.items-grid[data-v-f175da43]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}