*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:system-ui,sans-serif;color:#000;background-color:#fff;font-size:1.4rem}ul{list-style:none}a{color:#000;text-decoration:none}a:hover{text-decoration:none}:root{--background-primary: #e6efff;--dark-grey: #2d2d2d;--link-hover: #00d4c5;--btn-bg: #082f57}main{display:block}aside,.middle-panel{min-height:10rem;padding:1rem;border:1px solid #fff;border-radius:4px;margin:1rem;font-size:1.4rem}h3{margin-bottom:1rem}h2{font-size:3.8rem;font-weight:500;color:#000;font-family:Avenir,sans-serif;text-align:center;padding:2rem 0}pre{background:#f4f4f4;border:1px solid #ddd;color:#000;text-shadow:0 1px white;border-radius:4px;margin:1rem 0;padding:1.5rem;line-height:2rem}pre .comment{color:#b0b0b0}pre .var{color:#7f1111}pre .keyword{color:#0c45b7}pre .func{color:#4772c6}.sm-btn{padding:.4rem .8rem;margin:0 auto;border:none;background-color:#00d4c5;color:#fff;border-radius:4px;cursor:pointer;width:50%}.sm-btn:hover{background-color:#014489}.med-btn{padding:10px 20px;background:#014489;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.med-btn:hover{background:#00d4c5}@media (min-width: 1024px){main{grid-template-columns:1fr}aside,.middle-panel{border-radius:0;margin:20px 0 0;min-height:55vh}.left-panel{border-right:1px solid #f3f3f3}.right-panel{border-left:1px solid #f3f3f3}}.ai-floating-button{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border:none;border-radius:50%;cursor:pointer;font-size:28px;z-index:9999;box-shadow:0 8px 30px #00000040}.ai-chat-window{position:fixed;right:24px;bottom:100px;width:480px;max-width:calc(100vw - 40px);height:670px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;z-index:9999}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(135deg,#1976d2,#1558b0);color:#fff}.ai-header-left{display:flex;align-items:center;gap:12px}.ai-header-avatar{width:44px;height:44px;padding:4px;border-radius:50%;background:#dce5ff00}.ai-header-title{font-size:18px;font-weight:600}.ai-header-subtitle{margin-top:2px;font-size:13px;opacity:.9}.ai-header-actions{display:flex;gap:8px;color:#527fb5;font-size:1.8rem;font-weight:400}.ai-header-btn{height:21px;width:22px;margin:2px 0 0;border:none;border-radius:0;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:.25s}.ai-header-btn.new{border:1px solid #527fb5}.ai-header-btn.new:hover{background:#ffffff26}.ai-body{flex:1;overflow-y:auto;padding:22px;background:linear-gradient(to bottom,#fff,#f8fbff)}.ai-hero{text-align:center;padding:10px 0 28px}.ai-hero-avatar{width:92px;height:92px;padding:8px;border-radius:50%;background:#eef5ff;object-fit:cover;box-shadow:0 10px 30px #1976d21f}.ai-hero h1{margin:10px 0 16px;font-size:3.2rem;font-weight:700;line-height:1.15;color:#1f2937}.ai-hero h1 span{color:#1976d2}.ai-hero p{margin:0;color:#6b7280;font-size:15px;line-height:1.7}.ai-subtitle{margin-top:6px!important;font-weight:700}.ai-divider{display:flex;align-items:center;margin:28px 0 18px}.ai-divider:before,.ai-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.ai-divider span{margin:0 14px;font-size:18px;font-weight:600;color:#1f2937}.ai-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ai-feature-card{padding:14px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:transform .25s,box-shadow .25s}.ai-feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.ai-feature-icon{width:54px;height:54px;margin:0 auto 14px;display:flex;justify-content:center;align-items:center;border-radius:14px;font-size:24px}.product{background:#e8f2ff}.order{background:#e9faee}.shipping{background:#fff3e6}.business{background:#f4ebff}.ai-feature-card h3{margin:0;font-size:18px;color:#1f2937}.ai-feature-card p{margin-top:8px;font-size:14px;line-height:1.5;color:#6b7280}.ai-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ai-suggestion-btn{padding:8px 16px;border:1px solid #1976d2;border-radius:10px;background:#fff;font-size:1.4rem;cursor:pointer;transition:.25s}.ai-suggestion-btn:hover{background:#a2d1ff}.ai-suggestion-btn svg{margin:0 6px -2px 0}.ai-message{display:flex;margin-bottom:14px}.ai-user{justify-content:flex-end}.ai-assistant{justify-content:flex-start}.ai-bubble{max-width:75%;padding:12px 16px;border-radius:10px;line-height:1.6;word-break:break-word}.ai-user .ai-bubble{background:#1976d2;color:#fff}.ai-assistant .ai-bubble{background:#f5f5f5;color:#222}.ai-footer{padding:18px;background:#fff;border-top:1px solid #edf1f7}.ai-input-row{display:flex;align-items:flex-end;gap:12px;padding:0 14px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 2px 10px #00000008}.ai-attach-btn{width:42px;height:42px;border:none;border-right:1px solid #ddd;background:transparent;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#6b7280;cursor:pointer;transition:.25s}.ai-attach-btn:hover{background:#f3f6fa}.ai-input{flex:1;min-height:52px;max-height:140px;padding:14px 0;border:none;outline:none;resize:none;background:transparent;font:inherit;font-size:16px;line-height:1.5;overflow-y:auto}.ai-input::placeholder{color:#98a2b3}.ai-send-button{width:48px;height:48px;border:none;border-radius:8px;background:#1976d2;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.25s}.ai-send-button:hover{background:#1558b0;transform:translateY(-1px)}.ai-send-button:disabled{opacity:.6;cursor:not-allowed}.ai-typing{display:flex;align-items:center;gap:6px;width:fit-content;padding:12px 16px;border-radius:12px;background:#f1f3f5}.ai-typing span{width:8px;height:8px;border-radius:50%;background:#777;animation:ai-bounce 1.2s infinite ease-in-out}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-bubble p{margin:0}.ai-bubble p+p{margin-top:10px}.ai-bubble ul,.ai-bubble ol{margin:8px 0;padding-left:20px}.ai-bubble li{margin:4px 0}.ai-bubble table{width:100%;border-collapse:collapse;margin-top:10px}.ai-bubble th,.ai-bubble td{padding:8px;border:1px solid #ddd;text-align:left}.ai-bubble code{padding:2px 6px;border-radius:4px;background:#00000014;font-family:Consolas,monospace}.ai-bubble pre{overflow-x:auto;padding:12px;border-radius:8px;background:#1e1e1e}.ai-bubble pre code{padding:0;background:transparent;color:#fff}