@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600&display=swap";:root{--font-display:"Plus Jakarta Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-body:"Noto Sans SC","Plus Jakarta Sans","PingFang SC","Microsoft YaHei",sans-serif;--color-ink:#06142e;--color-ink-soft:#425067;--color-ink-mute:#8c96a9;--color-primary:#1271ff;--color-primary-dark:#0b46c6;--color-primary-light:#d8e8ff;--color-success:#21cba6;--color-danger:#ff6b81;--color-warning:#ffc53d;--color-surface:#fff;--color-surface-soft:#f4f7ff;--color-surface-ghost:hsla(0,0%,100%,.65);--color-border:#e0e8ff;--color-border-strong:#c8d3f2;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--shadow-soft:0 25px 60px rgba(6,20,46,.08);--shadow-float:0 35px 80px rgba(18,113,255,.18);--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.33,1,.68,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f5f5f5;color:var(--color-ink);font-family:var(--font-body);line-height:1.6;min-height:100%;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border-bottom:1px solid #e9eef5;justify-content:space-between;padding:.7rem 1rem;position:sticky;top:0;z-index:30}.app-header,.brand{align-items:center;display:flex}.brand{font-size:1.25rem;font-weight:600;gap:.75rem}.brand,.brand-badge{color:var(--color-primary-dark)}.brand-badge{background:var(--color-primary-light);border-radius:var(--radius-pill);font-size:.78rem;padding:.2rem .8rem}.header-actions{align-items:center;display:flex;gap:1rem}.header-search{min-width:230px;position:relative}.header-search input{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.6rem 1.2rem .6rem 2.5rem;transition:all var(--transition-fast);width:100%}.header-search span{left:.9rem;opacity:.65;position:absolute;top:50%;transform:translateY(-50%)}.header-search input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #1271ff26;outline:none}.app-body{display:flex;flex:1;gap:1.5rem;padding:1.75rem 2.5rem 3.5rem}.app-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.4rem;padding:1.5rem 1.1rem;width:230px}.sidebar-title{color:var(--color-ink-mute);font-size:.85rem;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.app-sidebar a{border-radius:var(--radius-md);color:var(--color-ink-soft);padding:.7rem .85rem;transition:all var(--transition-fast)}.app-sidebar a.router-link-active{background:linear-gradient(135deg,#1271ff1f,#1271ff08);box-shadow:inset 0 0 10px #1271ff1f;color:var(--color-primary-dark)}.app-content{background:#f5f7fa;flex:1;min-width:0}.brand-mark{color:#1677ff;font-size:13px;font-weight:600;margin:0 auto 8px;max-width:760px;padding:0 12px}.app-footer{color:var(--color-ink-mute);font-size:.9rem;padding:1rem 2.5rem 2rem}.app-bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border-top:1px solid #e8edf4;bottom:0;box-shadow:0 -4px 16px #0f172a0f;display:none;justify-content:space-around;left:0;min-height:68px;padding:6px 0 calc(8px + env(safe-area-inset-bottom,4px));position:fixed!important;right:0;transform:translateZ(0);will-change:transform;z-index:40}.app-bottom-nav a{color:#9aa4b5;flex:1;min-height:56px}.app-bottom-nav__item{align-items:center;display:inline-flex;flex-direction:column;gap:3px;justify-content:center;padding:4px 0}.app-bottom-nav__icon{font-size:15px;line-height:1}.app-bottom-nav__label{font-size:12px;line-height:1.1}.app-bottom-nav a.router-link-active{color:var(--color-primary);font-weight:600}.app-bottom-nav a.router-link-active .app-bottom-nav__icon{transform:translateY(-1px)}.version-banner{align-items:center;background:#06142ef0;border:1px solid rgba(18,113,255,.18);border-radius:20px;box-shadow:0 18px 45px #06142e47;color:#fff;display:flex;gap:1rem;left:50%;padding:.95rem 1rem .95rem 1.1rem;position:fixed;top:max(16px,calc(env(safe-area-inset-top,0px) + 12px));transform:translate(-50%);width:min(calc(100% - 24px),560px);z-index:120}.version-banner__content{flex:1;min-width:0}.version-banner__title{font-size:.96rem;font-weight:700;line-height:1.2}.version-banner__text{color:#ffffffc7;font-size:.84rem;line-height:1.5;margin-top:.22rem}.version-banner__action{background:linear-gradient(135deg,#2f86ff,#1a6df0);border:none;border-radius:999px;box-shadow:0 10px 24px #2f86ff47;color:#fff;cursor:pointer;flex-shrink:0;font-size:.88rem;font-weight:700;padding:.72rem 1.05rem}.version-banner-enter-active,.version-banner-leave-active{transition:opacity .18s ease,transform .18s ease}.version-banner-enter-from,.version-banner-leave-to{opacity:0;transform:translate(-50%) translateY(-10px)}.header-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;font-size:.88rem;font-weight:600;padding:.5rem 1.1rem;transition:all var(--transition-fast)}.header-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.avatar-chip{background:var(--color-primary);border-radius:var(--radius-pill);color:#fff;font-size:.88rem;font-weight:600;padding:.5rem 1.1rem;transition:background var(--transition-fast)}.avatar-chip:hover{background:var(--color-primary-dark)}.c-up,.chip-up{color:#f5222d}.c-down,.chip-down{color:#52c41a}.btn,a.btn,button.btn{align-items:center;border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.65rem 1.5rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary{background:linear-gradient(130deg,var(--color-primary),#3b8cff);box-shadow:var(--shadow-float);color:#fff}.btn-outline{background:#fff;border:1px solid var(--color-border);color:var(--color-primary-dark)}.btn-ghost{background:transparent;color:var(--color-ink)}.btn-danger{background:#ffeff1;color:var(--color-danger)}.btn-icon{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast);width:38px}.btn-icon:hover{background:var(--color-surface-soft);border-color:var(--color-border-strong)}.btn:disabled{cursor:not-allowed;opacity:.5}.card,.dashboard .modal-panel,.dashboard .section-card,.panel,.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.stats-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.stat-card{background:linear-gradient(145deg,var(--color-surface),rgba(18,113,255,.05));border:1px solid rgba(18,113,255,.08);border-radius:var(--radius-lg);padding:1.35rem}.stat-card__label{color:var(--color-ink-mute);font-size:.9rem}.stat-card__value{font-size:1.5rem;font-weight:600}.stat-card__sub{color:var(--color-ink-soft);font-size:.85rem}.landing{display:flex;flex-direction:column;gap:2.5rem}.landing-hero{background:linear-gradient(135deg,#1271ff2e,#0735961a);border:1px solid rgba(18,113,255,.25);border-radius:34px;box-shadow:var(--shadow-float);padding:2.5rem}.landing-hero__badge{background:#ffffff4d;border-radius:var(--radius-pill);display:inline-flex;font-weight:600;padding:.4rem 1rem}.landing-card{background:#fff;border:1px solid var(--color-border);border-radius:26px;box-shadow:var(--shadow-soft);padding:1.75rem}.landing-step__index{align-items:center;background:var(--color-primary-light);border-radius:16px;color:var(--color-primary-dark);display:flex;font-weight:600;height:46px;justify-content:center;width:46px}.market-card,.news-card{background:#fff;border:1px solid var(--color-border);border-radius:22px;box-shadow:var(--shadow-soft)}.news-card{display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.news-card__tag{background:var(--color-primary-light);border-radius:var(--radius-pill);color:var(--color-primary-dark);display:inline-flex;font-weight:600;padding:.2rem .7rem}.auth-form-card input,.auth-form-card textarea,.market-search input,.profile-form input,.profile-form textarea{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.8rem 1rem}.form-error{color:var(--color-danger)}.form-success{color:var(--color-success)}.dashboard{background:#f5f7fa;display:flex;flex-direction:column;min-height:100%}.portfolio-header{background:linear-gradient(180deg,#fff,#f7faff);border-bottom:1px solid #edf2f8;padding:20px 16px 14px}.portfolio-header__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.portfolio-header__label{color:#8c96a9;font-size:13px}.portfolio-header__actions-row{align-items:center;display:flex;gap:12px}.action-icon{background:#fff;border:1px solid #e7edf6;border-radius:10px;color:#596273;cursor:pointer;font-size:13px;padding:5px 9px;transition:all .15s}.action-icon:hover{background:#f5f9ff;border-color:#d7e7ff;color:#1677ff}.action-icon:disabled{opacity:.4}.spin{animation:spin-anim 1s linear infinite;display:inline-block}@keyframes spin-anim{to{transform:rotate(1turn)}}.portfolio-header__total{color:#1f2329;font-family:DIN Alternate,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:700;line-height:1.1;margin-bottom:8px}.portfolio-header__row{align-items:center;display:flex;gap:16px}.portfolio-header__today{font-family:DIN Alternate,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700}.portfolio-header__meta{color:#8c96a9;font-size:12px}.c-up{color:#f5222d}.c-down{color:#52c41a}.c-flat{color:#999}.bulk-bar{align-items:center;background:#fffbe6;border-bottom:1px solid #f5e5a6;display:flex;justify-content:space-between;padding:10px 16px}.bulk-bar__select-all{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px}.bulk-bar__select-all input{accent-color:var(--color-primary);height:16px;width:16px}.bulk-bar__delete{background:#f5222d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px}.bulk-bar__delete:disabled{cursor:not-allowed;opacity:.4}.holdings-thead{align-items:center;background:#f8faff;border-bottom:1px solid #e8edf4;color:#8c96a9;display:flex;font-size:12px;padding:10px 16px;position:sticky;top:0;z-index:5}.holdings-thead__name{flex:1;min-width:0}.holdings-thead__col{text-align:right;width:80px}.holdings-section{background:#fff;border-top:1px solid #eef2f7;flex:1}.holdings-list{display:flex;flex-direction:column}.banner{background:#fff;border-bottom:1px solid #e9eef5;color:var(--color-ink-soft);font-size:13px;padding:10px 16px}.banner--error{background:#fff2f0;color:#f5222d}.banner--info{background:#e6f7ff;color:#1890ff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06142e73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:28px;box-shadow:0 40px 100px #06142e40;max-height:85vh;max-width:480px;overflow-y:auto;padding:2rem;width:90%}.modal-panel--large{max-width:580px}.modal-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.modal-tabs button{background:transparent;border:none;border-radius:var(--radius-pill);color:var(--color-ink-mute);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all var(--transition-fast)}.modal-tabs button.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.modal-form{gap:1.25rem}.form-field,.modal-form{display:flex;flex-direction:column}.form-field{gap:.4rem}.form-field label{color:var(--color-ink-soft);font-size:.9rem;font-weight:600}.form-field input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1271ff1f;outline:none}.form-tip{color:var(--color-ink-mute);font-size:.82rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.fab-primary{align-items:center;background:linear-gradient(135deg,var(--color-primary),#3b8cff);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 10px 28px #1677ff52;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;font-weight:300;height:56px;justify-content:center;position:fixed;right:1.5rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:56px;z-index:50}.fab-primary:hover{box-shadow:0 14px 34px #1677ff61;transform:translateY(-2px) scale(1.05)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.ocr-upload{padding:1rem;text-align:center}.ocr-upload input[type=file]{margin-bottom:.75rem}.ocr-preview{margin-top:.75rem}.ocr-preview img{border-radius:var(--radius-sm);max-height:200px;max-width:100%;-o-object-fit:contain;object-fit:contain}.ocr-loading{color:var(--color-ink-mute);padding:1rem;text-align:center}.ocr-error{background:#ffeff1;border-radius:var(--radius-sm);color:var(--color-danger);margin-top:.75rem;padding:.75rem 1rem}.ocr-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-top:1rem}.ocr-list{display:flex;flex-direction:column;gap:.6rem}.ocr-name{font-weight:600}.ocr-amount,.ocr-meta{color:var(--color-ink-soft);font-size:.85rem}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:inherit;text-decoration:underline}.fund-autocomplete{position:relative}.fund-autocomplete__panel{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 15px 40px #06142e1f;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.fund-autocomplete__item{align-items:center;background:transparent;border:none;color:var(--color-ink);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;justify-content:space-between;padding:.65rem .85rem;width:100%}.fund-autocomplete__item:hover{background:var(--color-surface-soft)}.fund-autocomplete__name{font-weight:500}.fund-autocomplete__code{color:var(--color-ink-mute);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem}.ocr-name-raw{margin-top:-.15rem}.ocr-name-raw,.ocr-source{color:var(--color-ink-mute);font-size:.8rem}.ocr-source{margin-top:.15rem}.ocr-pane{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:1.25rem}.ocr-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem}.ocr-preview__meta{color:var(--color-ink-mute);font-size:.85rem;margin-top:.4rem}.empty-state{background:#fff;color:#a8b0bd;font-size:14px;padding:48px 16px;text-align:center}.section-card{padding:1.75rem}.section-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-card__title{font-size:1.1rem;font-weight:600}.text-muted{color:var(--color-ink-mute);font-size:.85rem}.bulk-toggle{align-items:center;color:var(--color-ink-soft);cursor:pointer;display:flex;font-size:.9rem;gap:.4rem}@media(max-width:1024px){.app-body{flex-direction:column;padding:0}.app-sidebar{flex-direction:row;flex-wrap:wrap;gap:.5rem;width:100%}}@media(max-width:768px){.app-header{padding:.6rem 1rem}.app-sidebar,.header-search{display:none}.app-bottom-nav{display:flex}.app-footer{display:none}.app-body{padding:0 0 5.3rem}.app-content{padding:0}.market-card,.news-card{flex-direction:column}.modal-panel{border-radius:16px;max-height:90vh;padding:1.25rem;width:96%}.fab-primary{bottom:calc(5.2rem + env(safe-area-inset-bottom,0px));right:1rem}.version-banner{align-items:flex-start;border-radius:18px;gap:.8rem;padding:.9rem;top:max(10px,calc(env(safe-area-inset-top,0px) + 8px))}.version-banner__text{font-size:.8rem}.version-banner__action{font-size:.84rem;padding:.68rem .9rem}}@media(min-width:769px){.dashboard{border:1px solid #e9eef5;border-radius:14px;box-shadow:0 10px 24px #0f172a0f;margin:1rem auto;max-width:640px;overflow:hidden}.holdings-thead__col{width:100px}}