:root{--color-primary: #D4A017;--color-primary-light: #E8C547;--color-primary-dark: #B8860B;--color-primary-bg: #FDF6E3;--color-primary-alpha: rgba(212, 160, 23, .12);--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--sidebar-bg: #2C2417;--sidebar-text: #E8DCC8;--sidebar-text-muted: #A89A84;--sidebar-border: #3D3225;--sidebar-hover-bg: rgba(212, 160, 23, .1);--sidebar-active-bg: rgba(212, 160, 23, .15);--bg-page: #FDF6E3;--bg-card: #FFFFFF;--bg-card-hover: #FFFCF0;--text-primary: #2C2417;--text-secondary: #6B5E4F;--text-muted: #9A8E7E;--border-color: #E8DCC8;--border-color-light: #F0E8D8;--shadow-sm: 0 1px 3px rgba(44, 36, 23, .06);--shadow-md: 0 4px 12px rgba(44, 36, 23, .08);--shadow-lg: 0 8px 24px rgba(44, 36, 23, .12);--shadow-glow: 0 0 20px rgba(212, 160, 23, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-page: #1A1610;--bg-card: #252017;--bg-card-hover: #2E2820;--text-primary: #E8DCC8;--text-secondary: #B8A990;--text-muted: #7A6E5E;--border-color: #3D3225;--border-color-light: #332B1F;--sidebar-bg: #161210;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-glow: 0 0 24px rgba(212, 160, 23, .2)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit}::selection{background:#d4a0174d;color:var(--text-primary)}.sidebar[data-v-a29d3aea]{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;transition:width var(--transition-normal),min-width var(--transition-normal);overflow:hidden;border-right:1px solid var(--sidebar-border);-webkit-user-select:none;user-select:none}.sidebar.collapsed[data-v-a29d3aea]{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}.sidebar-header[data-v-a29d3aea]{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--sidebar-border);gap:8px}.logo-area[data-v-a29d3aea]{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.logo-icon[data-v-a29d3aea]{width:28px;height:28px;flex-shrink:0;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.logo-icon svg[data-v-a29d3aea]{width:24px;height:24px}.logo-text[data-v-a29d3aea]{font-size:17px;font-weight:700;color:var(--sidebar-text);white-space:nowrap;letter-spacing:.5px}.collapse-btn[data-v-a29d3aea]{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.collapse-btn[data-v-a29d3aea]:hover{color:var(--color-primary);background:var(--sidebar-hover-bg)}.collapse-btn svg[data-v-a29d3aea]{width:18px;height:18px}.sidebar-nav[data-v-a29d3aea]{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-nav[data-v-a29d3aea]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-a29d3aea]::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.nav-group[data-v-a29d3aea]{margin-bottom:4px}.group-label[data-v-a29d3aea]{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sidebar-text-muted);white-space:nowrap}.group-divider[data-v-a29d3aea]{height:1px;margin:8px 12px;background:var(--sidebar-border)}.nav-item[data-v-a29d3aea]{display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;font-size:14px;color:var(--sidebar-text);border-radius:0;transition:background var(--transition-fast),color var(--transition-fast);position:relative;white-space:nowrap;text-align:left}.sidebar.collapsed .nav-item[data-v-a29d3aea]{justify-content:center;padding:10px}.nav-item[data-v-a29d3aea]:hover{background:var(--sidebar-hover-bg);color:var(--color-primary-light)}.nav-item.active[data-v-a29d3aea]{background:var(--sidebar-active-bg);color:var(--color-primary)}.nav-item.active[data-v-a29d3aea]:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--color-primary);border-radius:0 3px 3px 0}.nav-icon[data-v-a29d3aea]{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon[data-v-a29d3aea] svg{width:18px;height:18px}.nav-label[data-v-a29d3aea]{min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-footer[data-v-a29d3aea]{padding:12px;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;gap:8px}.user-area[data-v-a29d3aea]{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar[data-v-a29d3aea]{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--color-primary-dark);color:#fdf6e3;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-name[data-v-a29d3aea]{font-size:13px;color:var(--sidebar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-a29d3aea]{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.logout-btn[data-v-a29d3aea]:hover{color:#e74c3c;background:#e74c3c1a}.logout-btn svg[data-v-a29d3aea]{width:18px;height:18px}.app-layout[data-v-0134cbde]{display:flex;height:100vh;width:100%;overflow:hidden}.main-content[data-v-0134cbde]{flex:1;min-width:0;min-height:100vh;overflow-y:auto;background:var(--bg-page)}.page[data-v-38c6bfa9]{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#fdf6e3,#f5edda,#ede3c8);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;box-sizing:border-box}.login-layout[data-v-38c6bfa9]{width:min(1120px,100%);display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,420px);gap:28px;align-items:stretch}.hero-panel[data-v-38c6bfa9]{position:relative;overflow:hidden;border-radius:28px;min-height:720px;padding:34px 34px 28px;background:radial-gradient(circle at top left,rgba(255,255,255,.68),transparent 36%),linear-gradient(145deg,#f8df89,#f3c74d 45%,#ecb63c);box-shadow:0 24px 60px #78560633;display:flex;flex-direction:column;justify-content:space-between}.hero-copy[data-v-38c6bfa9]{position:relative;z-index:1;max-width:420px}.hero-badge[data-v-38c6bfa9]{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#ffffff47;color:#5f4207;font-size:13px;font-weight:600;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-title[data-v-38c6bfa9]{margin:18px 0 12px;font-size:clamp(34px,4vw,52px);line-height:1.05;color:#3b2800}.hero-desc[data-v-38c6bfa9]{margin:0;font-size:15px;line-height:1.8;color:#3b2800cc}.mascot-scene[data-v-38c6bfa9]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 0 14px}.scene-glow[data-v-38c6bfa9]{position:absolute;inset:auto 50% 18px;width:360px;height:90px;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.55),transparent 68%);filter:blur(10px)}.mascot-squad[data-v-38c6bfa9]{position:relative;z-index:1;width:min(100%,420px);display:grid;grid-template-columns:repeat(2,1fr);gap:18px;animation:cube-float-38c6bfa9 4.4s ease-in-out infinite}.cube[data-v-38c6bfa9]{position:relative;min-height:170px;padding:18px;border-radius:30px;box-shadow:inset 0 8px 16px #ffffffdb,0 18px 30px #85580224;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:transform .34s ease,box-shadow .34s ease}.cube-1[data-v-38c6bfa9]{background:linear-gradient(180deg,#fff7dafa,#ffe280f5)}.cube-2[data-v-38c6bfa9]{background:linear-gradient(180deg,#fffbebfa,#f8df9df5)}.cube-3[data-v-38c6bfa9]{background:linear-gradient(180deg,#ffefe0fa,#ffcd92f2)}.cube-4[data-v-38c6bfa9]{background:linear-gradient(180deg,#fff2c5fa,#f2bf53f2)}.cube[data-v-38c6bfa9]:before{content:"";position:absolute;inset:12px;border-radius:24px;border:1px solid rgba(255,255,255,.38)}.cube-name[data-v-38c6bfa9]{position:relative;z-index:1;font-size:13px;font-weight:700;color:#593900b8;letter-spacing:.04em}.cube-character[data-v-38c6bfa9]{position:relative;z-index:1;height:calc(100% - 10px);display:flex;align-items:center;justify-content:center}.cube-face[data-v-38c6bfa9]{position:relative;width:100px;height:100px;border-radius:28px;background:#fff3;box-shadow:inset 0 4px 10px #ffffff59}.cube-brows[data-v-38c6bfa9]{position:absolute;top:18px;left:50%;display:flex;gap:18px;transform:translate(-50%)}.brow[data-v-38c6bfa9]{width:24px;height:6px;border-radius:999px;background:#624316;transition:transform .28s ease,width .28s ease,top .28s ease}.brow-left[data-v-38c6bfa9]{transform:rotate(-14deg)}.brow-right[data-v-38c6bfa9]{transform:rotate(14deg)}.cube-eyes[data-v-38c6bfa9]{position:absolute;top:46px;left:50%;width:45px;height:24px;transform:translate(-50%)}.eye[data-v-38c6bfa9]{position:absolute;top:50%;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:inset 0 -5px 8px #cdb06757;transition:height .28s ease,transform .28s ease,opacity .28s ease;overflow:hidden}.eye-left[data-v-38c6bfa9]{left:0;transform:translate(-50%,-50%)}.eye-right[data-v-38c6bfa9]{left:100%;transform:translate(-50%,-50%)}.pupil[data-v-38c6bfa9]{position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#3c2b12;transition:transform .28s ease,opacity .2s ease}.cube-hand[data-v-38c6bfa9]{position:absolute;top:62px;width:44px;height:16px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#f0bf45);box-shadow:0 10px 18px #835a0a24,inset 0 6px 10px #fffade8a;transition:transform .34s ease,top .34s ease,left .34s ease,right .34s ease,opacity .28s ease}.cube-hand[data-v-38c6bfa9]:before{left:5px}.cube-hand[data-v-38c6bfa9]:after{right:5px}.hand-left[data-v-38c6bfa9]{left:-18px;transform-origin:88% 50%;transform:rotate(26deg)}.hand-right[data-v-38c6bfa9]{right:-18px;transform-origin:12% 50%;transform:rotate(-26deg)}.hero-hint[data-v-38c6bfa9]{position:relative;z-index:1;margin-top:22px;padding:14px 16px;border-radius:18px;background:#ffffff5c;color:#5a400d;font-size:14px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-panel.is-account-focus .cube-1 .pupil[data-v-38c6bfa9]{transform:translate(-15%,-80%)}.hero-panel.is-account-focus .cube-1 .brow-left[data-v-38c6bfa9]{transform:rotate(-22deg) translate(6px)}.hero-panel.is-account-focus .cube-1 .brow-right[data-v-38c6bfa9]{transform:rotate(22deg) translate(6px)}.hero-panel.is-account-focus .cube-1 .hand-left[data-v-38c6bfa9]{transform:rotate(10deg) translate(-6px,10px)}.hero-panel.is-account-focus .cube-1 .hand-right[data-v-38c6bfa9]{transform:rotate(-10deg) translate(6px,10px)}.hero-panel.is-account-focus .cube-2 .pupil[data-v-38c6bfa9]{transform:translate(-15%,-80%)}.hero-panel.is-account-focus .cube-2 .brow-left[data-v-38c6bfa9]{transform:rotate(-22deg) translate(6px)}.hero-panel.is-account-focus .cube-2 .brow-right[data-v-38c6bfa9]{transform:rotate(22deg) translate(6px)}.hero-panel.is-account-focus .cube-2 .hand-left[data-v-38c6bfa9]{transform:rotate(10deg) translate(-6px,10px)}.hero-panel.is-account-focus .cube-2 .hand-right[data-v-38c6bfa9]{transform:rotate(-10deg) translate(6px,10px)}.hero-panel.is-account-focus .cube-3 .pupil[data-v-38c6bfa9]{transform:translate(-15%,-80%)}.hero-panel.is-account-focus .cube-3 .brow-left[data-v-38c6bfa9]{transform:rotate(-22deg) translate(6px)}.hero-panel.is-account-focus .cube-3 .brow-right[data-v-38c6bfa9]{transform:rotate(22deg) translate(6px)}.hero-panel.is-account-focus .cube-3 .hand-left[data-v-38c6bfa9]{transform:rotate(10deg) translate(-6px,10px)}.hero-panel.is-account-focus .cube-3 .hand-right[data-v-38c6bfa9]{transform:rotate(-10deg) translate(6px,10px)}.hero-panel.is-account-focus .cube-4 .pupil[data-v-38c6bfa9]{transform:translate(-15%,-80%)}.hero-panel.is-account-focus .cube-4 .brow-left[data-v-38c6bfa9]{transform:rotate(-22deg) translate(6px)}.hero-panel.is-account-focus .cube-4 .brow-right[data-v-38c6bfa9]{transform:rotate(22deg) translate(6px)}.hero-panel.is-account-focus .cube-4 .hand-left[data-v-38c6bfa9]{transform:rotate(10deg) translate(-6px,10px)}.hero-panel.is-account-focus .cube-4 .hand-right[data-v-38c6bfa9]{transform:rotate(-10deg) translate(6px,10px)}.hero-panel.is-password-focus .eye[data-v-38c6bfa9]{height:8px}.hero-panel.is-password-focus .pupil[data-v-38c6bfa9]{opacity:0}.hero-panel.is-password-focus .mouth-line[data-v-38c6bfa9]{width:28px;height:4px;border-radius:999px;transform:translateY(4px)}.hero-panel.is-password-focus .brow-left[data-v-38c6bfa9]{transform:rotate(-4deg) translateY(8px)}.hero-panel.is-password-focus .brow-right[data-v-38c6bfa9]{transform:rotate(4deg) translateY(8px)}.hero-panel.is-password-focus .hand-left[data-v-38c6bfa9]{top:46px;left:8px;transform:rotate(-22deg) translate(6px,-2px)}.hero-panel.is-password-focus .hand-right[data-v-38c6bfa9]{top:46px;right:8px;transform:rotate(22deg) translate(-6px,-2px)}.card[data-v-38c6bfa9]{width:100%;min-height:720px;background:#fff;border-radius:28px;box-shadow:0 20px 40px #2c24171f;padding:28px 26px 22px;box-sizing:border-box}.title[data-v-38c6bfa9]{font-size:20px;font-weight:600;color:var(--text-primary, #2C2417);text-align:center;margin-bottom:18px}.tabs[data-v-38c6bfa9]{display:flex;border-bottom:2px solid var(--border-color, #E8DCC8);margin-bottom:18px}.tab[data-v-38c6bfa9]{flex:1;padding:8px 0;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-muted, #9A8E7E);cursor:pointer;position:relative;transition:color .2s}.tab.active[data-v-38c6bfa9]{color:var(--color-primary, #D4A017)}.tab.active[data-v-38c6bfa9]:after{content:"";position:absolute;left:20%;right:20%;bottom:-2px;height:2px;background:var(--color-primary, #D4A017);border-radius:1px}.form[data-v-38c6bfa9]{display:flex;flex-direction:column;gap:12px}.field[data-v-38c6bfa9]{display:flex;flex-direction:column;gap:4px}.label[data-v-38c6bfa9]{font-size:13px;color:var(--text-secondary, #6B5E4F)}.input[data-v-38c6bfa9]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border-color, #E8DCC8);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.input[data-v-38c6bfa9]:focus{border-color:var(--color-primary, #D4A017);box-shadow:0 0 0 2px #d4a01733}.captcha-row[data-v-38c6bfa9]{display:flex;gap:8px;align-items:center}.captcha-input[data-v-38c6bfa9]{flex:1}.captcha-img[data-v-38c6bfa9]{height:38px;border-radius:6px;cursor:pointer;border:1px solid var(--border-color, #E8DCC8);flex-shrink:0}.captcha-placeholder[data-v-38c6bfa9]{height:38px;width:120px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px dashed var(--border-color, #E8DCC8);font-size:12px;color:var(--text-muted, #9A8E7E);cursor:pointer;flex-shrink:0}.email-code-row[data-v-38c6bfa9]{display:flex;gap:8px;align-items:center}.email-code-input[data-v-38c6bfa9]{flex:1}.btn-send[data-v-38c6bfa9]{flex-shrink:0;padding:8px 14px;border-radius:8px;border:1px solid var(--color-primary, #D4A017);background:transparent;color:var(--color-primary, #D4A017);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.btn-send[data-v-38c6bfa9]:hover:not(:disabled){background:var(--color-primary, #D4A017);color:#fff}.btn-send[data-v-38c6bfa9]:disabled{opacity:.5;cursor:not-allowed}.btn[data-v-38c6bfa9]{padding:10px 16px;border-radius:999px;border:none;font-size:14px;cursor:pointer;transition:background .15s,box-shadow .15s,transform .05s}.btn-primary[data-v-38c6bfa9]{background:linear-gradient(to right,#d4a017,#b8860b);color:#fff;box-shadow:0 8px 20px #d4a0174d}.btn-primary[data-v-38c6bfa9]:active{transform:translateY(1px);box-shadow:0 4px 10px #d4a01766}.full[data-v-38c6bfa9]{width:100%;margin-top:4px}.message[data-v-38c6bfa9]{margin-top:10px;font-size:13px;min-height:18px;text-align:center}.message.error[data-v-38c6bfa9]{color:#b91c1c}.message.success[data-v-38c6bfa9]{color:#15803d}@keyframes cube-float-38c6bfa9{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:980px){.login-layout[data-v-38c6bfa9]{grid-template-columns:1fr;max-width:620px}.hero-panel[data-v-38c6bfa9],.card[data-v-38c6bfa9]{min-height:auto}.hero-panel[data-v-38c6bfa9]{padding-bottom:24px}.mascot-squad[data-v-38c6bfa9]{max-width:440px}.cube[data-v-38c6bfa9]{min-height:156px}}@media(max-width:640px){.page[data-v-38c6bfa9]{padding:18px 14px}.hero-panel[data-v-38c6bfa9]{padding:24px 20px 20px;border-radius:24px}.hero-title[data-v-38c6bfa9]{font-size:32px}.hero-desc[data-v-38c6bfa9]{font-size:14px}.mascot-squad[data-v-38c6bfa9]{gap:14px}.cube[data-v-38c6bfa9]{min-height:138px;padding:14px;border-radius:24px}.cube[data-v-38c6bfa9]:before{inset:10px;border-radius:18px}.cube-face[data-v-38c6bfa9]{width:84px;height:84px;border-radius:22px}.cube-brows[data-v-38c6bfa9]{top:14px;gap:14px}.brow[data-v-38c6bfa9]{width:20px;height:5px}.cube-eyes[data-v-38c6bfa9]{top:38px;width:56px}.eye[data-v-38c6bfa9]{width:18px;height:18px}.pupil[data-v-38c6bfa9]{width:7px;height:7px}.mouth-line[data-v-38c6bfa9]{width:28px;height:12px;border-bottom-width:4px}.cube-hand[data-v-38c6bfa9]{top:52px;width:36px;height:14px}.hero-panel.is-password-focus .hand-left[data-v-38c6bfa9],.hero-panel.is-password-focus .hand-right[data-v-38c6bfa9]{top:38px}.card[data-v-38c6bfa9]{border-radius:24px;padding:24px 18px 18px}.tabs[data-v-38c6bfa9]{gap:4px}.tab[data-v-38c6bfa9]{font-size:13px}}@media(prefers-color-scheme:dark){.page[data-v-38c6bfa9]{background:linear-gradient(135deg,#1a1610,#252017,#1a1610)}.hero-panel[data-v-38c6bfa9]{background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 32%),linear-gradient(145deg,#5c4511,#8f6612 45%,#ba8718);box-shadow:0 24px 60px #00000059}.hero-badge[data-v-38c6bfa9],.hero-hint[data-v-38c6bfa9]{background:#0000002e;color:#fff1c4}.hero-title[data-v-38c6bfa9]{color:#fff4cf}.hero-desc[data-v-38c6bfa9]{color:#fff4cfcc}.card[data-v-38c6bfa9]{background:#252017;box-shadow:0 20px 40px #0000004d}}.home-page[data-v-d23f51fa]{padding:40px 32px;max-width:900px;margin:0 auto}.home-header[data-v-d23f51fa]{margin-bottom:36px}.pref-panel[data-v-d23f51fa]{margin-bottom:24px;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.pref-section+.pref-section[data-v-d23f51fa]{margin-top:12px}.pref-title[data-v-d23f51fa]{font-size:13px;color:var(--text-muted);margin-bottom:8px}.pref-list[data-v-d23f51fa]{display:flex;gap:8px;flex-wrap:wrap}.pref-chip[data-v-d23f51fa]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:12px}.pref-chip[data-v-d23f51fa]:hover{border-color:var(--color-primary);color:var(--color-primary)}.pref-chip-icon[data-v-d23f51fa]{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.pref-chip-icon[data-v-d23f51fa] svg{width:14px;height:14px}.home-title[data-v-d23f51fa]{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.home-subtitle[data-v-d23f51fa]{margin:6px 0 0;font-size:15px;color:var(--text-muted)}.tools-grid[data-v-d23f51fa]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.tool-card[data-v-d23f51fa]{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;transition:transform var(--transition-fast),box-shadow var(--transition-normal),border-color var(--transition-fast),background var(--transition-fast);box-shadow:var(--shadow-sm)}.tool-card[data-v-d23f51fa]:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:var(--color-primary);background:var(--bg-card-hover)}.tool-card[data-v-d23f51fa]:active{transform:translateY(0)}.tool-icon[data-v-d23f51fa]{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary-alpha);border-radius:var(--radius-md);padding:8px}.tool-icon[data-v-d23f51fa] svg{width:100%;height:100%}.tool-info[data-v-d23f51fa]{flex:1;min-width:0}.tool-name[data-v-d23f51fa]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.tool-desc[data-v-d23f51fa]{font-size:13px;color:var(--text-muted);line-height:1.4}.tool-arrow[data-v-d23f51fa]{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.tool-arrow svg[data-v-d23f51fa]{width:100%;height:100%}.tool-card:hover .tool-arrow[data-v-d23f51fa]{color:var(--color-primary);transform:translate(3px)}.fav-btn[data-v-d23f51fa]{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fav-btn[data-v-d23f51fa]:hover{border-color:var(--color-primary)}.fav-btn-icon[data-v-d23f51fa]{width:15px;height:15px;display:inline-flex;color:var(--text-muted)}.fav-btn-icon.active[data-v-d23f51fa]{color:var(--color-primary)}.fav-btn-icon[data-v-d23f51fa] svg{width:100%;height:100%}@media(max-width:768px){.home-page[data-v-d23f51fa]{padding:24px 16px}.tools-grid[data-v-d23f51fa]{grid-template-columns:1fr}}