:root{--dfx-primary-50:#fff7f2;--dfx-primary-100:#ffeddf;--dfx-primary-200:#ffd6b8;--dfx-primary-300:#ffb985;--dfx-primary-400:#ff964d;--dfx-primary-500:#fa7420;--dfx-primary-600:#e8590c;--dfx-primary-700:#c14606;--dfx-primary-800:#9a3a08;--dfx-primary-900:#7c3109;--dfx-primary-950:#451804;--dfx-ink-900:#1a1a1a;--dfx-ink-800:#262220;--dfx-ink-700:#3d3835;--dfx-ink-600:#57514c;--dfx-ink-500:#78716a;--dfx-ink-400:#a39b93;--dfx-ink-300:#c9c2ba;--dfx-ink-200:#e4ded6;--dfx-accent-500:#d92d20;--dfx-accent-600:#c1121f;--dfx-accent-700:#9f0f18;--dfx-bg-0:#fdfbf7;--dfx-bg-1:#fff;--dfx-bg-2:#f7f3ec;--dfx-bg-3:#f0eadd;--dfx-bg-elev:#fff;--dfx-bg-inverse:#1a1a1a;--dfx-line-1:#f5f1ea;--dfx-line-2:#e4ded6;--dfx-border:var(--dfx-line-2);--dfx-line-strong:#c9c2ba;--dfx-success:#15803d;--dfx-success-bg:#ecfdf3;--dfx-success-border:#abefc6;--dfx-success-hover:#166534;--dfx-warning:#b45309;--dfx-warning-bg:#fffaeb;--dfx-warning-border:#fedf89;--dfx-warning-hover:#92400e;--dfx-danger:#b91c1c;--dfx-danger-bg:#fef3f2;--dfx-danger-border:#fecdca;--dfx-danger-hover:#991b1b;--dfx-info:#0369a1;--dfx-info-bg:#f0f9ff;--dfx-info-border:#b9e6fe;--dfx-info-hover:#075985;--dfx-shadow-color:#1a1a1a;--dfx-shadow-color-warm:#3d3835;--dfx-glow-cta:#e8590c;--dfx-surface-hover-ink:#1a1a1a0b;--dfx-primary-soft:#e8590c1a;--dfx-header-bg:#fdfbf7d9;--dfx-overlay-scrim:#1a1a1a7a;--dfx-focus-ring:0 0 0 3px #e8590c24;--dfx-focus-ring-strong:0 0 0 3px #e8590c52;--dfx-focus-ring-danger:0 0 0 3px #b91c1c24;--dfx-space-1:4px;--dfx-space-2:8px;--dfx-space-3:12px;--dfx-space-4:16px;--dfx-space-5:20px;--dfx-space-6:24px;--dfx-space-8:32px;--dfx-space-10:40px;--dfx-space-12:48px;--dfx-space-16:64px;--dfx-space-20:80px;--dfx-space-24:96px;--dfx-space-32:128px;--dfx-grid-gap:24px;--dfx-radius-xs:8px;--dfx-radius-sm:10px;--dfx-radius-md:14px;--dfx-radius-lg:18px;--dfx-radius-2xl:32px;--dfx-radius-pill:9999px;--dfx-ease:cubic-bezier(.4, 0, .2, 1);--dfx-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dfx-font-ui:"PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--dfx-font-serif:"Songti SC", "Source Han Serif SC", "Noto Serif SC", serif;--dfx-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dfx-text-display-hero:700 56px/1.08 var(--dfx-font-ui);--dfx-ls-display-hero:-.03em;--dfx-text-display:700 44px/1.12 var(--dfx-font-ui);--dfx-ls-display:-.025em;--dfx-text-h1:700 34px/1.18 var(--dfx-font-ui);--dfx-ls-h1:-.02em;--dfx-text-h2:600 28px/1.25 var(--dfx-font-ui);--dfx-ls-h2:-.015em;--dfx-text-h3:600 22px/1.33 var(--dfx-font-ui);--dfx-ls-h3:-.01em;--dfx-text-h4:600 18px/1.4 var(--dfx-font-ui);--dfx-ls-h4:-.005em;--dfx-text-body-lg:400 17px/1.65 var(--dfx-font-ui);--dfx-ls-body-lg:0;--dfx-text-body:400 15px/1.7 var(--dfx-font-ui);--dfx-ls-body:.01em;--dfx-text-body-sm:400 14px/1.6 var(--dfx-font-ui);--dfx-ls-body-sm:.01em;--dfx-text-caption:500 13px/1.5 var(--dfx-font-ui);--dfx-ls-caption:.02em;--dfx-text-micro:500 12px/1.45 var(--dfx-font-ui);--dfx-ls-micro:.03em;--dfx-text-nano:600 11px/1.4 var(--dfx-font-ui);--dfx-ls-nano:.04em;--dfx-shadow-sm:0 1px 2px #1a1a1a0d, 0 2px 4px #1a1a1a0a;--dfx-shadow-md:0 2px 4px #1a1a1a0d, 0 8px 16px #1a1a1a0f;--dfx-shadow-lg:0 4px 8px #1a1a1a0d, 0 16px 32px #1a1a1a14;--dfx-shadow-xl:0 8px 16px #1a1a1a0f, 0 24px 48px #1a1a1a1a;--dfx-shadow-cta:0 8px 24px #e8590c47;--dfx-shadow-cta-hover:0 12px 32px #e8590c5c;--dfx-z-base:0;--dfx-z-sticky:100;--dfx-z-dropdown:1000;--dfx-z-overlay:1100;--dfx-z-modal:1200;--dfx-z-toast:1300;--dfx-bp-sm:640px;--dfx-bp-md:768px;--dfx-bp-lg:1024px;--dfx-bp-xl:1280px;--dfx-bp-2xl:1536px;--dfx-container-max:1200px;--dfx-container-narrow:720px;--dfx-touch-target:44px}:root[data-theme=dark]{--dfx-bg-0:#1a1a1a;--dfx-bg-1:#262220;--dfx-bg-2:#2e2a27;--dfx-bg-3:#3d3835;--dfx-bg-elev:#262220;--dfx-bg-inverse:#fdfbf7;--dfx-ink-900:#fdfbf7;--dfx-ink-800:#e4ded6;--dfx-ink-700:#c9c2ba;--dfx-ink-600:#a39b93;--dfx-ink-500:#78716a;--dfx-ink-400:#57514c;--dfx-ink-300:#3d3835;--dfx-ink-200:#2e2a27;--dfx-line-1:#2e2a27;--dfx-line-2:#3d3835;--dfx-line-strong:#57514c;--dfx-primary-soft:#e8590c29;--dfx-surface-hover-ink:#fdfbf70f;--dfx-header-bg:#1a1a1ad9;--dfx-overlay-scrim:#0009}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--dfx-font-body,"PingFang SC", "Microsoft YaHei", system-ui, sans-serif);background:var(--dfx-bg-0);color:var(--dfx-ink-900);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.xj-app{flex-direction:column;height:100%;display:flex}.xj-body{flex:1;min-height:0;display:flex}.xj-nav{background:var(--dfx-surface-1);border-right:1px solid var(--dfx-line-2);width:208px;padding:var(--dfx-space-4) var(--dfx-space-3);gap:var(--dfx-space-1);flex-direction:column;flex:none;display:flex}.xj-nav__brand{align-items:center;gap:var(--dfx-space-2);padding:var(--dfx-space-2) var(--dfx-space-2) var(--dfx-space-4);display:flex}.xj-nav__logo{border-radius:var(--dfx-radius-round);background:linear-gradient(135deg, var(--dfx-primary-600), var(--dfx-accent-500));color:#fff;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.xj-nav__name{font-size:var(--dfx-type-scale-5);font-weight:700}.xj-nav__item{align-items:center;gap:var(--dfx-space-2);padding:var(--dfx-space-2) var(--dfx-space-3);border-radius:var(--dfx-radius-md);color:var(--dfx-ink-700);font-size:var(--dfx-type-scale-4);cursor:pointer;transition:background var(--dfx-motion-fast,.12s) ease;display:flex}.xj-nav__item:hover{background:var(--dfx-surface-2)}.xj-nav__item--active{background:var(--dfx-primary-50,#fdeee3);color:var(--dfx-primary-700);font-weight:600}.xj-main{flex-direction:column;flex:1;min-width:0;display:flex}.xj-topbar{align-items:center;gap:var(--dfx-space-3);height:56px;padding:0 var(--dfx-space-5);background:var(--dfx-surface-1);border-bottom:1px solid var(--dfx-line-2);flex:none;display:flex}.xj-topbar__spacer{flex:1}.xj-credits{align-items:center;gap:var(--dfx-space-2);background:var(--dfx-surface-2);border:1px solid var(--dfx-line-1);border-radius:var(--dfx-radius-round);padding:var(--dfx-space-1) var(--dfx-space-3);font-size:var(--dfx-type-scale-4);cursor:pointer;display:flex}.xj-credits__num{color:var(--dfx-primary-700);font-weight:700}.xj-avatar{border-radius:var(--dfx-radius-round);background:var(--dfx-primary-100);width:32px;height:32px;color:var(--dfx-primary-800);place-items:center;font-size:13px;font-weight:600;display:grid}.xj-chat{flex:1;min-height:0;display:flex}.xj-sessions{border-right:1px solid var(--dfx-line-2);background:var(--dfx-surface-1);width:232px;padding:var(--dfx-space-3);gap:var(--dfx-space-1);flex-direction:column;flex:none;display:flex;overflow-y:auto}.xj-sessions__title{font-size:var(--dfx-type-scale-4);color:var(--dfx-ink-600);padding:var(--dfx-space-2) var(--dfx-space-2);font-weight:600}.xj-session-item{padding:var(--dfx-space-2) var(--dfx-space-3);border-radius:var(--dfx-radius-md);font-size:var(--dfx-type-scale-4);color:var(--dfx-ink-700);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xj-session-item:hover{background:var(--dfx-surface-2)}.xj-session-item--active{background:var(--dfx-primary-50,#fdeee3);color:var(--dfx-primary-700);font-weight:600}.xj-thread{flex-direction:column;flex:1;min-width:0;display:flex}.xj-thread__scroll{padding:var(--dfx-space-6) var(--dfx-space-6) var(--dfx-space-4);flex:1;overflow-y:auto}.xj-thread__inner{gap:var(--dfx-space-4);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.xj-hero{text-align:center;padding:var(--dfx-space-10) 0 var(--dfx-space-6)}.xj-hero__title{font-size:var(--dfx-type-scale-8);margin:0 0 var(--dfx-space-2);font-weight:800}.xj-hero__sub{color:var(--dfx-ink-500);font-size:var(--dfx-type-scale-4);margin:0}.xj-bubble{gap:var(--dfx-space-3);display:flex}.xj-bubble--user{flex-direction:row-reverse}.xj-bubble__avatar{border-radius:var(--dfx-radius-round);flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.xj-bubble--user .xj-bubble__avatar{background:var(--dfx-surface-3);color:var(--dfx-ink-700)}.xj-bubble--assistant .xj-bubble__avatar{background:linear-gradient(135deg, var(--dfx-primary-600), var(--dfx-accent-500));color:#fff}.xj-bubble__body{border-radius:var(--dfx-radius-lg);max-width:78%;padding:var(--dfx-space-3) var(--dfx-space-4);font-size:var(--dfx-type-scale-4);white-space:pre-wrap;word-break:break-word;line-height:1.7}.xj-bubble--user .xj-bubble__body{background:var(--dfx-primary-700);color:#fff;border-bottom-right-radius:var(--dfx-radius-xs)}.xj-bubble--assistant .xj-bubble__body{background:var(--dfx-surface-1);border:1px solid var(--dfx-line-1);border-bottom-left-radius:var(--dfx-radius-xs)}.xj-composer{padding:var(--dfx-space-3) var(--dfx-space-6) var(--dfx-space-5);flex:none}.xj-composer__inner{max-width:760px;margin:0 auto}.xj-chips{gap:var(--dfx-space-2);margin-bottom:var(--dfx-space-3);flex-wrap:wrap;display:flex}.xj-chip{padding:var(--dfx-space-1) var(--dfx-space-3);border-radius:var(--dfx-radius-round);border:1px solid var(--dfx-line-2);background:var(--dfx-surface-1);font-size:var(--dfx-type-scale-3);color:var(--dfx-ink-700);cursor:pointer;transition:all var(--dfx-motion-fast,.12s) ease}.xj-chip:hover{border-color:var(--dfx-primary-500);color:var(--dfx-primary-700)}.xj-chip--active{background:var(--dfx-primary-700);border-color:var(--dfx-primary-700);color:#fff}.xj-inputbar{gap:var(--dfx-space-2);background:var(--dfx-surface-1);border:1px solid var(--dfx-line-2);border-radius:var(--dfx-radius-lg);padding:var(--dfx-space-2);box-shadow:var(--dfx-shadow-sm);align-items:flex-end;display:flex}.xj-inputbar:focus-within{border-color:var(--dfx-primary-500)}.xj-inputbar textarea{resize:none;font-size:var(--dfx-type-scale-4);max-height:140px;color:var(--dfx-ink-900);padding:var(--dfx-space-2);background:0 0;border:none;outline:none;flex:1;font-family:inherit;line-height:1.6}.xj-send{border-radius:var(--dfx-radius-md);background:var(--dfx-primary-700);color:#fff;padding:var(--dfx-space-2) var(--dfx-space-4);font-size:var(--dfx-type-scale-4);cursor:pointer;border:none;flex:none;font-weight:600}.xj-send:disabled{opacity:.45;cursor:not-allowed}.xj-quick{gap:var(--dfx-space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.xj-quick__card{background:var(--dfx-surface-1);border:1px solid var(--dfx-line-1);border-radius:var(--dfx-radius-lg);padding:var(--dfx-space-4);cursor:pointer;transition:all var(--dfx-motion-fast,.12s) ease}.xj-quick__card:hover{border-color:var(--dfx-primary-400);box-shadow:var(--dfx-shadow-sm);transform:translateY(-1px)}.xj-quick__emoji{font-size:24px}.xj-quick__name{margin-top:var(--dfx-space-2);font-weight:600}.xj-quick__desc{color:var(--dfx-ink-500);font-size:var(--dfx-type-scale-3);margin-top:var(--dfx-space-1)}.xj-page{padding:var(--dfx-space-6);flex:1;overflow-y:auto}.xj-page__inner{max-width:1080px;margin:0 auto}.xj-page__title{font-size:var(--dfx-type-scale-7);margin:0 0 var(--dfx-space-2);font-weight:700}.xj-page__sub{color:var(--dfx-ink-500);margin:0 0 var(--dfx-space-5)}.xj-card{background:var(--dfx-surface-1);border:1px solid var(--dfx-line-1);border-radius:var(--dfx-radius-lg);padding:var(--dfx-space-5)}.xj-grid{gap:var(--dfx-space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.xj-tabs{gap:var(--dfx-space-1);border-bottom:1px solid var(--dfx-line-2);margin-bottom:var(--dfx-space-5);display:flex}.xj-tab{padding:var(--dfx-space-2) var(--dfx-space-4);font-size:var(--dfx-type-scale-4);color:var(--dfx-ink-600);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px}.xj-tab--active{color:var(--dfx-primary-700);border-bottom-color:var(--dfx-primary-600);font-weight:600}.xj-badge{border-radius:var(--dfx-radius-round);font-size:var(--dfx-type-scale-2);background:var(--dfx-surface-3);color:var(--dfx-ink-600);padding:2px 8px;display:inline-block}.xj-badge--hot{background:var(--dfx-primary-50,#fdeee3);color:var(--dfx-primary-700)}.xj-badge--paid{background:var(--dfx-warning-50,#fff4e0);color:var(--dfx-warning-700,#b8860b)}.xj-btn{border:1px solid var(--dfx-line-2);background:var(--dfx-surface-1);color:var(--dfx-ink-800);border-radius:var(--dfx-radius-md);padding:var(--dfx-space-2) var(--dfx-space-4);font-size:var(--dfx-type-scale-4);cursor:pointer}.xj-btn:hover{border-color:var(--dfx-primary-400)}.xj-btn--primary{background:var(--dfx-primary-700);border-color:var(--dfx-primary-700);color:#fff;font-weight:600}.xj-btn--primary:hover{background:var(--dfx-primary-800);border-color:var(--dfx-primary-800)}.xj-search{width:100%;padding:var(--dfx-space-2) var(--dfx-space-3);border:1px solid var(--dfx-line-2);border-radius:var(--dfx-radius-md);font-size:var(--dfx-type-scale-4);background:var(--dfx-surface-1);margin-bottom:var(--dfx-space-4);outline:none}.xj-search:focus{border-color:var(--dfx-primary-500)}.xj-empty{text-align:center;color:var(--dfx-ink-500);padding:var(--dfx-space-10) 0}.xj-login{background:var(--dfx-bg-0);place-items:center;height:100%;display:grid}.xj-login__card{background:var(--dfx-surface-1);border:1px solid var(--dfx-line-1);border-radius:var(--dfx-radius-xl);width:380px;padding:var(--dfx-space-8);box-shadow:var(--dfx-shadow-md)}.xj-login__title{font-size:var(--dfx-type-scale-7);text-align:center;margin:var(--dfx-space-3) 0 var(--dfx-space-1);font-weight:800}.xj-login__sub{text-align:center;color:var(--dfx-ink-500);font-size:var(--dfx-type-scale-3);margin-bottom:var(--dfx-space-5)}.xj-field{gap:var(--dfx-space-1);margin-bottom:var(--dfx-space-4);flex-direction:column;display:flex}.xj-field label{font-size:var(--dfx-type-scale-3);color:var(--dfx-ink-600)}.xj-field input{padding:var(--dfx-space-2) var(--dfx-space-3);border:1px solid var(--dfx-line-2);border-radius:var(--dfx-radius-md);font-size:var(--dfx-type-scale-4);outline:none}.xj-field input:focus{border-color:var(--dfx-primary-500)}.xj-error{color:var(--dfx-danger-600,#c92a2a);font-size:var(--dfx-type-scale-3);margin:var(--dfx-space-2) 0}.xj-link{color:var(--dfx-primary-700);cursor:pointer}.xj-plan-grid{gap:var(--dfx-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.xj-plan{position:relative}.xj-plan--current{border-color:var(--dfx-primary-500);box-shadow:var(--dfx-shadow-sm)}.xj-plan__name{font-weight:700;font-size:var(--dfx-type-scale-5)}.xj-plan__price{font-size:var(--dfx-type-scale-7);color:var(--dfx-primary-700);margin:var(--dfx-space-2) 0;font-weight:800}.xj-plan__feat{color:var(--dfx-ink-600);font-size:var(--dfx-type-scale-3);line-height:1.9}@media (width<=900px){.xj-nav,.xj-sessions{display:none}}