*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--bg2:#f5f4ee;--black:#111010;--black2:#1e1d1b;--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#c9a84c26;--gold-border:#c9a84c59;--text:#2c2a26;--text2:#6b6760;--border:#e2e0d8;--white:#fff;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius:12px;--radius-sm:8px;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}.navbar{z-index:100;background:var(--black);border-bottom:1px solid #2a2926;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{color:var(--gold);cursor:pointer;letter-spacing:-.3px;font-family:Georgia,serif;font-size:18px;font-weight:700}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.menu-btn span{background:var(--gold);border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.sidebar{background:var(--black2);border-left:1px solid #2a2926;width:280px;padding:24px 0;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.sidebar-title{letter-spacing:2px;color:var(--text2);text-transform:uppercase;padding:0 20px 16px;font-size:11px;font-weight:600}.sidebar-section{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;border-top:1px solid #2a2926;padding:16px 20px 8px;font-size:10px;font-weight:700}.sidebar-item{text-align:left;cursor:pointer;color:#c8c5be;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-family:Georgia,serif;font-size:14px;transition:all .15s;display:flex}.sidebar-item:hover{color:var(--gold-light);background:#c9a84c14}.sidebar-item.accent{color:var(--gold-light)}.sidebar-size{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:20px;padding:2px 7px;font-size:11px}.page{max-width:860px;margin:0 auto;padding:32px 20px 60px}.home-page{text-align:center;max-width:700px;padding-top:80px}.hero-badge{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:20px;margin-bottom:28px;padding:6px 16px;font-family:Georgia,serif;font-size:13px;display:inline-block}.hero-title{color:var(--black);letter-spacing:-2px;margin-bottom:20px;font-family:Georgia,serif;font-size:clamp(40px,8vw,72px);font-weight:400;line-height:1.1}.accent{color:var(--gold)}.hero-sub{color:var(--text2);max-width:480px;margin:0 auto 36px;font-size:17px;line-height:1.6}.btn-primary{background:var(--gold);color:var(--black);border-radius:var(--radius);cursor:pointer;letter-spacing:-.2px;border:none;padding:14px 32px;font-family:Georgia,serif;font-size:16px;font-weight:700;transition:all .2s;display:inline-block}.btn-primary:hover{background:var(--gold-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.hero-stats{justify-content:center;align-items:center;gap:24px;margin-top:48px;display:flex}.stat{text-align:center}.stat-num{color:var(--black);font-size:28px;font-weight:700;display:block}.stat-label{color:var(--text2);font-size:12px}.stat-divider{background:var(--border);width:1px;height:36px}.page-header{margin-bottom:28px}.page-sub{color:var(--text2);margin-top:6px;font-size:15px}.back-btn{border:1px solid var(--border);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-bottom:16px;padding:6px 14px;font-family:Georgia,serif;font-size:13px;transition:all .15s}.back-btn:hover{border-color:var(--gold);color:var(--gold)}.page-header h2{color:var(--black);font-size:28px;font-weight:400}.models-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.model-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.model-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px)}.model-top{justify-content:space-between;align-items:flex-start;display:flex}.model-name{color:var(--black);font-size:16px;font-weight:600}.model-size{color:var(--gold);margin-top:2px;font-size:12px}.model-tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.tag{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border);border-radius:20px;padding:3px 8px;font-size:10px}.model-desc{color:var(--text2);flex:1;font-size:13px;line-height:1.5}.model-stats{color:var(--text2);gap:12px;font-size:12px;display:flex}.model-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.best-for{color:var(--text2);font-size:11px}.select-btn{color:var(--gold);font-size:13px;font-weight:600}.guide-model-badge{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:20px;align-items:center;gap:10px;margin-bottom:12px;padding:6px 16px;display:inline-flex}.badge-name{color:var(--black);font-size:14px;font-weight:600}.badge-size{color:var(--gold);font-size:12px}.config-box{background:var(--black2);border-radius:var(--radius);border:1px solid #2a2926;margin-bottom:24px;padding:20px}.config-title{letter-spacing:1px;color:var(--gold);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.config-row{align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.config-row span{color:#9a9790;min-width:40px}.config-row code{color:var(--gold-light);word-break:break-all;background:#ffffff0d;border-radius:4px;padding:3px 8px;font-size:12px}.steps{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.step{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.step.expanded{border-color:var(--gold)}.step-header{cursor:pointer;align-items:center;gap:14px;padding:16px 20px;display:flex}.step-num{background:var(--gold);width:28px;height:28px;color:var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step-info{flex:1}.step-title{color:var(--black);margin-bottom:2px;font-size:15px;font-weight:600}.step-desc{color:var(--text2);font-size:13px}.step-arrow{color:var(--text2);font-size:10px}.step-detail{border-top:1px solid var(--border);padding:14px 20px 16px 62px}.step-detail p{color:var(--text2);margin-bottom:10px;font-size:14px;line-height:1.6}.step-link{color:var(--gold);border:1px solid var(--gold-border);border-radius:var(--radius-sm);padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.step-link:hover{background:var(--gold-dim)}.code-hint{flex-direction:column;gap:6px;margin-top:10px;display:flex}.hint-item{color:var(--text2);align-items:center;gap:10px;font-size:13px;display:flex}.hint-file{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.bug-tip{border:1px solid var(--gold-border);border-radius:var(--radius);background:#fff8e8;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.bug-tip span{color:var(--black);font-size:14px}.bug-tip button{background:var(--gold);color:var(--black);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-family:Georgia,serif;font-size:13px;font-weight:600;transition:all .15s}.bug-tip button:hover{background:var(--gold-light)}.chat-page{flex-direction:column;max-width:100%;height:calc(100vh - 56px);padding:0;display:flex}.chat-header{background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px}.chat-title{color:var(--black);font-size:16px;font-weight:600}.chat-sub{color:var(--text2);margin-top:2px;font-size:13px}.messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.empty-chat{text-align:center;color:var(--text2);background:var(--bg2);border-radius:var(--radius);border:1px dashed var(--border);max-width:400px;margin:40px auto;padding:24px;font-size:14px;line-height:1.6}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.msg-bubble{border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-width:75%;padding:12px 16px;font-size:14px;line-height:1.6}.msg.user .msg-bubble{background:var(--black);color:#e8e6e0}.msg.assistant .msg-bubble{background:var(--white);border:1px solid var(--border);color:var(--text)}.typing{color:var(--gold);letter-spacing:4px}.chat-input{background:var(--white);border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:10px;padding:16px 20px;display:flex}.chat-input textarea{resize:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);outline:none;flex:1;padding:10px 14px;font-family:Georgia,serif;font-size:14px;line-height:1.5}.chat-input textarea:focus{border-color:var(--gold)}.chat-input button{background:var(--gold);color:var(--black);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:10px 20px;font-family:Georgia,serif;font-size:14px;font-weight:700;transition:all .15s}.chat-input button:hover:not(:disabled){background:var(--gold-light)}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.admin-login{text-align:center;flex-direction:column;gap:14px;max-width:340px;margin:40px auto;display:flex}.admin-login p{color:var(--text2);font-size:15px}.admin-login input,.add-bot input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);outline:none;padding:10px 14px;font-family:Georgia,serif;font-size:14px}.admin-login input:focus,.add-bot input:focus{border-color:var(--gold)}.admin-hint{color:var(--text2);font-size:12px}.admin-content h3{color:var(--black);margin:24px 0 14px;font-size:18px;font-weight:400}.bot-list{flex-direction:column;gap:10px;display:flex}.bot-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.bot-item strong{color:var(--black);font-size:14px}.bot-item p{color:var(--text2);margin:3px 0;font-size:13px}.bot-item code{color:var(--text2);font-size:11px}.del-btn{color:#c45454;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #e8c4c4;padding:6px 12px;font-size:12px;transition:all .15s}.del-btn:hover{background:#fef2f2}.add-bot{flex-direction:column;gap:10px;max-width:500px;display:flex}@media (width<=640px){.models-grid{grid-template-columns:1fr}.home-page{padding-top:48px}.hero-title{font-size:36px}.hero-stats{gap:16px}.step-detail{padding-left:20px}}