*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}body{background-color:#fff}.layout-root{height:100vh}.layout-root,.sidebar-left{display:flex;overflow:hidden}.sidebar-left{width:260px;min-width:260px;background-color:#0a1435;color:#fff;padding:16px 0;flex-direction:column}.sidebar-left .logo{padding:0 16px 20px;font-size:18px;font-weight:700;line-height:1.5}.sidebar-left .logo small{display:block;font-size:14px;font-weight:400;opacity:.8}.sidebar-left .menu-scroll{flex:1 1;overflow-y:auto}.sidebar-left .menu-group{margin-bottom:16px}.sidebar-left .menu-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:14px;gap:8px;width:100%;border:none;background:none;color:#fff;text-align:left;transition:background .15s}.sidebar-left .menu-item:hover{background-color:#15224b}.sidebar-left .menu-item.active{background-color:#1a2d5e;border-left:2px solid #4a90d9}.sidebar-left .badge{background-color:#ff4d4f;border-radius:10px;padding:0 6px;font-size:12px;margin-left:auto}.sidebar-left .unread-label{font-size:12px;opacity:.8;margin-left:4px}.sidebar-left .submenu{padding-left:24px;font-size:13px}.sidebar-left .submenu .menu-item{opacity:.85;font-size:13px;padding:6px 16px}.sidebar-left .footer{margin-top:auto;padding:16px;font-size:13px;opacity:.5}.main-content{flex:1 1;display:flex;flex-direction:column;overflow-y:auto}.main-header{background:linear-gradient(135deg,#0f1d3d,#1a2a6c 50%,#2a52be);color:#fff;padding:18px 28px;flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.main-header h1{font-size:20px;font-weight:600;letter-spacing:.5px}.main-header .header-row{display:flex;align-items:center;gap:14px;font-size:13px;opacity:.9;margin-top:4px}.main-header .header-badge{background:hsla(0,0%,100%,.18);padding:3px 12px;border-radius:20px;font-size:12px;letter-spacing:.5px}.main-header .header-toggle{margin-left:auto;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.15);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;cursor:pointer;transition:background .2s}.main-header .header-toggle:hover{background:hsla(0,0%,100%,.22)}.chat-area{flex:1 1;padding:40px 24px;display:flex;flex-direction:column;overflow-y:auto}.chat-greeting{font-size:22px;margin-bottom:12px}.chat-desc{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.quick-actions{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.quick-btn{padding:6px 14px;border:1px solid #ddd;background:#f5f5f5;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.quick-btn:hover{background:#e8e8e8;border-color:#4a90d9}.input-area{display:flex;border-top:1px solid #eee;padding:16px 0 0;margin-top:auto}.input-area input{flex:1 1;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none}.input-area input:focus{border-color:#4a90d9}.input-area .send-btn{background:#2a52be;color:#fff;border:none;padding:0 18px;margin-left:8px;border-radius:6px;cursor:pointer;font-size:14px}.input-area .send-btn:hover{background:#1e40af}.input-tip{font-size:12px;color:#999;margin-top:8px;text-align:center}.sidebar-right{width:220px;min-width:220px;border-left:1px solid #eee;padding:24px 16px;font-size:14px;color:#333;overflow-y:auto}.sidebar-right .step{margin-bottom:20px}.sidebar-right .step-title{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sidebar-right .step-desc{font-size:13px;color:#666;line-height:1.5}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}