.dopai-page{min-height:calc(100vh - 200px)}.dopai-hero{padding:var(--space-6) 0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.hero-content{max-width:1000px;text-align:center;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent);background:var(--color-accent-light);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);margin-bottom:var(--space-4)}.badge-icon{display:flex;color:var(--color-accent)}.hero-title{font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-4);color:var(--color-text-primary)}.hero-title sup{font-size:.4em;vertical-align:super}.hero-desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.hero-desc strong{color:var(--color-text-primary)}.dopai-auth-section{padding:var(--space-12) 0}.auth-card{max-width:560px;margin:0 auto;text-align:center;padding:var(--space-12);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}.auth-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-bg-alt);border:1px solid var(--color-border);margin-bottom:var(--space-6);color:var(--color-text-secondary)}.auth-card__title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-3);border:none;padding:0}.auth-card__desc{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--text-sm)}.auth-card__btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-4) var(--space-8);background:var(--color-text-primary);color:var(--color-bg);border:2px solid var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.auth-card__btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.dopai-chat-section{padding:var(--space-6) 0 var(--space-12)}.chat-wrapper{max-width:1100px;margin:0 auto;background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 280px);min-height:600px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.chat-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-positive)}.chat-status.loading .status-dot{background:var(--color-warning);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-remaining{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0}.message{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border)}.message--assistant{background:var(--color-surface)}.message--user{background:var(--color-text-primary);color:var(--color-bg)}.message__avatar{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.message--assistant .message__avatar{background:var(--color-accent);color:#fff}.message--user .message__avatar{background:#fff3;color:var(--color-bg)}.message__body{flex:1;min-width:0}.message__header{margin-bottom:var(--space-1)}.message__name{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.message--assistant .message__name{color:var(--color-accent)}.message--user .message__name{color:#fff9}.message__content{font-size:13px;line-height:1.5}.message__content p{margin:0 0 var(--space-2)}.message--assistant .message__content p{color:var(--color-text-secondary)}.message--user .message__content p{color:var(--color-bg)}.message__content p:last-child{margin-bottom:0}.message__content h3,.message__content h4{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);margin:var(--space-4) 0 var(--space-2);padding:0;background:none;border:none;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-1)}.message__content h3:first-child,.message__content h4:first-child{margin-top:0}.message__content strong{font-weight:600;color:var(--color-text-primary)}.message__content ul,.message__content ol{margin:var(--space-2) 0;padding-left:var(--space-4);list-style:none}.message__content li{margin-bottom:var(--space-1);color:var(--color-text-secondary);padding-left:var(--space-3);position:relative;font-size:13px}.message__content li:before{content:"–";position:absolute;left:0;color:var(--color-accent);font-weight:400}.message__content a{color:var(--color-accent);text-decoration:underline;word-break:break-all}.message__content table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:12px}.message__content th,.message__content td{text-align:left;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border)}.message__content th{background:var(--color-bg-alt);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-primary)}.message__content td{color:var(--color-text-secondary)}.message__content tr:nth-child(2n) td{background:var(--color-bg-alt)}.suggestions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.suggestions__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-3)!important}.suggestions__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestion{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.suggestion:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.message--loading .message__content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-form{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.chat-input-wrapper{display:flex;gap:var(--space-2)}.chat-input{flex:1;padding:var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast)}.chat-input:focus{border-color:var(--color-text-primary)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-submit{padding:var(--space-4);background:var(--color-text-primary);color:var(--color-bg);border:2px solid var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.chat-submit:hover{background:var(--color-accent);border-color:var(--color-accent)}.chat-submit:disabled{opacity:.5;cursor:not-allowed}.chat-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin:var(--space-3) 0 0}@media (max-width: 768px){.dopai-hero{padding:var(--space-6) 0 var(--space-4)}.chat-wrapper{height:calc(100vh - 180px);border-left:none;border-right:none}.message{padding:var(--space-3) var(--space-3);gap:var(--space-3)}.message__avatar{width:28px;height:28px}.message__avatar svg{width:14px;height:14px}.message__content{font-size:12px}.message__content table{font-size:11px}.suggestions__list{flex-direction:column}.suggestion{width:100%;text-align:left}.source-status{flex-wrap:wrap;gap:var(--space-2)}.chat-input{padding:var(--space-3);font-size:14px}}