@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@500;600;700;800&family=Inter:wght@400;500&display=swap";.landing-wrapper{font-family:Inter,sans-serif;background-color:#030508;color:#a1a1aa;line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}.landing-wrapper:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:1000px;height:600px;background:radial-gradient(circle,rgba(13,148,136,.15) 0%,rgba(139,92,246,.05) 40%,transparent 70%);pointer-events:none;z-index:0}.landing-wrapper h1,.landing-wrapper h2,.landing-wrapper h3,.landing-wrapper h4,.landing-wrapper h5,.landing-wrapper h6{font-family:Inter,sans-serif;color:#fff!important;margin-top:0;line-height:1.2;letter-spacing:-.03em;font-weight:800;position:relative;z-index:1}.landing-wrapper .hero-title{font-size:68px;font-weight:900;letter-spacing:-.04em;max-width:1100px;margin:0 auto 24px;background:linear-gradient(to right,#fff 30%,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-wrapper .hero-subtitle{font-family:Inter,sans-serif;font-size:20px;line-height:1.7;max-width:900px;margin:0 auto 40px;color:#a1a1aa!important}.landing-wrapper .section-header h2{font-size:40px;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#fff 40%,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:18px;line-height:1.7;max-width:760px;color:#cbd5e1;margin:0 auto}h3{font-size:28px;margin-bottom:16px}h4{font-size:22px;margin-bottom:12px}.landing-wrapper p{font-family:Inter,sans-serif;font-size:16px;color:#a1a1aa!important;line-height:1.7}.text-gold{color:#fbbf24}.text-purple{color:#a78bfa}.bg-gold{background:#fbbf24;color:#1e1b4b}.bg-purple{background:#8b5cf6;color:#fff}.landing-section{padding:100px 24px;max-width:1240px;margin:0 auto;scroll-margin-top:80px}.alt-bg{position:relative;background:#ffffff04;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03)}.section-header{text-align:center;margin-bottom:48px}.section-label{display:inline-block;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid-2-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.glass-card{background:#0f172a66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0d;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:#0d948866;box-shadow:0 10px 40px #0d94881a,inset 0 1px #0d948833}.landing-btn-primary{font-family:Be Vietnam Pro,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;font-weight:800;font-size:16px;padding:0 32px;height:56px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 4px 14px #0d948866;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0d948899}.landing-btn-secondary{font-family:Be Vietnam Pro,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:16px;padding:0 32px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.landing-btn-secondary:hover{background:#ffffff1a;border-color:#fff6}.btn-bazi{background:#f59e0b14;border-color:#f59e0b4d;color:#fbbf24}.btn-bazi:hover{background:#f59e0b26}.btn-bazi-solid{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b33}.btn-bazi-solid:hover{box-shadow:0 6px 20px #f59e0b66}.btn-purple{background:#8b5cf614;border-color:#8b5cf64d;color:#a78bfa}.btn-purple:hover{background:#8b5cf626}.w-full{width:100%}.hero-section{position:relative;padding:100px 24px 40px;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.12) 0%,transparent 60%);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,sans-serif;font-weight:600;font-size:14px;color:#fbbf24;background:#fbbf241a;padding:8px 16px;border-radius:999px;margin-bottom:24px;border:1px solid rgba(251,191,36,.2)}.hero-emphasis-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0 auto 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:12px 24px;border-radius:100px;max-width:max-content}.emphasis-item{display:flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:15px}.emphasis-item.ziwei{color:#a78bfa}.emphasis-item.bazi{color:#fbbf24}.emphasis-icon{opacity:.8}.hero-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 40px;opacity:.8;max-width:1000px}.hero-trust p{margin:0;font-size:16px;color:#e2e8f0}.trust-icon{color:#10b981}.hero-actions{display:flex;justify-content:center;gap:16px;margin-bottom:20px}.nav-tags-container{position:sticky;top:0;background:#070b1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0}.nav-tags{display:flex;justify-content:center;gap:10px;max-width:1240px;margin:0 auto;padding:0 24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.nav-tags::-webkit-scrollbar{display:none}.nav-tag{font-family:Be Vietnam Pro,sans-serif;background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.nav-tag:hover{background:#ffffff1a}.nav-tag:active,.nav-tag:focus{background:#8b5cf626;border-color:#8b5cf680;color:#a78bfa;outline:none}.styled-list{list-style:none;padding:0;margin:0}.styled-list li{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.styled-list li:last-child{margin-bottom:0}.styled-list p{margin:0;font-size:17px}.list-icon{flex-shrink:0;margin-top:2px}.list-icon.purple{color:#a78bfa}.card-ziwei,.card-bazi{display:flex;flex-direction:column;padding:40px}.card-ziwei h3{color:#a78bfa;display:flex;align-items:center;gap:12px}.card-bazi h3{color:#fbbf24;display:flex;align-items:center;gap:12px}.card-tagline{font-size:17px;font-style:italic;color:#e2e8f0;margin-bottom:24px}.card-body{flex:1;margin-bottom:32px}.card-mini-title{font-family:Be Vietnam Pro,sans-serif;font-weight:700;color:#f8fafc;margin-bottom:12px;font-size:16px}.card-body ul{padding-left:20px;color:#cbd5e1;line-height:1.7}.card-body li{margin-bottom:8px;font-size:16px}.accordion-container{max-width:900px;margin:0 auto 48px}.accordion-item{background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:all .3s ease;box-shadow:inset 0 1px #ffffff0d}.accordion-item:hover{border-color:#0d948866;box-shadow:0 10px 40px #0d94881a,inset 0 1px #0d948833}.accordion-header{font-family:Be Vietnam Pro,sans-serif;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:transparent;border:none;color:#f8fafc;font-size:18px;font-weight:600;text-align:left;cursor:pointer}.accordion-header:hover{background:#ffffff05}.accordion-icon{transition:transform .3s;color:#94a3b8}.accordion-header.active .accordion-icon{transform:rotate(180deg);color:#f8fafc}.accordion-body{border-top:1px solid rgba(255,255,255,.05)}.accordion-content{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.accordion-content ul{padding-left:20px;margin:0}.accordion-content li{margin-bottom:8px;color:#cbd5e1}.mini-label{font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:12px}.accordion-reasons p{margin:0 0 12px;font-size:16px}.accordion-reasons p:last-child{margin-bottom:0}.quote-block{max-width:800px;margin:0 auto;text-align:center;font-style:italic;font-size:18px;color:#e2e8f0}.tabs-container{max-width:1000px;margin:0 auto}.tabs-header{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;margin-bottom:32px;scrollbar-width:none}.tab-btn{font-family:Be Vietnam Pro,sans-serif;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:10px 20px;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{background:#8b5cf626;border-color:#8b5cf6;color:#f8fafc}.question-card{padding:24px;display:flex;flex-direction:column}.question-card h4{font-size:20px;font-weight:600;margin-bottom:16px;color:#f8fafc}.badge-wrapper{margin-bottom:12px}.choice-badge{display:inline-block;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.choice-badge.ziwei{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.choice-badge.bazi{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.choice-badge.both{background:#ffffff1a;color:#f8fafc;border:1px solid rgba(255,255,255,.2)}.question-card p{margin:0;font-size:15px;color:#94a3b8}.quick-suggest-block{max-width:1000px;margin:64px auto 0;text-align:center}.quick-suggest-block h3{margin-bottom:32px;font-size:32px}.suggest-card{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;display:flex;flex-direction:column}.suggest-card h4{font-size:24px;margin-bottom:16px}.suggest-card.ziwei h4{color:#a78bfa}.suggest-card.bazi h4{color:#fbbf24}.suggest-card p{flex:1;margin-bottom:24px;font-size:16px}.feature-card{padding:32px;text-align:left}.benefit-icon{width:48px;height:48px;border-radius:12px;background:#8b5cf61a;color:#a78bfa;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card h4{font-size:20px;margin-bottom:12px}.feature-card p{margin:0;font-size:15px}.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}.process-card{display:flex;gap:20px;background:#0f172a99;border:1px solid rgba(255,255,255,.05);padding:24px;border-radius:20px}.process-number{font-family:Be Vietnam Pro,sans-serif;width:40px;height:40px;flex-shrink:0;background:#8b5cf633;color:#a78bfa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.process-content h4{font-size:18px;margin-bottom:8px}.process-content p{margin:0;font-size:15px}.about-card{max-width:900px;margin:0 auto}.about-text{font-size:17px;margin-bottom:32px}.about-text p{margin-bottom:16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:32px}.about-bullet{display:flex;align-items:center;gap:16px}.bullet-icon{color:#a78bfa;flex-shrink:0}.about-bullet span{font-size:15px;font-weight:500}.review-card{padding:32px;display:flex;flex-direction:column}.review-stars{margin-bottom:16px;display:flex;gap:4px}.review-text{font-style:italic;flex:1;margin-bottom:24px;font-size:16px;color:#e2e8f0}.review-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:16px}.review-author span{font-weight:600;color:#f8fafc}.pricing-section{max-width:1000px;margin:0 auto}.pricing-card{display:flex;flex-direction:column;padding:40px;position:relative;overflow:hidden}.ziwei-pricing:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#c084fc)}.bazi-pricing:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.price-amount{font-family:Be Vietnam Pro,sans-serif;font-size:48px;font-weight:800;margin:16px 0 8px;color:#fff}.price-currency{font-size:20px;vertical-align:super;font-weight:600;margin-left:4px}.price-desc{font-weight:600;color:#a78bfa;margin-bottom:16px;font-size:15px}.bazi-pricing .price-desc{color:#fbbf24}.price-sub{font-size:15px;margin-bottom:32px;min-height:48px}.pricing-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px;color:#cbd5e1}.pricing-features li svg{color:#10b981;flex-shrink:0;margin-top:2px}.payment-gate{margin-top:auto}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .3s ease;box-shadow:inset 0 1px #ffffff0d}.faq-item:hover{border-color:#0d948866;box-shadow:0 10px 40px #0d94881a,inset 0 1px #0d948833}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;background:transparent;border:none;color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:700;text-align:left;cursor:pointer}.faq-question:hover{background:#ffffff05}.faq-answer{padding:0 24px 24px;font-size:16px;color:#cbd5e1}.faq-icon{color:#94a3b8;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(180deg);color:#f8fafc}.cta-footer{padding:120px 24px}.cta-footer h2{font-size:48px;margin-bottom:24px}.cta-footer p{max-width:760px;margin:0 auto 40px;font-size:18px}.cta-large{height:64px;font-size:20px;padding:0 48px}.text-center{text-align:center}.spin{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#070b1ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-content{background:#fff;border-radius:24px;position:relative;padding:32px;width:100%}.modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.modal-close:hover{background:#e2e8f0;color:#0f172a}@media(max-width:1024px){.hero-title{font-size:52px}.grid-4{grid-template-columns:repeat(2,1fr)}.accordion-content{grid-template-columns:1fr;gap:24px}.cta-footer h2{font-size:40px}}@media(max-width:768px){.landing-section{padding:72px 20px}.hero-section{padding:80px 20px 32px}.hero-title{font-size:38px;line-height:1.2}.hero-subtitle{font-size:17px}.hero-emphasis-block{flex-direction:column;align-items:flex-start;padding:16px 24px;border-radius:16px}.hero-actions{flex-direction:column}.section-header h2{font-size:32px}.section-header p{font-size:16px}.grid-2,.grid-3,.grid-2-cols,.process-grid{grid-template-columns:1fr}.nav-tags{justify-content:flex-start;padding:0 20px}.nav-tag{font-size:14px;padding:10px 14px}.card-ziwei,.card-bazi,.pricing-card,.feature-card,.suggest-card,.review-card{padding:24px}.about-grid{grid-template-columns:1fr}.price-amount{font-size:40px}.faq-question{font-size:16px;padding:20px}.faq-answer{padding:0 20px 20px}.cta-footer{padding:80px 20px}.cta-footer h2{font-size:32px}p,.card-body li,.accordion-reasons p,.pricing-features li{font-size:16px;text-align:left}.landing-btn-primary,.landing-btn-secondary{width:100%;height:56px;font-size:16px}}.saas-nav-container{position:fixed;top:24px;left:0;right:0;z-index:999;display:flex;justify-content:center;padding:0 24px;pointer-events:none}.saas-nav{background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);padding:10px 24px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:32px;pointer-events:auto;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a;width:100%;max-width:900px}.nav-logo{display:flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,sans-serif;font-weight:800;color:#fff;font-size:16px}.text-cyan{color:#0d9488}.nav-desktop-links{display:flex;gap:24px}.nav-desktop-links button{background:none;border:none;color:#a1a1aa;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;padding:0}.nav-desktop-links button:hover{color:#fff}.nav-cta-btn{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;padding:8px 20px;border-radius:999px;font-weight:700;font-family:Be Vietnam Pro,sans-serif;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #0d94884d}.nav-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0d948880}.mobile-hamburger{display:none;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;padding:8px;border-radius:8px}.mobile-menu-overlay{position:fixed;inset:0;background:#030508f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-content{position:relative;width:100%;max-width:400px;padding:40px 24px}.mobile-menu-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;cursor:pointer}.mobile-nav-links{display:flex;flex-direction:column;gap:24px;align-items:center}.mobile-nav-links button{background:none;border:none;color:#e4e4e7;font-family:Be Vietnam Pro,sans-serif;font-size:20px;font-weight:600;cursor:pointer}.mobile-cta-btn{background:linear-gradient(135deg,#0d9488,#0f766e)!important;color:#fff!important;padding:12px 32px!important;border-radius:999px!important;margin-top:16px}@media(max-width:900px){.nav-desktop-links,.nav-desktop-actions{display:none}.saas-nav-container{top:16px;justify-content:flex-start;padding:0 16px}.saas-nav{padding:8px 16px;gap:16px}.mobile-hamburger{display:flex}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172521;background:#eef5f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}.app-shell{min-height:100vh;padding:24px;background:linear-gradient(180deg,#1080741c,#eef5f200 42%),#eef5f2}.workspace{width:min(1180px,100%);min-height:calc(100vh - 48px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px}.intake-panel,.result-panel{background:#ffffffeb;border:1px solid #cfe0dc;border-radius:8px;box-shadow:0 18px 45px #1a373214}.intake-panel{padding:22px;align-self:start;position:sticky;top:24px}.brand-block{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#087f73}.eyebrow{margin:0 0 4px;color:#4d6e68;font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0;color:#102b26}h1{font-size:1.35rem;line-height:1.2}h2{font-size:1.15rem}.alert,.notice{display:flex;gap:9px;align-items:flex-start;padding:12px;border-radius:8px;background:#fff4e6;color:#7b3f00;border:1px solid #ffd49a;margin-bottom:16px}.start-form{display:grid;gap:16px}.auth-toggle{display:flex;background:#e5f3f0;border-radius:8px;padding:4px}.auth-toggle button{flex:1;border:none;background:transparent;padding:8px 12px;font-size:.85rem;font-weight:700;color:#4d6e68;border-radius:6px;transition:all .2s}.auth-toggle button.active{background:#fff;color:#087f73;box-shadow:0 2px 4px #0000000d}label,.upload-field{display:grid;gap:7px;color:#365953;font-weight:700;font-size:.92rem}input,select,textarea,.upload-button{width:100%;border:1px solid #bdd5d0;background:#fff;color:#172521;border-radius:8px;min-height:44px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus,.upload-button:focus-visible{border-color:#087f73;box-shadow:0 0 0 3px #087f7329}.upload-button,.primary-button,.chat-form button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.upload-button{text-align:left;justify-content:flex-start;color:#365953}.upload-button span{min-width:0;overflow-wrap:anywhere}.primary-button{min-height:46px;border:0;border-radius:8px;color:#fff;background:#087f73;font-weight:800}.primary-button:hover:not(:disabled),.chat-form button:hover:not(:disabled){background:#076c62}.result-panel{min-height:520px;overflow:hidden}.empty-state{min-height:100%;display:grid;align-content:center;justify-items:center;gap:12px;padding:32px;color:#4d6e68;text-align:center}.empty-state svg{color:#087f73}.empty-state h2{max-width:420px}.empty-state p{margin:0;max-width:520px}.quick-links{display:flex;gap:16px;margin-bottom:24px}.text-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#087f73;font-weight:700;font-size:.85rem;padding:0}.text-link:hover{text-decoration:underline}.external-link-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;border:1px solid #087f73;color:#087f73;background:#fff;border-radius:8px;font-weight:700;text-decoration:none}.external-link-button:hover{background:#e5f3f0}.modal-overlay{position:fixed;inset:0;background:#102b2699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;position:relative;padding:32px;box-shadow:0 24px 48px #00000026}.modal-close{position:absolute;top:20px;right:20px;background:#f0f6f4;border:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#4d6e68}.modal-close:hover{background:#e5f3f0;color:#087f73}.modal-content h2{color:#087f73;margin-bottom:24px;padding-right:40px}.modal-body{color:#365953;line-height:1.6}.modal-body h3{color:#102b26;margin:24px 0 12px}.clean-list{list-style:none;padding:0;margin:0 0 16px}.clean-list li{margin-bottom:8px}.step-list{padding-left:20px}.step-list li{margin-bottom:16px}.notice-box{background:#fff4e6;border:1px solid #ffd49a;color:#7b3f00;padding:16px;border-radius:8px;margin-top:24px}.chat-view{height:100%;min-height:520px;display:grid;grid-template-rows:auto 1fr auto auto}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #d9e7e3}.turn-counter{flex:0 0 auto;padding:8px 10px;border-radius:8px;background:#e5f3f0;color:#087f73;font-weight:800}.message-list{min-height:0;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px}.message{max-width:86%;border-radius:8px;padding:13px 14px;border:1px solid #d9e7e3;background:#fff}.message.user{align-self:flex-end;background:#087f73;color:#fff;border-color:#087f73}.message.assistant{align-self:flex-start}.message.pending{color:#4d6e68}.message-role{margin-bottom:7px;font-size:.77rem;font-weight:800;text-transform:uppercase;opacity:.78}.message p{margin:0;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.notice{margin:0 22px 14px;background:#e5f3f0;color:#0b5f57;border-color:#bddbd6}.chat-form{display:grid;grid-template-columns:1fr 48px;gap:10px;padding:16px 22px 20px;border-top:1px solid #d9e7e3}.chat-form textarea{resize:vertical;min-height:48px;max-height:170px}.chat-form button{width:48px;height:48px;border:0;border-radius:8px;background:#087f73;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.app-shell{padding:12px}.workspace{min-height:calc(100vh - 24px);grid-template-columns:1fr}.intake-panel{position:static}.result-panel,.chat-view{min-height:480px}}@media(max-width:520px){.app-shell{padding:0}.workspace{min-height:100vh;gap:0}.intake-panel,.result-panel{border-left:0;border-right:0;border-radius:0;box-shadow:none}.brand-block,.chat-header{align-items:flex-start}.chat-header{flex-direction:column}.turn-counter{width:100%;text-align:center}.message{max-width:100%}.chat-form{grid-template-columns:1fr 46px;padding:12px}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#eef5f2}.admin-sidebar{min-height:100vh;padding:22px;background:#fff;border-right:1px solid #cfe0dc;display:flex;flex-direction:column;gap:18px}.admin-brand{margin-bottom:8px}.admin-nav{display:grid;gap:8px}.admin-nav button,.admin-logout,.secondary-button,.row-actions button{border:1px solid #cfe0dc;border-radius:8px;background:#fff;color:#365953;min-height:40px}.admin-nav button,.admin-logout,.secondary-button{display:inline-flex;align-items:center;gap:9px;padding:9px 11px;font-weight:800}.admin-nav button.active,.admin-nav button:hover,.secondary-button:hover,.row-actions button:hover:not(:disabled){color:#087f73;background:#e5f3f0;border-color:#9ccdc5}.admin-logout{margin-top:auto}.admin-content{min-width:0;padding:24px}.admin-page{display:grid;gap:18px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card,.admin-table-wrap,.prompt-form,.admin-login-card{background:#fff;border:1px solid #cfe0dc;border-radius:8px;box-shadow:0 18px 45px #1a373214}.stat-card{padding:18px;display:grid;gap:12px}.stat-card span{color:#4d6e68;font-weight:800}.stat-card strong{color:#087f73;font-size:2rem;line-height:1}.admin-form-row{display:grid;grid-template-columns:150px 150px 180px;align-items:end;gap:12px;background:#fff;border:1px solid #cfe0dc;border-radius:8px;padding:16px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:720px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e3eeeb;text-align:left;vertical-align:middle}.admin-table th{color:#4d6e68;font-size:.78rem;text-transform:uppercase}.mono{font-family:SFMono-Regular,Consolas,monospace}.status{display:inline-flex;padding:5px 8px;border-radius:8px;background:#e5f3f0;color:#087f73;font-weight:800}.status.revoked,.status.expired{background:#fff4e6;color:#8a4d00}.status.in_use{background:#e8edff;color:#314f9f}.row-actions{display:flex;justify-content:flex-end;gap:8px}.row-actions button{width:38px;height:38px;display:inline-grid;place-items:center}.admin-success{padding:12px;border-radius:8px;border:1px solid #9ccdc5;background:#e5f3f0;color:#0b5f57;overflow-wrap:anywhere}.admin-loading{display:inline-flex;align-items:center;gap:8px;color:#4d6e68;font-weight:800}.prompt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:16px;align-items:start}.prompt-form{padding:16px;display:grid;gap:13px}.prompt-form h3{margin:0;color:#102b26}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input{width:18px;height:18px;min-height:18px}.system-prompt-input{min-height:260px;line-height:1.55}.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#1080741c,#eef5f200 42%),#eef5f2}.admin-login-card{width:min(420px,100%);padding:22px;display:grid;gap:16px}@media(max-width:920px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:static}.admin-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-logout{margin-top:0}.stat-grid,.prompt-grid{grid-template-columns:1fr}}@media(max-width:560px){.admin-content{padding:12px}.admin-nav,.admin-form-row{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}.secondary-button{width:100%;justify-content:center}}.step-container{margin-bottom:24px;background:#fff;border:1px solid #cfe0dc;border-radius:8px;overflow:hidden}.step-title{background:#f0f6f4;padding:12px 16px;margin:0;font-size:1rem;color:#087f73;border-bottom:1px solid #cfe0dc;font-weight:700;display:flex;align-items:center;gap:8px}.step-content{padding:16px;display:grid;gap:16px}.help-text{font-size:.85rem;color:#4d6e68;margin-bottom:8px;line-height:1.5}.help-link{font-size:.85rem;color:#087f73;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px}.help-link:hover{text-decoration:underline}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem;transition:all .2s;text-align:center}.link-button.tu-vi{background:#e5f3f0;color:#087f73;border:1px solid #9ccdc5}.link-button.tu-vi:hover{background:#d4ebe6}.link-button.bat-tu{background:#fff4e6;color:#8a4d00;border:1px solid #ffd49a}.link-button.bat-tu:hover{background:#ffebcc}@media(max-width:520px){.action-buttons-grid{grid-template-columns:1fr}}.markdown-body{color:#000!important;font-size:.95rem;line-height:1.7}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body li,.markdown-body span,.markdown-body div{color:#000!important}.markdown-body strong,.markdown-body b{color:#000!important;font-weight:800!important}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5{color:#000!important;margin-top:24px;margin-bottom:12px;font-weight:800!important}.markdown-body blockquote{border-left:4px solid #000000;margin:16px 0;padding:12px 16px;color:#000!important;background:#f4fbf9;border-radius:4px;font-style:normal;font-weight:600}.iframe-modal{background:#fff;width:95vw;max-width:1200px;height:92vh;border-radius:12px;padding:20px;display:flex;flex-direction:column;box-shadow:0 24px 48px #0003}@media(max-width:768px){.iframe-modal{width:100vw;height:100vh;border-radius:0;padding:10px}}.markdown-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-radius:8px}.markdown-body th,.markdown-body td{border:1px solid #e2e8f0;padding:12px 16px;text-align:left}.markdown-body th{background-color:#f8fafc;font-weight:600;color:#334155;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.markdown-body tr:nth-child(2n){background-color:#f8fafc}.markdown-body tr:hover{background-color:#f1f5f9}