:root{--primary: #14532d;--primary-strong: #0f3f23;--accent: #f59e0b;--sidebar-bg: linear-gradient(180deg, #f4f7f1 0%, #eef3e7 100%);--page-bg: radial-gradient(circle at top, #fff7e8 0%, #f9faf5 38%, #f3f6ef 100%);--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(15, 63, 35, .12);--text-main: #142013;--text-muted: #5d6858;--msg-user: linear-gradient(135deg, #14532d 0%, #1d6b3d 100%);--msg-ai: #f7f1e4;--shadow-soft: 0 24px 60px rgba(20, 32, 19, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;color:var(--text-main);background:var(--page-bg)}button,textarea,select,input{font:inherit}#app-shell{display:flex;min-height:100vh}#sidebar{width:280px;background:var(--sidebar-bg);border-right:1px solid rgba(20,83,45,.12);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#sidebar-header{padding:18px;border-bottom:1px solid rgba(20,83,45,.12)}#new-chat-btn{width:100%;padding:12px 14px;background:var(--primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px #14532d38}#new-chat-btn:hover{background:var(--primary-strong);transform:translateY(-1px)}#chat-list{flex:1;overflow-y:auto;padding:14px}.chat-item{padding:12px 12px 12px 14px;margin-bottom:8px;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#ffffff73;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chat-item:hover{background:#ffffffbf;border-color:#14532d1a;transform:translate(2px)}.chat-item.active{background:#14532d1a;border-color:#14532d2e;color:var(--primary-strong)}.chat-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.delete-btn{color:#b42318;font-size:12px;border:none;background:none;cursor:pointer;padding:0 4px;display:none}.chat-item:hover .delete-btn{display:block}#main{flex:1;display:flex;flex-direction:column;position:relative;padding:18px}#header{padding:18px 22px;border:1px solid var(--panel-border);display:flex;justify-content:space-between;align-items:center;background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;box-shadow:var(--shadow-soft)}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}#header h1{font-size:26px;line-height:1.1}#model-controls{display:flex;gap:12px;align-items:center}select{padding:11px 14px;border-radius:12px;border:1px solid rgba(20,83,45,.12);min-width:250px;background:#ffffffeb}#load-model-btn,#send-btn{border:none;background:var(--primary);color:#fff;cursor:pointer;transition:background .18s ease,transform .18s ease}#load-model-btn{padding:11px 18px;border-radius:12px;font-weight:600}#load-model-btn:hover,#send-btn:hover{background:var(--primary-strong);transform:translateY(-1px)}#load-model-btn:disabled,#send-btn:disabled{background:#93a19a;cursor:not-allowed;transform:none}#chat-container{flex:1;overflow-y:auto;margin:18px 0;padding:8px 6px 8px 2px;display:flex;flex-direction:column;gap:14px}#runtime-notice{margin-top:16px;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.5;min-height:21px}.notice{border:1px solid transparent}.notice-info{background:#14532d0f;border-color:#14532d1a;color:#204529}.notice-warn{background:#f59e0b1f;border-color:#f59e0b2e;color:#7a4a00}.notice-error{background:#b4231814;border-color:#b4231824;color:#8f2419}.notice-success{background:#22c55e1a;border-color:#22c55e2e;color:#166534}.message{max-width:min(760px,82%);padding:14px 16px;border-radius:18px;line-height:1.6;font-size:15px;word-wrap:break-word;box-shadow:0 14px 30px #14201314;animation:rise-in .22s ease}.message img{max-width:320px;border-radius:12px;margin-bottom:10px;display:block}.user-msg{background:var(--msg-user);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-msg{background:var(--msg-ai);color:var(--text-main);align-self:flex-start;border-bottom-left-radius:4px}.msg-stats{font-size:12px;color:#6b7280;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Consolas,Courier New,monospace}#input-wrapper{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:16px;box-shadow:var(--shadow-soft)}#preview-container{display:none;margin-bottom:12px;position:relative;width:max-content}#preview-img{max-height:110px;border-radius:12px;border:1px solid rgba(20,83,45,.12)}#remove-img-btn{position:absolute;top:-8px;right:-8px;background:#b42318;color:#fff;border:none;border-radius:999px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}#input-form{display:flex;gap:10px;align-items:flex-end}#text-input{flex:1;padding:12px 14px;border:1px solid rgba(20,83,45,.12);border-radius:16px;resize:none;min-height:48px;max-height:180px;background:#fffffff0}#text-input:focus,select:focus{outline:2px solid rgba(245,158,11,.35);border-color:#f59e0b66}.icon-btn{background:#ffffffeb;border:1px solid rgba(20,83,45,.12);border-radius:14px;padding:12px;cursor:pointer;color:#4b5563;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#fff}#send-btn{padding:0 20px;height:48px;border-radius:14px;font-weight:600}#loading-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8f9f3d9;z-index:100;display:none;justify-content:center;align-items:center;padding:24px}.modal-box{background:#fffef9;padding:28px;border-radius:24px;box-shadow:var(--shadow-soft);width:min(440px,100%);text-align:center;border:1px solid rgba(20,83,45,.08)}.modal-box h2{margin-bottom:14px}#progress-text{margin-bottom:15px;font-weight:500;color:#374151}progress{width:100%;height:10px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background-color:#ece7dc;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);border-radius:999px}.modal-tip{margin-top:15px;font-size:12px;color:#6b7280}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){#app-shell{flex-direction:column}#sidebar{width:100%;max-height:220px}#main{padding:12px}#header{flex-direction:column;align-items:flex-start;gap:14px}#model-controls{width:100%;flex-direction:column;align-items:stretch}select{min-width:0;width:100%}.message{max-width:92%}}@media (max-width: 640px){#input-form{flex-wrap:wrap}.icon-btn{width:48px;height:48px}#send-btn{width:100%}}