:root{--brand-50: #eef2f7;--brand-100: #dde6f0;--brand-200: #c2d2e3;--brand-500: #3a6191;--brand-600: #2e567f;--brand-700: #213f5e;--brand-900: #16202e;--accent-violet: #3a6191;--accent-warm: #b5773a;--accent-cyan: #2f6f72;--bg: #f3f5f8;--bg-soft: #ffffff;--card: #ffffff;--line: #e3e7ee;--line-soft: #eef1f5;--text-strong: #16202e;--text: #2b3440;--text-mute: #4c5563;--text-faint: #69727f;--shadow-card: 0 1px 2px rgba(22, 32, 46, .05), 0 6px 18px rgba(22, 32, 46, .06);--shadow-lift: 0 10px 28px rgba(22, 32, 46, .1);--shadow-hero: 0 1px 0 rgba(22, 32, 46, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;outline:none;background:transparent;cursor:pointer}img{display:block;max-width:100%}.app-page{min-height:100%;display:flex;flex-direction:column;padding-bottom:36px}.app-hero{position:relative;overflow:hidden;background:linear-gradient(158deg,#213046,#16202e 60%,#111a26);color:#fff;padding:24px 20px 28px;border-bottom:3px solid var(--brand-600)}.app-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(480px 240px at 90% -30%,rgba(58,97,145,.5),transparent 65%);pointer-events:none}.app-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 78%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 78%);pointer-events:none}.hero-row{position:relative;display:flex;align-items:center;gap:12px;z-index:1}.hero-eyebrow{font-size:11px;letter-spacing:.22em;color:#ffffff8c;text-transform:uppercase;margin-bottom:3px}.hero-title{margin:0;font-size:19px;font-weight:700;letter-spacing:.5px;color:#fff}.hero-tagline{position:relative;z-index:1;margin-top:14px;font-size:12px;letter-spacing:.16em;color:#fff9}.back-btn{width:30px;height:30px;border-radius:var(--radius-sm);background:#ffffff1f;color:#fff;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.placeholder{width:30px;height:30px}.search-shell{margin:14px 16px 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:4px 4px 4px 12px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-card)}.search-shell .icon{color:var(--brand-600);flex-shrink:0}.search-shell input{flex:1;border:none;outline:none;background:transparent;height:36px;font-size:14px;color:var(--text-strong);min-width:0}.search-shell input::placeholder{color:#79808d}.search-shell button{height:32px;padding:0 18px;border-radius:var(--radius-sm);background:var(--brand-600);color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em}.search-shell button:active{background:var(--brand-700)}.search-shell button[disabled]{opacity:.5}.section-title{margin:22px 16px 12px;display:flex;align-items:center;gap:10px;color:var(--text-strong)}.section-title h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.02em;padding-left:10px;border-left:3px solid var(--brand-600)}.list{padding:0 14px;display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-card);border:1px solid var(--line)}.card.tappable{cursor:pointer}.loading,.empty{text-align:center;color:var(--text-mute);padding:56px 16px;font-size:13px}.loading .dot{display:inline-block;width:6px;height:6px;margin:0 2px;background:var(--brand-600);border-radius:50%;animation:dotPulse 1s infinite ease-in-out}.loading .dot:nth-child(2){animation-delay:.18s}.loading .dot:nth-child(3){animation-delay:.36s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1);opacity:1}}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--line);letter-spacing:.02em;line-height:1.4}.chip.violet{background:var(--brand-50);color:var(--brand-700)}.chip.cyan{background:#eef3f3;color:var(--accent-cyan)}.chip.warm{background:#f6efe6;color:var(--accent-warm)}.chip.ghost{background:transparent;color:var(--text-mute);border:1px solid var(--line)}.muted{color:var(--text-mute);font-size:13px}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}