@import "https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&family=ZCOOL+QingKe+HuangYou&family=Noto+Serif+SC:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap";.app-shell{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.topnav{background:var(--surface);border-bottom:1px solid var(--border);height:62px;box-shadow:0 1px 0 var(--border), 0 2px 12px #3c14000d;z-index:100;flex-shrink:0;align-items:center;gap:0;padding:0 2rem;display:flex;position:relative}.topnav:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 12%, var(--accent-dim) 35%, transparent 45%, var(--cyan-dim) 55%, var(--cyan) 78%, transparent 100%);opacity:.45;height:2px;position:absolute;bottom:0;left:0;right:0}.topnav-brand{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:.7rem;margin-right:2rem;padding-right:2rem;text-decoration:none;display:flex}.brand-glyph{background:linear-gradient(135deg, var(--accent-b) 0%, var(--orange-b) 50%, var(--cyan-b) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px #b5361e33);-webkit-background-clip:text;background-clip:text;font-size:1.55rem;line-height:1}.brand-text{flex-direction:column;gap:0;line-height:1;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.09em;color:var(--text-primary);font-size:1.15rem;line-height:1.1}.brand-tagline{font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.05em;font-family:var(--font-mono);margin-top:1px}.topnav-links{flex:1;align-items:center;gap:2px;display:flex}.tnav-item{border-radius:var(--r-md);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--t-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.35rem;padding:.42rem .75rem;font-weight:500;text-decoration:none;display:flex;position:relative}.tnav-item:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.tnav-item.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-dim)}.tnav-item.active:after{content:"";background:var(--accent);opacity:.85;border-radius:2px;width:65%;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.tnav-icon{opacity:.75;font-size:.88rem;line-height:1}.tnav-item.active .tnav-icon{opacity:1}.topnav-right{flex-shrink:0;align-items:center;gap:.75rem;margin-left:1.5rem;display:flex}.api-status{border-radius:var(--r-xl);background:var(--bg-subtle);border:1px solid var(--border);align-items:center;gap:.4rem;padding:.3rem .65rem;display:flex}.status-dot{width:7px;height:7px;transition:all var(--t-mid);border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--jade);box-shadow:0 0 6px #1a7a528c}.status-dot.offline{background:var(--red-light);box-shadow:0 0 6px #960f0f8c}.status-dot.checking{background:var(--cyan-b);animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.22}}.status-text{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.settings-btn{border-radius:var(--r-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-muted);border:1px solid var(--border);transition:all var(--t-fast);background:var(--surface);align-items:center;gap:.3rem;padding:.4rem .8rem;font-weight:500;text-decoration:none;display:flex}.settings-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-hover)}.settings-btn.active{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-bg)}.mobile-toggle{display:none}.mobile-drawer{z-index:200;background:#1e0a004d;animation:.18s fadeIn;position:fixed;inset:62px 0 0}.mobile-nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;width:240px;height:100%;padding:.75rem .5rem;display:flex;box-shadow:4px 0 20px #3c14001f}.mnav-item{border-radius:var(--r-md);color:var(--text-muted);font-size:var(--text-sm);transition:all var(--t-fast);align-items:center;gap:.65rem;padding:.65rem .85rem;font-weight:500;text-decoration:none;display:flex}.mnav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mnav-item.active{background:var(--accent-bg);color:var(--accent)}.mnav-en{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono);margin-left:auto}.main-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=1100px){.tnav-label{display:none}.topnav-links{gap:0}.tnav-item{padding:.42rem .55rem}.tnav-icon{opacity:1;font-size:1rem}.brand-tagline{display:none}.topnav-brand{margin-right:1.5rem;padding-right:1.5rem}}@media (width<=768px){.topnav-links,.topnav-right{display:none}.topnav{padding:0 1.2rem}.topnav-brand{border-right:none;margin-right:auto;padding-right:0}.mobile-toggle{border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:all var(--t-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.mobile-toggle:hover{background:var(--bg-hover)}}.kp-page{background:var(--base)}.kp-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.15rem 2rem .95rem;display:flex;position:relative}.kp-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 15%, var(--orange-b) 40%, var(--cyan-b) 70%, transparent);opacity:.3;height:2px;position:absolute;bottom:0;left:0;right:0}.kp-header-left{align-items:baseline;gap:1rem;display:flex}.kp-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:.06em;line-height:1}.kp-subtitle{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.kp-header-right{align-items:center;gap:.65rem;display:flex}.kp-search-wrap{position:relative}.kp-search-icon{font-size:var(--text-sm);pointer-events:none;opacity:.5;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.kp-search{width:220px!important;font-size:var(--text-sm)!important;padding-left:2.1rem!important}.kp-level-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a6840' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;width:auto!important;font-size:var(--text-sm)!important;padding:.55rem 2rem .55rem .75rem!important}.kp-body{flex:1;padding:1.5rem 2rem 2.5rem;overflow-y:auto}.kp-cats{flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;display:flex}.kp-cat-chip{border:1px solid var(--border);background:var(--surface);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:.02em;border-radius:99px;padding:.32rem .85rem;font-weight:600}.kp-cat-chip:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-hover)}.kp-cat-chip.active{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.kp-results-info{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.kp-count{font-size:var(--text-md);color:var(--text-primary);font-weight:700}.kp-tag-pill{font-size:var(--text-xs);border:1px solid color-mix(in srgb, var(--c) 35%, transparent);background:color-mix(in srgb, var(--c) 10%, transparent);color:var(--c);border-radius:99px;align-items:center;padding:.18rem .55rem;font-weight:600;display:inline-flex}.kp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.kp-card{background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;transition:box-shadow .22s,transform .22s;display:flex;overflow:hidden;box-shadow:0 2px 12px #3c140012,0 1px 3px #3c14000a}.kp-card:hover{transform:translateY(-3px);box-shadow:0 8px 36px #3c14001f,0 2px 8px #3c140012}.kp-card-preview{justify-content:center;align-items:center;height:126px;display:flex;position:relative;overflow:hidden}.kp-card-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000000d 0%,#0000002e 100%);position:absolute;inset:0}.kp-preview-glyph{font-family:var(--font-display);color:#ffffff38;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;text-shadow:0 4px 24px #00000059,0 0 60px #ffffff14;z-index:1;font-size:3.2rem;line-height:1;transition:transform .3s,opacity .3s;position:relative}.kp-card:hover .kp-preview-glyph{opacity:.35;transform:scale(1.1)translateY(-3px)}.kp-preview-dots{gap:4px;display:flex;position:absolute;bottom:10px;left:14px}.kp-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px}.kp-preview-source{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;font-size:10px;font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:#00000047;border-radius:99px;max-width:150px;padding:2px 8px;position:absolute;top:10px;right:12px;overflow:hidden}.kp-card-body{flex-direction:column;flex:1;gap:.4rem;padding:.75rem .9rem .7rem;display:flex}.kp-card-title{font-size:var(--text-base);color:var(--text-primary);letter-spacing:.01em;font-weight:700;line-height:1.2;font-family:var(--font-sans)}.kp-card-en{display:none}.kp-card-tags{flex-wrap:wrap;align-items:center;gap:.3rem;margin:.15rem 0;display:flex}.kp-tag-cat{letter-spacing:.05em;border:1px solid color-mix(in srgb, var(--c) 40%, transparent);color:var(--c);background:color-mix(in srgb, var(--c) 8%, transparent);text-transform:uppercase;border-radius:4px;align-items:center;padding:.12rem .5rem;font-size:10px;font-weight:700;display:inline-flex}.kp-tag-small{letter-spacing:.02em;border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;align-items:center;padding:.12rem .5rem;font-size:10px;font-weight:500;display:inline-flex}.kp-tag-level{letter-spacing:.05em;background:var(--bg);color:var(--c);background:var(--bg);border-radius:99px;align-items:center;gap:.3rem;margin-left:auto;padding:.15rem .55rem;font-size:10px;font-weight:700;display:inline-flex}.kp-lv-num{background:var(--c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:inline-flex}.kp-card-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.7;font-family:var(--font-serif);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.kp-card-footer{border-top:1px solid var(--border);margin-top:.35rem;padding-top:.45rem}.kp-card-cta{font-size:var(--text-xs);color:var(--accent);letter-spacing:.03em;font-weight:600;transition:gap .15s}.kp-card:hover .kp-card-cta{text-decoration:underline}.kp-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c10088c;justify-content:center;align-items:flex-start;padding:2vh 1rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.kp-modal{background:var(--surface);border-radius:18px;width:100%;max-width:min(92vw,1200px);animation:.22s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 24px 80px #1c100840,0 4px 16px #1c10081f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.kp-modal-header{justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem;display:flex;position:relative}.kp-modal-header-inner{align-items:flex-start;gap:1rem;display:flex}.kp-modal-icon{font-family:var(--font-display);color:#ffffffd9;text-shadow:0 2px 12px #00000040;font-size:3rem;line-height:1}.kp-modal-title{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;letter-spacing:.05em;line-height:1.1}.kp-modal-en{font-size:var(--text-xs);color:#ffffffa6;font-family:var(--font-mono);margin-top:2px}.kp-modal-source{color:#ffffffe6;font-size:10px;font-family:var(--font-mono);background:#fff3;border-radius:99px;padding:.15rem .55rem;display:inline-flex}.kp-modal-close{color:#fff;width:30px;height:30px;font-size:var(--text-base);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.kp-modal-close:hover{background:#ffffff4d}.kp-modal-body{max-height:calc(100vh - 16rem);padding:1.5rem 1.75rem 2rem;overflow-y:auto}.kp-data-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.kp-data-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:.3rem;padding:.75rem;transition:all .15s;display:flex}.kp-data-card:hover{border-color:var(--accent-dim);background:var(--accent-bg)}.kp-dc-title{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-serif)}.kp-dc-sym{font-family:var(--font-display);color:var(--accent);font-size:1.5rem;line-height:1}.kp-dc-text{font-size:var(--text-xs);color:var(--text-muted);line-height:1.65;font-family:var(--font-serif);margin:0}.kp-dc-tag{color:var(--cyan);font-size:10px;font-family:var(--font-mono);display:inline-block}.kp-pagination{justify-content:center;gap:.3rem;margin-top:1rem;display:flex}.kp-page-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;font-size:var(--text-xs);cursor:pointer;color:var(--text-muted);transition:all .15s}.kp-page-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.kp-page-btn.active{background:var(--accent);border-color:var(--accent-dark);color:#fff}.kp-obj-sections{flex-direction:column;gap:.9rem;display:flex}.kp-obj-section{border-bottom:1px solid var(--border);padding-bottom:.9rem}.kp-obj-section:last-child{border-bottom:none}.kp-obj-key{font-weight:700;font-size:var(--text-sm);color:var(--accent);font-family:var(--font-title);letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.kp-obj-key-dot{background:var(--accent-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px}.kp-val-str{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.82}.kp-val-num{font-size:var(--text-base);color:var(--accent);font-weight:700}.kp-val-arr{flex-direction:column;gap:.25rem;display:flex}.kp-val-arr-item{align-items:flex-start;gap:.4rem;display:flex}.kp-arr-bullet{color:var(--accent-dim);flex-shrink:0;margin-top:.1em;font-size:.9rem}.kp-val-obj{background:var(--bg-subtle);border-radius:var(--r-sm);border:1px solid var(--border);grid-template-columns:auto 1fr;gap:.3rem 1rem;padding:.65rem .85rem;display:grid}.kp-val-obj-row{display:contents}.kp-val-obj-key{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;padding-top:.12em;font-weight:600}.kp-val-obj-val{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.kp-error{background:var(--accent-bg);border:1px solid var(--accent-dim);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}@media (width<=700px){.kp-grid{grid-template-columns:1fr}.kp-body{padding:1rem}.kp-header{padding:.9rem 1rem}.kp-header-left{flex-direction:column;gap:.2rem}.kp-modal-overlay{align-items:flex-end;padding:0}.kp-modal{border-radius:18px 18px 0 0;max-height:92vh}}.kp-cat-chip.active{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary);box-shadow:0 2px 8px #1c100833}.kp-modal-header{padding:1.6rem 1.85rem}.kp-modal-body{max-height:calc(100vh - 14rem);padding:1.6rem 1.85rem 2rem}.kp-val-str{background:var(--bg-subtle);border-radius:var(--r-sm);border-left:2px solid var(--accent-dim);padding:.5rem .75rem}.kp-tag-level{opacity:.85;border:1px solid}.kp-cat-chip{position:relative}.kp-card:focus-within{outline:2px solid var(--accent-dim)}.kp-modal-close:focus{outline:2px solid #ffffff80}.kp-modal-body{scrollbar-width:thin;scroll-behavior:smooth}.kp-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.kp-empty-icon{opacity:.18;font-size:3rem;font-family:var(--font-display)}.kp-empty-text{color:var(--text-muted);font-family:var(--font-serif);font-size:var(--text-base)}.kp-section-header{border-bottom:1.5px solid var(--accent-dim);align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem 0;display:flex}.kp-section-header-text{font-family:var(--font-title);font-size:var(--text-md);color:var(--accent);letter-spacing:.06em}.kp-tag-cat[style*=\#b5361e]{background:#b5361e14!important}.kp-tag-cat[style*=\#1a7a52]{background:#1a7a5214!important}.kp-tag-cat[style*=\#1e5c96]{background:#1e5c9614!important}.kp-tag-cat[style*=\#6a3d8a]{background:#6a3d8a14!important}.kp-tag-cat[style*=\#b85c00]{background:#b85c0014!important}.kp-tag-cat[style*=\#1c1008]{background:#1c100814!important}.agent-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.agent-layout{flex:1;min-height:0;display:flex;overflow:hidden}.agent-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:272px;padding:1.1rem .85rem 1rem;display:flex;overflow-y:auto}.agent-sidebar-section{margin-bottom:1.2rem}.agent-sidebar-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-size:10px;font-weight:700;font-family:var(--font-sans);margin-bottom:.5rem;padding-left:.2rem}.agent-modes{flex-direction:column;gap:3px;display:flex}.agent-mode-btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;width:100%;padding:.6rem .7rem;display:flex;position:relative}.agent-mode-btn:hover{background:var(--bg-hover);border-color:var(--border)}.agent-mode-btn.active{background:color-mix(in srgb, var(--mc) 8%, transparent);border-color:color-mix(in srgb, var(--mc) 35%, transparent)}.agent-mode-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.agent-mode-text{flex-direction:column;gap:1px;min-width:0;display:flex}.agent-mode-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1}.agent-mode-btn.active .agent-mode-name{color:var(--mc)}.agent-mode-desc{color:var(--text-faint);font-size:10px;line-height:1;font-family:var(--font-mono)}.agent-mode-active-dot{background:var(--mc);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.agent-input-section{padding:.1rem 0}.agent-quick-prompts{flex-direction:column;gap:4px;display:flex}.agent-quick-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-subtle);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;text-align:left;transition:all var(--t-fast);padding:.38rem .7rem;line-height:1.4}.agent-quick-btn:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-bg)}.agent-main{background:var(--base);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.agent-messages{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.agent-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.agent-empty-icon{opacity:.6;margin-bottom:.75rem;font-size:3rem}.agent-empty-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.4rem}.agent-empty-desc{font-size:var(--text-sm);font-family:var(--font-serif);line-height:1.7}.agent-msg{align-items:flex-start;gap:.6rem;animation:.2s fadeUp;display:flex}.agent-msg.user{flex-direction:row-reverse}.agent-avatar{background:linear-gradient(135deg, var(--accent-b), var(--accent-dark));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;box-shadow:0 2px 8px #b5361e40}.agent-bubble{background:var(--surface);border:1px solid var(--border);max-width:82%;color:var(--text-primary);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow-sm);line-height:1.8;font-family:var(--font-serif);border-radius:14px 14px 14px 4px;padding:.82rem 1.1rem}.agent-msg.user .agent-bubble{background:var(--accent);border-color:var(--accent-dark);color:#fff;font-family:var(--font-sans);border-radius:14px 14px 4px}.agent-msg.error .agent-bubble{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent-b)}.agent-thinking{opacity:.55;font-style:italic}.agent-cursor{margin-left:2px;animation:.8s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.agent-input-wrap{background:var(--surface);border-top:1px solid var(--border);align-items:flex-end;gap:.65rem;padding:.85rem 1.5rem 1rem;display:flex}.agent-input{resize:none;min-height:52px;transition:border-color var(--t-fast), background var(--t-fast);flex:1;padding:.72rem 1rem;line-height:1.65;background:var(--bg-subtle)!important;border:1.5px solid var(--border)!important;border-radius:var(--r-md)!important;font-size:var(--text-sm)!important}.agent-input:focus{border-color:var(--accent-dim)!important;background:var(--surface)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.agent-send-btn{border-radius:var(--r-md);cursor:pointer;min-width:80px;height:52px;font-size:var(--text-sm);letter-spacing:.03em;background:linear-gradient(160deg, var(--accent-b), var(--accent));color:#fff;transition:all var(--t-fast);border:none;justify-content:center;align-items:center;gap:.3rem;padding:0 1.25rem;font-weight:600;display:flex;box-shadow:0 2px 10px #b5361e47}.agent-send-btn:hover{background:linear-gradient(160deg, var(--accent-c), var(--accent-b));transform:translateY(-1px);box-shadow:0 4px 18px #b5361e66}.agent-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.agent-send-btn.stop{background:linear-gradient(160deg,#e04040,#a01818);box-shadow:0 2px 10px #a0181847}@media (width<=900px){.agent-sidebar{width:220px}.agent-messages{padding:1rem}.agent-input-wrap{padding:.75rem 1rem .85rem}}@media (width<=640px){.agent-layout{flex-direction:column}.agent-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:220px;padding:.75rem}.agent-modes{flex-direction:row;overflow-x:auto}.agent-mode-btn{min-width:110px}.agent-mode-desc{display:none}}.agent-module-status{border-radius:var(--r-sm);font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.03em;margin-top:.6rem;padding:.42rem .65rem}.agent-status{align-items:center;gap:.45rem;display:flex}.agent-status.ready{color:var(--jade);border-radius:var(--r-sm);background:#1a7a5214;border:1px solid #1a7a5240;padding:.38rem .6rem}.agent-status.computing{color:var(--cyan-b);border-radius:var(--r-sm);background:#1e5c9614;border:1px solid #1e5c9638;padding:.38rem .6rem}.agent-status.pending{color:var(--text-faint)}.agent-status-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-status.ready .agent-status-dot{background:var(--jade)}.agent-status.computing .agent-status-dot{background:var(--cyan-b)}.agent-status-dot.green{background:var(--jade)}.agent-status-dot.pulse{animation:1.1s infinite pulse}.agent-flow-hint{font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-top:1rem;display:flex}.agent-flow-step{background:var(--bg-subtle);border:1px solid var(--border);font-family:var(--font-sans);border-radius:99px;padding:.22rem .6rem;font-weight:500}.agent-flow-arrow{color:var(--text-faint);font-size:.75rem}.agent-system-msg{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.03em;justify-content:center;align-items:center;gap:.45rem;margin:.35rem 0;padding:.4rem 1rem;display:flex}.agent-system-dot{background:var(--border-hover);border-radius:50%;flex-shrink:0;width:5px;height:5px}.agent-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.sp-page{background:var(--base)}.sp-body{flex:1;min-height:0;display:flex;overflow:hidden}.sp-tabs{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:3px;width:168px;padding:1rem .6rem;display:flex}.sp-tab-btn{border-radius:var(--r-md);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;width:100%;padding:.65rem .75rem;font-weight:500;display:flex}.sp-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sp-tab-btn.active{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent)}.sp-content{flex:1;padding:1.75rem 2rem;overflow-y:auto}.sp-section{max-width:600px}.sp-section-title{font-family:var(--font-title);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:.05em;margin-bottom:.3rem}.sp-section-desc{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-serif);margin-bottom:1.5rem}.sp-field-group{margin-bottom:1.35rem}.sp-field-group>label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem;font-weight:600;display:block}.sp-input-row{align-items:stretch;gap:.5rem;display:flex}.sp-input-row input{flex:1}.sp-hint{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono);margin-top:.35rem}.sp-hint a{color:var(--cyan);text-decoration:none}.sp-hint a:hover{text-decoration:underline}.sp-hint code{color:var(--accent)}.sp-status{border-radius:var(--r-sm);font-size:var(--text-xs);margin-top:.4rem;padding:.42rem .75rem;font-weight:600}.sp-status.ok{background:var(--jade-glow);color:var(--jade);border:1px solid var(--jade-dim)}.sp-status.fail{background:var(--accent-bg);color:var(--accent-b);border:1px solid var(--accent-dim)}.sp-provider-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.sp-provider-card{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--t-fast);text-align:left;font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:.55rem;padding:.65rem .85rem;display:flex;position:relative}.sp-provider-card:hover{border-color:var(--border-hover);color:var(--text-primary)}.sp-provider-card.active{border-color:var(--pc);background:color-mix(in srgb, var(--pc) 7%, transparent);color:var(--text-primary)}.sp-prov-icon{color:var(--pc);flex-shrink:0;font-size:1.2rem}.sp-prov-name{font-weight:600;font-size:var(--text-xs);flex:1}.sp-prov-check{color:var(--pc);font-size:10px;font-weight:700;position:absolute;top:6px;right:8px}.sp-config-preview{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:.35rem;margin-top:.75rem;padding:.85rem 1rem;display:flex}.sp-cfg-row{font-size:var(--text-xs);align-items:center;gap:.75rem;display:flex}.sp-cfg-row span{color:var(--text-muted);flex-shrink:0;width:40px}.sp-cfg-row code{color:var(--accent);font-family:var(--font-mono);font-size:11px}.sp-accent-grid{flex-direction:column;gap:.4rem;display:flex}.sp-accent-card{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--t-fast);text-align:left;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative}.sp-accent-card:hover{border-color:var(--border-hover)}.sp-accent-card.active{border-color:var(--ac);background:color-mix(in srgb, var(--ac) 7%, transparent)}.sp-accent-dot{background:var(--ac);width:20px;height:20px;box-shadow:0 2px 8px color-mix(in srgb, var(--ac) 40%, transparent);border-radius:50%;flex-shrink:0}.sp-accent-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:700;line-height:1.2}.sp-accent-desc{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-serif)}.sp-accent-check{font-size:var(--text-sm);color:var(--ac);font-weight:700;position:absolute;right:1rem}.sp-theme-toggle{flex-wrap:wrap;gap:.4rem;display:flex}.sp-theme-btn{border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);font-size:var(--text-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--t-fast);padding:.45rem 1rem;font-weight:500}.sp-theme-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.sp-theme-btn.active{border-color:var(--accent-dim);background:var(--accent-bg);color:var(--accent)}@media (width<=640px){.sp-body{flex-direction:column}.sp-tabs{flex-direction:row;width:100%;padding:.5rem;overflow-x:auto}.sp-content{padding:1rem}.sp-provider-grid{grid-template-columns:1fr}}:root{--base:#f0f5f7;--base-warm:#e8f0f3;--surface:#fff;--bg-subtle:#f5f9fb;--bg-hover:#e4eff4;--bg-raised:#fafcfd;--bg-section:#edf5f8;--bg-base:var(--base);--bg-surface:var(--surface);--bg-card:var(--surface);--bg-overlay:var(--bg-subtle);--bg-glass:#fffffff0;--bg-primary:var(--bg-hover);--bg-secondary:var(--bg-subtle);--accent:#b5361e;--accent-b:#cc4428;--accent-c:#e05535;--accent-dark:#7c1e0c;--accent-light:#ee7858;--accent-bg:#b5361e12;--accent-glow:#b5361e24;--accent-glow2:#b5361e12;--accent-dim:#b5361e4d;--orange:#b85c00;--orange-b:#d47010;--orange-light:#e89040;--orange-glow:#b85c001f;--orange-dim:#b85c0047;--cyan:#1e5c96;--cyan-b:#2878c0;--cyan-c:#4a9ee0;--cyan-glow:#1e5c961f;--cyan-dim:#1e5c9647;--jade:#1a7a52;--jade-b:#24a070;--jade-light:#38c888;--jade-glow:#1a7a521f;--jade-dim:#1a7a5247;--red:#960f0f;--red-light:#c02020;--red-bright:#e84040;--red-glow:#960f0f1f;--text-primary:#162028;--text-secondary:#344a5a;--text-muted:#607080;--text-faint:#96aabb;--border:#50789624;--border-hover:#50789647;--border-active:#b5361e73;--border-card:#5078961c;--border-strong:#50789638;--shadow-xs:0 1px 2px #3c14000f;--shadow-sm:0 1px 4px #3c140014, 0 1px 2px #3c14000d;--shadow-card:0 2px 10px #3c140012, 0 1px 3px #3c14000d;--shadow-lift:0 6px 28px #3c14001a, 0 2px 8px #3c140012;--shadow-deep:0 16px 56px #3c140024, 0 4px 12px #3c140014;--text-xs:.75rem;--text-sm:.875rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.6rem;--text-2xl:2.2rem;--r-xs:3px;--r-sm:7px;--r-md:12px;--r-lg:18px;--r-xl:28px;--radius-sm:7px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--t-fast:.11s ease;--t-mid:.21s cubic-bezier(.4,0,.2,1);--t-slow:.38s cubic-bezier(.4,0,.2,1);--topnav-h:62px;--sidebar-w:0px;--font-display:"Zhi Mang Xing", serif;--font-title:"ZCOOL QingKe HuangYou", serif;--font-serif:"Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-accent=gold]{--accent:#b85c00;--accent-b:#d47010;--accent-c:#e89040;--accent-dark:#7a3600;--accent-light:#f0a050;--accent-bg:#b85c0012;--accent-glow:#b85c0024;--accent-glow2:#b85c0012;--accent-dim:#b85c004d}[data-accent=jade]{--accent:#1a7a52;--accent-b:#24a070;--accent-c:#38c888;--accent-dark:#0a4c2c;--accent-light:#50e0a0;--accent-bg:#1a7a5212;--accent-glow:#1a7a5224;--accent-glow2:#1a7a5212;--accent-dim:#1a7a524d}[data-theme=dark]{--base:#0c1e30;--base-warm:#08172a;--surface:#0f2540;--bg-subtle:#0c2040;--bg-hover:#12304a;--bg-raised:#153350;--bg-section:#0a1c2e;--bg-card:#0c1e30f5;--bg-overlay:#1a3c5c;--bg-glass:#0f2540f0;--bg-primary:#153350;--bg-secondary:#1a3c5c;--text-primary:#e2eaf4;--text-secondary:#8aaec8;--text-muted:#4e7090;--text-faint:#253d52;--border:#2a90be21;--border-hover:#2a90be47;--border-card:#2a90be1f;--shadow-card:0 4px 20px #00000073;--shadow-lift:0 10px 44px #0000008c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{background-color:var(--base);height:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 60% at 85% 0,#2a90be12 0%,#0000 65%),radial-gradient(60% 80% at 15% 100%,#2a90be0d 0%,#0000 65%);line-height:1.75;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 100% -5%,#b5361e0a 0%,#0000 60%),radial-gradient(80% 100% at -5% 100%,#1e5c960a 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}h1,h2{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);font-weight:400;line-height:1.2}h3{font-family:var(--font-title);letter-spacing:.04em;color:var(--text-primary);font-weight:400;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.82;font-size:var(--text-base);font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#5078960d;border-radius:99px}::-webkit-scrollbar-thumb{background:#50789638;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#50789666}.card{background:var(--surface);border:1px solid var(--border-card);transition:box-shadow var(--t-mid), border-color var(--t-mid), transform var(--t-mid);border-radius:12px;padding:1.4rem 1.6rem;position:relative;box-shadow:0 1px 8px #1e3c5a12,0 0 1px #1e3c5a1a}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 6px 28px #1e3c5a1c,0 1px 6px #1e3c5a14}.card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-dim) 35%, var(--accent-dim) 65%, transparent 100%);opacity:.55;border-radius:0 0 2px 2px;height:1.5px;position:absolute;top:0;left:12%;right:12%}.card-title{font-family:var(--font-title);font-size:var(--text-md);color:var(--accent);border-bottom:1px solid var(--border);letter-spacing:.09em;align-items:center;gap:.5rem;margin-bottom:1.1rem;padding-bottom:.65rem;font-weight:400;display:flex}.card-title:before{content:"▎";color:var(--accent-dim);flex-shrink:0;font-size:.82rem}.card-glow{border-color:var(--accent-dim);box-shadow:var(--shadow-lift), 0 0 0 1px var(--accent-bg), inset 0 0 30px #b5361e05}.card-danger{background:#b5361e06;border-color:#b5361e4d}.card-cyan{border-color:var(--cyan-dim);background:#1e5c9606}.card-jade{border-color:var(--jade-dim);background:#1a7a5206}.btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.02em;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-hover);box-shadow:var(--shadow-card)}.btn:active{box-shadow:var(--shadow-xs);transform:scale(.985)}.btn-primary{background:linear-gradient(160deg, var(--accent-b) 0%, var(--accent) 100%);border:1px solid var(--accent-dark);color:#fff;letter-spacing:.03em;text-shadow:0 1px 2px #00000040;font-weight:600;box-shadow:0 2px 10px #b5361e47,inset 0 1px #ffffff1a}.btn-primary:hover{background:linear-gradient(160deg, var(--accent-c) 0%, var(--accent-b) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 4px 18px #b5361e66,inset 0 1px #ffffff1f}.btn-cyan{background:linear-gradient(160deg, var(--cyan-b) 0%, var(--cyan) 100%);border:1px solid var(--cyan-dim);color:#fff;font-weight:600;box-shadow:0 2px 10px #1e5c9640}.btn-cyan:hover{background:linear-gradient(160deg,var(--cyan-c),var(--cyan-b));color:#fff}.btn-jade{background:linear-gradient(160deg, var(--jade-b) 0%, var(--jade) 100%);border:1px solid var(--jade-dim);color:#fff;font-weight:600;box-shadow:0 2px 10px #1a7a5240}.btn-jade:hover{background:linear-gradient(160deg,var(--jade-light),var(--jade-b));color:#fff}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);box-shadow:none;border-color:#0000}.btn-danger{color:var(--accent);border-color:#b5361e4d}.btn-danger:hover{background:var(--accent-bg);border-color:var(--accent-dim)}.btn-sm{font-size:var(--text-xs);padding:.3rem .72rem}.btn-lg{font-size:var(--text-base);letter-spacing:.03em;padding:.78rem 1.8rem;font-weight:600}.btn-full{width:100%}.btn-icon{aspect-ratio:1;min-width:0;padding:.5rem}.btn:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.form-group{flex-direction:column;gap:.3rem;display:flex}label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}input,select,textarea{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);width:100%;transition:all var(--t-fast);box-shadow:var(--shadow-xs) inset;outline:none;padding:.55rem .9rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow), var(--shadow-xs) inset;background:var(--surface)}select{cursor:pointer}textarea{resize:vertical;min-height:78px}.form-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem;display:grid}.form-row-2{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}.toggle{cursor:pointer;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-hover);border:1.5px solid var(--border);transition:all var(--t-mid);border-radius:24px;position:absolute;inset:0}.toggle-slider:after{content:"";background:var(--text-faint);width:16px;height:16px;transition:all var(--t-mid);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.toggle input:checked+.toggle-slider{background:var(--accent-bg);border-color:var(--accent-dim)}.toggle input:checked+.toggle-slider:after{background:var(--accent);transform:translate(20px);box-shadow:0 1px 3px #b5361e47}.badge{border-radius:var(--r-xl);font-size:var(--text-xs);letter-spacing:.03em;white-space:nowrap;border:1px solid;align-items:center;padding:.18rem .52rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--orange);border-color:var(--orange-dim);background:var(--orange-glow)}.badge-red{color:var(--accent-b);border-color:var(--accent-dim);background:var(--accent-bg)}.badge-jade{color:var(--jade);border-color:var(--jade-dim);background:var(--jade-glow)}.badge-cyan{color:var(--cyan-b);border-color:var(--cyan-dim);background:var(--cyan-glow)}.badge-muted{color:var(--text-muted);border-color:var(--border);background:var(--bg-subtle)}.badge-glow{color:var(--accent-b);border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-glow)}.loading{min-height:220px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex}.spinner{width:42px;height:42px;position:relative}.spinner:before,.spinner:after{content:"";border-radius:50%;position:absolute}.spinner:before{border:2px solid var(--border);border-top-color:var(--accent-b);animation:.8s linear infinite spin;inset:0}.spinner:after{border:1.5px solid #0000;border-bottom-color:var(--cyan-dim);animation:1.3s linear infinite reverse spin;inset:8px}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:var(--accent-bg);border:1px solid var(--accent-dim);border-radius:var(--r-md);color:var(--accent-b);font-size:var(--text-sm);align-items:flex-start;gap:.5rem;padding:.9rem 1.1rem;display:flex}.page{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--border);background:var(--surface);box-shadow:0 1px 0 var(--border), var(--shadow-xs);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.15rem 2rem .95rem;display:flex;position:relative}.page-header:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 15%, var(--orange-b) 40%, var(--cyan-b) 65%, transparent 100%);opacity:.3;height:2px;position:absolute;bottom:0;left:0;right:0}.page-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:.06em;line-height:1.1}.page-subtitle{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;margin-top:.28rem}.page-body{flex:1;padding:1.75rem 2rem;overflow-y:auto}.page-cols{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.page-cols-3{grid-template-columns:1fr 1fr 1fr;gap:1.3rem;display:grid}.result-section{flex-direction:column;gap:1.1rem;animation:.26s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kv-grid{font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:.42rem 1.1rem;display:grid}.kv-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.04em;padding-top:.12em;font-weight:600}.kv-value{color:var(--text-primary);font-family:var(--font-serif)}.kv-value.accent{color:var(--accent)}.kv-value.cyan{color:var(--cyan)}.gz-pill{background:linear-gradient(170deg, var(--bg-subtle) 0%, var(--surface) 100%);border:1px solid var(--border);border-radius:var(--r-md);min-width:70px;transition:all var(--t-mid);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.06rem;padding:.85rem 1.25rem .75rem;display:inline-flex;position:relative}.gz-pill:hover{box-shadow:var(--shadow-card);border-color:var(--border-hover)}.gz-pill:before{content:"";background:var(--accent-dim);opacity:.65;border-radius:2px;height:2px;position:absolute;top:0;left:15%;right:15%}.gz-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.22rem;font-weight:600}.gz-gan{font-family:var(--font-display);color:var(--accent);font-size:2.1rem;line-height:1}.gz-zhi{font-family:var(--font-display);color:var(--text-primary);font-size:2.1rem;line-height:1}.gz-nayin{font-size:var(--text-xs);color:var(--orange-dim);margin-top:.14rem}.pillar-row{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.tab-bar{border-bottom:1.5px solid var(--border);background:0 0;gap:0;margin-bottom:1.4rem;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{height:2px}.tab{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-fast);font-weight:500;font-family:var(--font-sans);white-space:nowrap;letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:.6rem 1.1rem}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.palace-grid{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;max-width:440px;margin:0 auto;display:grid}.palace-cell{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-xs);transition:all var(--t-mid);text-align:center;cursor:pointer;box-shadow:var(--shadow-xs);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .4rem;display:flex}.palace-cell:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.palace-cell.auspicious{border-color:var(--jade-dim);background:#1a7a520d}.palace-name{font-family:var(--font-title);font-size:var(--text-sm);color:var(--accent)}.palace-star,.palace-door,.palace-deity{color:var(--text-secondary);font-size:var(--text-xs)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day{aspect-ratio:.9;border-radius:var(--r-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--t-fast);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:.2rem;display:flex}.cal-day:hover{border-color:var(--border);background:var(--bg-subtle)}.cal-day.auspicious{border-color:var(--jade-dim);background:#1a7a5212}.cal-day.inauspicious{opacity:.36}.cal-day.best{border-color:var(--accent-dim);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-glow)}.cal-date{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.cal-gz{font-size:var(--text-xs);color:var(--text-muted)}.notifications{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1.2rem;right:1.4rem}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-sm);max-width:310px;box-shadow:var(--shadow-lift);padding:.78rem 1.15rem;animation:.2s slideIn,.28s 3.7s forwards fadeOut}.toast.success{border-color:var(--jade-dim);color:var(--jade)}.toast.error{border-color:var(--accent-dim);color:var(--accent-b)}@keyframes slideIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0;transform:translate(12px)}}.ornament-divider{color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.1em;align-items:center;gap:.65rem;display:flex}.ornament-divider:before,.ornament-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--border));flex:1;height:1px}.ornament-divider:after{background:linear-gradient(90deg,var(--border),transparent)}.section-tag{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.3rem;margin-bottom:.55rem;font-weight:600;display:inline-flex}.section-tag:before{content:"";background:var(--accent-dim);border-radius:1px;width:14px;height:2px;display:inline-block}.info-row{font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:flex-start;gap:.55rem;padding:.52rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-row-icon{color:var(--accent);font-size:var(--text-xs);flex-shrink:0;padding-top:.44em}.stat-pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);min-width:76px;transition:all var(--t-mid);box-shadow:var(--shadow-xs);flex-direction:column;align-items:center;gap:.09rem;padding:.75rem 1.1rem;display:flex}.stat-pill:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.stat-pill-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.stat-pill-value{font-family:var(--font-display);color:var(--accent);font-size:1.75rem;line-height:1}.stat-pill-sub{font-size:var(--text-xs);color:var(--text-muted)}.progress-bar{background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-dark), var(--accent-b));border-radius:99px;height:100%;transition:width .52s cubic-bezier(.4,0,.2,1)}.hexagram-symbol{color:var(--accent);font-size:4.5rem;line-height:1}@media (width<=1024px){.page-cols{grid-template-columns:280px 1fr}.page-body{padding:1.4rem 1.5rem}}@media (width<=900px){.page-cols{grid-template-columns:1fr}.page-cols-3{grid-template-columns:1fr 1fr}.page-body{padding:1.1rem 1.2rem}.page-header{padding:.9rem 1.2rem}}@media (width<=640px){.page-cols-3{grid-template-columns:1fr}.page-body{padding:1rem}}.module-section-head{align-items:center;gap:.55rem;margin-top:.2rem;margin-bottom:.85rem;display:flex}.module-section-line{background:linear-gradient(90deg, var(--border) 0%, transparent 100%);flex:1;height:1px}.module-section-title{font-family:var(--font-title);font-size:var(--text-md);color:var(--accent);letter-spacing:.08em;white-space:nowrap}.module-section-badge{background:var(--accent-bg);border:1px solid var(--accent-dim);color:var(--accent);font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em;border-radius:99px;padding:.12rem .5rem}.verdict-banner{background:linear-gradient(135deg, var(--accent-bg) 0%, var(--bg-subtle) 100%);border:1.5px solid var(--accent-dim);border-radius:var(--r-lg);font-family:var(--font-serif);font-size:var(--text-base);color:var(--text-primary);padding:1rem 1.25rem;line-height:1.9}.verdict-banner strong{color:var(--accent)}.classical-quote{border-radius:var(--r-md);background:var(--bg-subtle);border-left:3px solid var(--accent-dim);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--text-secondary);padding:.75rem 1rem;font-style:italic;line-height:1.82}.classical-quote cite{font-size:var(--text-xs);color:var(--text-faint);font-style:normal;font-family:var(--font-mono);margin-top:.4rem;display:block}.info-list{flex-direction:column;gap:.3rem;display:flex}.info-list-item{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-serif);align-items:flex-start;gap:.5rem;padding:.3rem 0;line-height:1.75;display:flex}.info-list-item:before{content:"◆";color:var(--accent-dim);flex-shrink:0;margin-top:.45em;font-size:.6rem}.data-row{border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;align-items:baseline;padding:.42rem 0;display:flex}.data-row:last-child{border-bottom:none}.data-row-label{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.04em}.data-row-value{color:var(--text-primary);font-family:var(--font-serif);font-weight:500}.data-row-value.accent{color:var(--accent)}.score-bar-wrap{flex-direction:column;gap:.3rem;display:flex}.score-bar-label{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;display:flex}.score-bar-track{background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;height:6px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--accent-dark), var(--accent-b));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.score-bar-fill.jade{background:linear-gradient(90deg, var(--jade), var(--jade-b))}.score-bar-fill.cyan{background:linear-gradient(90deg, var(--cyan), var(--cyan-b))}.score-bar-fill.orange{background:linear-gradient(90deg, var(--orange), var(--orange-light))}.metric-chips{flex-wrap:wrap;gap:.4rem;display:flex}.metric-chip{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-subtle);min-width:64px;transition:all var(--t-fast);flex-direction:column;align-items:center;padding:.55rem .85rem;display:flex}.metric-chip:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.metric-chip-val{font-family:var(--font-display);color:var(--accent);font-size:1.5rem;line-height:1}.metric-chip-label{color:var(--text-faint);letter-spacing:.04em;margin-top:2px;font-size:10px}.metric-chip.jade .metric-chip-val{color:var(--jade)}.metric-chip.cyan .metric-chip-val{color:var(--cyan)}.metric-chip.red .metric-chip-val{color:var(--accent-b)}.result-two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.result-three-col{grid-template-columns:1fr 1fr 1fr;gap:.85rem;display:grid}@media (width<=680px){.result-two-col{grid-template-columns:1fr}.result-three-col{grid-template-columns:1fr 1fr}}.result-placeholder{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.result-placeholder-icon{opacity:.22;margin-bottom:1rem;font-size:3.5rem}.result-placeholder-text{font-family:var(--font-serif);font-size:var(--text-base);line-height:1.75}.bazi-pillar-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:.5rem 0;display:flex}.bazi-pillar{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);min-width:72px;box-shadow:var(--shadow-xs);transition:all var(--t-mid);flex-direction:column;align-items:center;padding:.85rem 1.2rem .75rem;display:flex;position:relative}.bazi-pillar:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.bazi-pillar:before{content:"";background:var(--accent-dim);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:16%;right:16%}.bazi-pillar-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:10px;font-weight:700}.bazi-pillar-gan{font-family:var(--font-display);color:var(--accent);font-size:2.1rem;line-height:1}.bazi-pillar-zhi{font-family:var(--font-display);color:var(--text-primary);font-size:2.1rem;line-height:1}.bazi-pillar-sub{color:var(--text-faint);font-size:10px;font-family:var(--font-mono);margin-top:4px}.qm-mini-grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:3px;max-width:280px;display:grid}.qm-mini-cell{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);text-align:center;flex-direction:column;gap:1px;padding:.35rem;font-size:10px;display:flex}.fs-compass{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:4px;max-width:360px;margin:0 auto;display:grid}.fs-compass-cell{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);text-align:center;font-size:var(--text-xs);flex-direction:column;align-items:center;gap:2px;padding:.55rem .4rem;display:flex}.fs-compass-cell:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.fs-compass-cell.auspicious{border-color:var(--jade-dim);background:#1a7a520f}.fs-compass-cell.center{background:var(--bg-hover)}.fs-compass-dir{color:var(--accent);font-weight:700;font-size:var(--text-sm)}.fs-compass-star{color:var(--text-primary);font-size:var(--text-xs);font-weight:600}.fs-compass-nature{color:var(--text-muted);font-size:10px}.date-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-cal-day{aspect-ratio:.85;border-radius:var(--r-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--t-fast);background:0 0;border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:.15rem;display:flex}.date-cal-day:hover{border-color:var(--border);background:var(--bg-subtle)}.date-cal-day.auspicious{border-color:var(--jade-dim);background:#1a7a5212}.date-cal-day.inauspicious{opacity:.32}.date-cal-day.best{border-color:var(--accent-dim);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-glow)}.date-cal-num{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.date-cal-gz{color:var(--text-muted);font-size:10px}