:root{--codex-side:#eef7fa;--codex-side-hover:#e2eef2;--codex-border:#e5e8e9;--codex-text:#292d2f}
body{background:#fff;color:var(--codex-text)}
.main{background:#fff}
.sidebar{background:var(--codex-side);color:#313638;border-right:1px solid var(--codex-border)}
.side-head{height:52px;padding:0 12px}
.side-head .logo{background:transparent;color:#303638;width:auto;height:auto;font-size:0}
.side-head .logo:before{content:"惠利得";font-size:17px;font-weight:750}
.side-head strong{display:none}
.side-head:after{content:"⌄";font-size:15px;color:#71787b}
.new-chat{order:1;margin:8px 7px 14px;padding:10px 11px;border:0;background:transparent;color:#333;border-radius:8px;font-weight:600}
.new-chat:hover{background:var(--codex-side-hover)}
.project-nav{order:2;margin:2px 6px 10px;display:flex;flex-direction:column;gap:1px}
.project-title{font-size:12px;color:#8a9295;padding:7px 9px 5px}
.project-nav button{border:0;background:transparent;text-align:left;color:#3e4548;border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer}
.project-nav button:hover,.project-nav button.active{background:var(--codex-side-hover)}
.history-search{order:3;margin:0 7px 10px;border:0;background:transparent;color:#70787b;padding:9px 11px}
.history-search:focus-within{background:#fff;box-shadow:0 0 0 1px #d5dfe2}
.history-search input{color:#313638}
.history-search input::placeholder{color:#7b8487}
.history-label{order:4;color:#8a9295;padding:2px 14px 6px;font-size:12px}
.history{order:5}
.history-item{padding:9px 12px;margin:1px 6px;color:#34393b}
.history-item:hover,.history-item.active{background:#dfecef}
.history-item strong{font-size:13px;font-weight:550}
.history-item small{display:none}
.profile{order:6;border-color:#dce5e7;color:#303638;margin-top:4px}
.profile small{color:#7d8588}
.profile .icon{color:#4f575a}
.avatar{background:#e7d9cc;color:#5d4237}
.topbar{background:#fff;border-bottom:1px solid var(--codex-border);height:58px;padding:0 22px}
.topbar>div:first-of-type{display:flex;align-items:center;gap:9px}
.topbar>div:first-of-type:before{content:"▱";font-size:20px;color:#555}
.topbar strong{font-size:14px;font-weight:650}
.topbar small{display:none}
.top-actions select,.model-select{background:#fff;border:1px solid #e1e4e5;color:#5e6467;padding:6px 9px;border-radius:8px}.attach.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}
.chat-scroll{background:#fff}
.welcome{margin-top:15vh;max-width:620px}
.welcome-mark{display:none}
.welcome h1{font-size:23px;font-weight:650;margin-bottom:8px}
.welcome p{font-size:13px;color:#878d90}
.suggestions{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:28px auto 0;max-width:520px;text-align:left}
.suggestions button{border:0;border-radius:8px;background:transparent;padding:10px 12px;font-size:13px;color:#4c5356}
.suggestions button:before{content:"↗";margin-right:10px;color:#92999b}
.suggestions button:hover{background:#f3f5f5}
.messages{position:relative;padding-left:38px}
.messages:before{content:"";position:absolute;left:10px;top:0;bottom:0;border-left:2px dotted #d9ddde}
.message{position:relative;grid-template-columns:28px minmax(0,1fr);gap:12px}
.message .badge{width:28px;height:28px;background:#eff1f1;color:#3c4244;border-radius:8px}
.message.assistant .badge{background:#edf4f5;color:#30383a}
.message.user .bubble{background:#f4f4f3;border-radius:15px}
.bubble{font-size:14px;color:#303638}
.thinking-message .bubble{color:#747c7f;font-size:13px;display:flex;align-items:center;gap:9px}
.thinking-message .bubble:before{content:"";width:13px;height:13px;border:2px solid #c8d0d2;border-top-color:#596366;border-radius:50%;animation:hld-spin .8s linear infinite;flex:none}
@keyframes hld-spin{to{transform:rotate(360deg)}}
.source{background:#f7f8f8;border-color:#e5e7e8}
.composer-wrap{background:linear-gradient(transparent,#fff 28%)}
.composer{background:#fff;border-color:#d9ddde;border-radius:14px;box-shadow:0 8px 28px #25323713}
.composer-tools{display:flex;align-items:center;gap:9px}.attach{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-size:20px;color:#5f686b;cursor:pointer}.attach:hover{background:#eef2f3}.attach input{display:none}.image-previews{display:flex;gap:8px;flex-wrap:wrap}.image-chip{width:56px;height:56px;border-radius:9px;overflow:hidden;position:relative;border:1px solid #dbe0e1}.image-chip img{width:100%;height:100%;object-fit:cover}.image-chip button{position:absolute;right:2px;top:2px;width:18px;height:18px;border:0;border-radius:50%;background:#202526cc;color:#fff;line-height:16px;cursor:pointer}
.send{background:#343a3c;border-radius:8px}
.composer-wrap>p{color:#9aa0a2}
.reasoning-select:disabled{opacity:.42;background:#f4f5f5}.reasoning-panel{margin:0 0 10px;border:1px solid #e2e6e7;border-radius:9px;background:#fafbfb;color:#687174;font-size:13px}.reasoning-panel summary{cursor:pointer;padding:9px 11px;font-weight:600;list-style:none}.reasoning-panel summary:before{content:"◇";margin-right:8px}.reasoning-panel[open] summary{border-bottom:1px solid #e8ebec}.reasoning-panel div{padding:11px;white-space:pre-wrap;line-height:1.65}.message-actions{height:25px;margin-top:5px;opacity:0;transition:opacity .15s}.message:hover .message-actions{opacity:1}.message-actions button{border:0;background:transparent;color:#7d8588;padding:4px 7px;border-radius:6px;cursor:pointer;font-size:12px}.message-actions button:hover{background:#f0f2f2;color:#333}.meta{margin-top:9px;color:#92999b;font-size:12px}
@media(min-width:761px){.sidebar{width:330px;padding:10px 9px}.composer-wrap{left:330px;padding-bottom:12px}.messages,.composer{max-width:760px}.chat-scroll{padding-top:36px}.topbar{padding-left:24px}}
@media(max-width:760px){.sidebar{color:#313638}.composer-wrap{left:0}}

/* Codex desktop layout */
:root{--codex-side:#edf8fb;--codex-hover:#e2eef1;--codex-selected:#dfe9ec;--codex-line:#e4e7e8;--codex-ink:#292d2f}
.app{background:#fff}.sidebar{width:412px;padding:12px 10px 8px;background:var(--codex-side);border-right:1px solid #dce6e9}.side-head{height:50px;padding:0 14px;gap:5px}.side-head strong{display:block;font-size:20px;font-weight:680}.brand-caret{border:0;background:transparent;color:#647074;font-size:17px}.side-tools{margin-left:auto;display:flex;gap:6px}.side-tools button{border:0;background:transparent;border-radius:8px;padding:6px 9px;color:#536064;font-size:18px}.side-tools button:hover{background:#dcebee}.new-chat{height:48px;margin:9px 4px 18px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#303638;font-size:16px;font-weight:650}.new-chat:before{content:"▱";margin-right:12px}.new-chat span{margin-right:auto}.new-chat b{font-weight:400;font-size:20px}.new-chat:hover{background:var(--codex-hover)}.project-nav{margin:0 4px 13px}.project-title{font-size:13px;padding:5px 12px 9px;color:#899397}.course-group{margin-bottom:5px}.course-group strong{display:block;padding:9px 11px;font-size:15px;font-weight:590}.course-group button{display:block;width:100%;padding:7px 11px 7px 38px;font-size:14px;color:#4e575a}.all-courses{font-weight:590}.history-search{margin:4px 5px 12px;padding:8px 12px;font-size:16px}.history-label{padding:3px 14px 8px;font-size:13px}.history-item{padding:10px 14px;margin:1px 4px;border-radius:9px}.history-item strong{font-size:14px;font-weight:560}.history-item.active{background:var(--codex-selected)}.profile{padding:13px 12px 5px}.main{position:relative}.topbar{height:70px;padding:0 22px;border-bottom:1px solid var(--codex-line)}.task-heading{display:flex!important;align-items:center!important;gap:11px!important;min-width:0;flex:1}.task-heading:before{display:none!important}.folder-mark{font-size:20px}.task-heading strong{font-size:16px}.title-menu{border:0;background:transparent;color:#8b9294;letter-spacing:2px}.topbar small{display:none}.top-actions{gap:9px}.top-actions button{border:0;background:transparent;border-radius:10px;color:#444;padding:8px 11px;font-size:14px}.top-actions button:hover{background:#f0f2f2}.share-button:before{content:"↥";margin-right:7px}.layout-button{font-size:19px!important}.chat-scroll{padding:60px 32px 205px;background:#fff}.welcome{margin-top:11vh;max-width:720px}.welcome h1{font-size:28px}.welcome p{font-size:14px}.suggestions{max-width:600px;margin-top:36px}.messages{max-width:980px;padding-left:56px}.messages:before{left:17px;border-left:2px dotted #dce1e2}.message{grid-template-columns:34px minmax(0,1fr);gap:16px;margin-bottom:34px}.message .badge{width:34px;height:34px}.bubble{font-size:15px;line-height:1.8}.message.user .bubble{padding:12px 16px;background:#f1f1f0}.sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}.source{max-width:none}.reasoning-panel{max-width:700px;background:#fff}.composer-wrap{left:412px;padding:42px 28px 13px;background:linear-gradient(transparent,#fff 35%)}.composer{max-width:1100px;min-height:112px;border:1px solid #d9ddde;border-radius:18px;padding:14px 16px 10px;box-shadow:0 12px 38px #2b383c16}.composer textarea{font-size:16px;min-height:42px;padding:3px 2px}.composer-bottom{font-size:12px}.composer-tools,.composer-models{display:flex;align-items:center;gap:8px}.composer select{border:0;background:transparent;color:#646c6f;padding:6px;border-radius:7px;outline:0}.composer select:hover{background:#f1f3f3}.access-state{color:#d75c33}.access-state:before{content:"◇";margin-right:5px}.scope-hidden{display:none}.send{width:38px;height:38px;border-radius:50%;background:#252a2c}.composer-wrap>p{font-size:11px}.inspector{position:absolute;right:16px;top:84px;width:330px;max-height:calc(100% - 180px);overflow:auto;background:#fff;border:1px solid #e1e4e5;border-radius:22px;box-shadow:0 16px 42px #18232618;padding:18px;transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:.2s;z-index:5}.inspector.open{transform:none;opacity:1;pointer-events:auto}.inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.inspector-head strong{font-size:15px;color:#7c8487}.inspector-head button{border:0;background:transparent;font-size:20px}.inspector-section{padding:15px 0;border-top:1px solid #eceeef}.inspector-section small{color:#969da0}.inspector-section p{margin:8px 0 0;font-size:13px}.message-actions{display:flex;gap:3px}.message-actions:after{content:"　👍　👎";color:#8b9396;font-size:12px;padding-top:4px}
@media(max-width:1100px){.sidebar{width:330px}.composer-wrap{left:330px}.inspector{display:none}}
@media(max-width:760px){.sidebar{width:310px}.composer-wrap{left:0}.top-actions .share-button,.top-actions .layout-button{display:none}.messages{padding-left:34px}.sources{grid-template-columns:1fr}.composer-models select{max-width:120px}}
.message{grid-template-columns:1fr;gap:0}.message .badge{display:none}.message.user{padding-left:100px;justify-items:end}.message.assistant{padding-right:40px}.inspector.open{display:block!important}
.message-images{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:9px}.message-images img{width:180px;max-height:180px;object-fit:cover;border-radius:12px;border:1px solid #e1e5e6;cursor:zoom-in}.thinking-progress{width:min(700px,100%);border:1px solid #e1e5e6;border-radius:10px;background:#fafbfb;margin-bottom:10px;color:#687174}.thinking-progress summary{cursor:pointer;padding:9px 11px;font-size:13px;font-weight:600}.thinking-steps{border-top:1px solid #e6e9ea;padding:7px 12px}.thinking-steps p{margin:5px 0;font-size:12px}.thinking-steps p:before{content:"✓";margin-right:8px;color:#899497}.history-item{position:relative;padding-right:42px}.history-more{display:none;position:absolute;right:8px;top:5px;border:0;background:transparent;border-radius:6px;padding:4px 7px;color:#6f797c;cursor:pointer}.history-item:hover .history-more,.history-item.menu-open .history-more{display:block}.history-menu{display:none;position:absolute;right:7px;top:34px;width:96px;padding:5px;background:#fff;border:1px solid #dde2e3;border-radius:9px;box-shadow:0 10px 28px #26333720;z-index:20}.history-item.menu-open .history-menu{display:block}.history-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:7px 9px;border-radius:6px;cursor:pointer;color:#41484a}.history-menu button:hover{background:#f0f3f3}.history-menu button.delete{color:#b33a32}

/* compact polished pass */
.sidebar{width:320px;padding:8px 8px 6px}.side-head{height:44px;padding:0 10px}.side-head strong{font-size:17px}.new-chat{height:40px;margin:6px 2px 12px;padding:0 11px;font-size:14px}.project-title,.history-label{font-size:11px}.course-group strong{padding:7px 9px;font-size:13px}.course-group button{padding:6px 9px 6px 31px;font-size:12px}.history-search{margin:2px 3px 8px;padding:7px 9px;font-size:13px}.history-item{padding:8px 35px 8px 10px;margin:1px 2px}.history-item strong{font-size:12px}.profile{padding:9px 9px 3px}.main{background:#fff}.topbar{height:56px;padding:0 18px}.task-heading strong{font-size:14px}.top-actions button{padding:6px 8px;font-size:12px}.chat-scroll{padding:38px 28px 170px}.messages{max-width:880px;padding-left:40px}.messages:before{left:8px}.message{margin-bottom:24px}.message.user{padding-left:180px}.message.assistant{padding-right:20px}.bubble{font-size:14px;line-height:1.7}.message.user .bubble{padding:10px 14px;border-radius:14px;max-width:680px}.reasoning-panel,.thinking-progress{max-width:680px;border-color:#e7e9ea;background:#fbfcfc}.sources{max-width:680px;gap:6px}.source{padding:6px 8px;font-size:11px}.composer-wrap{left:320px;padding:32px 24px 10px}.composer{max-width:900px;min-height:94px;border-radius:16px;padding:11px 13px 8px;box-shadow:0 8px 26px #26333712}.composer textarea{min-height:34px;font-size:14px}.composer select{font-size:11px}.send{width:34px;height:34px}.composer-wrap>p{margin-top:5px}.inspector{width:286px;right:14px;top:70px;border-radius:16px;padding:15px}.inspector-head{margin-bottom:12px}.inspector-section{padding:11px 0}.message-images img{width:148px;max-height:148px}.welcome{margin-top:13vh}.welcome h1{font-size:24px}.welcome p{font-size:12px}.suggestions{max-width:520px;margin-top:25px}
@media(max-width:1100px){.sidebar{width:280px}.composer-wrap{left:280px}}