:root { --bg:#f6f7fb; --panel:#fff; --sidebar:#fbfbff; --ink:#26334a; --muted:#7d879a; --line:#e7eaf2; --accent:#7da9ec; --accent-strong:#527fc9; --lilac:#eeeafd; --mint:#e8f6f0; --peach:#fff1e8; --yellow:#fff8dc; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--ink); font-family:"Microsoft YaHei", "Segoe UI", sans-serif; }
button,input,select,textarea { font:inherit; }
button { border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:12px; cursor:pointer; padding:9px 13px; transition:.2s ease; }
button:hover { border-color:var(--accent); color:var(--accent-strong); transform:translateY(-1px); }
.shell { display:grid; grid-template-columns:238px 1fr; min-height:100vh; }
.sidebar { background:var(--sidebar); border-right:1px solid var(--line); padding:28px 18px; display:flex; flex-direction:column; }
.brand { display:flex; align-items:center; gap:11px; padding:0 8px 28px; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:14px; color:#fff; background:#9fc3f5; box-shadow:0 7px 18px #9fc3f54d; }
.brand strong { display:block; font-size:17px; letter-spacing:1px; }
.brand small,.assistant-head small { display:block; color:#a5adbd; margin-top:4px; font-size:12px; }
nav { display:grid; gap:7px; padding-top:16px; border-top:1px dashed #dbe1ee; }
.nav-item { width:100%; display:flex; align-items:center; gap:12px; text-align:left; background:transparent; color:#77839a; border-color:transparent; padding:12px 13px; }
.nav-item span { width:22px; text-align:center; color:#93a7c8; font-size:19px; }
.nav-item.active,.nav-item:hover { background:#a9ccf7; color:#fff; border-color:#a9ccf7; box-shadow:0 8px 18px #a9ccf744; }
.nav-item.active span,.nav-item:hover span { color:#fff; }
.sidebar-tip { margin-top:auto; border-top:1px dashed #dbe1ee; padding:22px 9px 4px; display:flex; gap:10px; color:#aec0dc; }
.sidebar-tip span { font-size:23px; }.sidebar-tip p { margin:0; line-height:1.7; font-size:12px; }
.content { padding:34px 42px; overflow:auto; max-width:1500px; width:100%; margin:auto; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }.topbar h1 { margin:5px 0 0; font-size:30px; letter-spacing:1px; }.eyebrow { margin:0; color:#a0a9bb; font-size:13px; }
.assistant-button,.toolbar button,.composer button,.inline-form button,.assistant-form button { background:#84afea; border-color:#84afea; color:#fff; box-shadow:0 8px 18px #84afea33; }
.view { display:none; }.view.active { display:block; }
.welcome,.news-intro { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:26px 30px; margin-bottom:18px; border:1px solid #e6ebf5; border-radius:24px; background:linear-gradient(120deg,#eef6ff 0%,#f8f3ff 58%,#fff7ee 100%); }
.welcome h2,.news-intro h2 { margin:8px 0 7px; font-size:25px; }.welcome p,.news-intro p { margin:0; color:var(--muted); }.kicker { color:#89a9d4; font-size:11px; font-weight:700; letter-spacing:1.8px; }.welcome-symbol,.news-mark { color:#abc6ed; font-size:60px; padding-right:16px; }
.metric-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }.metric,.panel,.news-item,.list-item,.tool-card { background:var(--panel); border:1px solid var(--line); border-radius:18px; box-shadow:0 8px 24px #7f8ca70b; }.metric { padding:18px 20px; }.metric span { color:var(--muted); font-size:13px; }.metric strong { display:block; margin-top:8px; font-size:28px; color:#557db6; }.metric small { color:#b1b9c7; font-size:12px; }
.grid { display:grid; gap:16px; }.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }.panel { padding:20px; }.panel h2,.panel-head h2 { margin:0 0 15px; font-size:18px; }.panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.toolbar,.composer,.inline-form { display:grid; gap:12px; margin-bottom:16px; background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:15px; }.toolbar { grid-template-columns:190px 250px auto; align-items:end; }.composer.horizontal { grid-template-columns:1fr 1.4fr 1fr 1.2fr auto; }.inline-form { grid-template-columns:1fr auto; background:transparent; border:0; padding:0; } label { display:grid; gap:6px; color:var(--muted); font-size:13px; }
input,select,textarea { width:100%; border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:#fcfdff; color:var(--ink); outline:none; } input:focus,select:focus,textarea:focus { border-color:#9fc2f0; box-shadow:0 0 0 3px #9fc2f022; } textarea { min-height:84px; resize:vertical; }
.list { display:grid; gap:13px; }.list.compact { gap:8px; }.news-item,.list-item,.tool-card { padding:17px; }.news-item h3,.tool-card h3 { margin:10px 0 7px; font-size:17px; line-height:1.5; }.news-item h3 a { color:var(--ink); text-decoration:none; }.news-item h3 a:hover { color:var(--accent-strong); }.news-item p,.list-item p,.tool-card p,.knowledge-card p { color:var(--muted); line-height:1.65; margin:7px 0; }.meta,.tag { color:var(--muted); font-size:12px; }.tag,.news-tag { display:inline-flex; border:1px solid var(--line); border-radius:999px; padding:4px 9px; margin-right:6px; }
.news-topline,.news-footer,.news-submeta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }.news-topline { font-size:12px; }.news-meta,.news-submeta { color:#a0a9b9; font-size:12px; }.news-type { color:#6f86ab; background:#eef5ff; padding:5px 9px; border-radius:999px; }.importance { color:#a68542; background:var(--yellow); padding:5px 9px; border-radius:999px; }.importance.high { color:#b7665a; background:var(--peach); }.news-summary { font-size:14px; }.news-analysis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }.news-analysis > div { padding:12px; border-radius:13px; background:#f8faff; }.news-analysis > div:nth-child(2) { background:var(--mint); }.news-analysis > div:nth-child(3) { background:var(--lilac); }.news-analysis strong { font-size:12px; color:#617da9; }.news-analysis p { margin-bottom:0; font-size:12px; }.news-footer { justify-content:space-between; margin-top:14px; }.news-tag { color:#7994ba; background:#f4f7fc; font-size:12px; }.source-link { color:#6e93ca; font-size:12px; text-decoration:none; }.empty-state { color:var(--muted); text-align:center; }
.tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.tool-icon { width:28px; height:28px; border-radius:8px; vertical-align:middle; margin-right:8px; }.chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }.chip.active { background:#edf5ff; border-color:#9ebfed; color:#527fc9; }.row-actions { display:flex; gap:8px; margin-top:11px; }.done { text-decoration:line-through; color:var(--muted); }.knowledge-card { border-left:4px solid #98bced; padding:14px 16px; background:#f4f8ff; border-radius:12px; }.knowledge-card.muted { border-color:#e6c986; background:#fffaf0; }
.assistant-panel { position:fixed; right:20px; top:20px; bottom:20px; display:none; width:min(420px,calc(100vw - 40px)); background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 18px 50px #35415a2e; overflow:hidden; z-index:10; }.assistant-panel.open { display:grid; grid-template-rows:auto 1fr auto; }.assistant-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid var(--line); }.assistant-messages { padding:16px; overflow:auto; }.assistant-messages p { background:#f7f9fd; border:1px solid var(--line); border-radius:13px; padding:11px; line-height:1.6; white-space:pre-wrap; }.assistant-form { display:grid; gap:10px; padding:16px; border-top:1px solid var(--line); }
.intelligence-hero { min-height:170px; display:flex; align-items:center; justify-content:space-between; padding:30px 36px; border-radius:24px; color:#fff; background:linear-gradient(120deg,#10182c,#15284c 58%,#244b83); box-shadow:0 16px 34px #263d6426; }.intelligence-hero > div { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:13px; }.intelligence-hero h2 { margin:0; font-size:30px; letter-spacing:2px; }.intelligence-hero p { grid-column:2; margin:10px 0 0; color:#bfcce1; }.hero-icon { grid-row:1 / span 2; font-size:34px; color:#8ebcf2; }.hero-count { padding:10px 18px; border-radius:999px; background:#c83848; font-size:13px; }
.news-controls { display:flex; align-items:end; gap:14px; padding:18px 0 12px; }.news-controls label { margin-left:auto; min-width:180px; }.scope-tabs,.category-tabs { display:flex; gap:8px; flex-wrap:wrap; }.scope-tab,.category-tab { border-radius:999px; }.scope-tab.active { background:#173967; color:#fff; border-color:#173967; }.category-tabs { padding:0 0 20px; border-bottom:1px solid var(--line); }.category-tab.active { color:#b43342; background:#fff2f3; border-color:#e6a4aa; }.hidden { display:none !important; }
.analyze-button { background:#7b61c8; border-color:#7b61c8; color:#fff; }
.archive-hint { display:flex; align-items:center; gap:10px; margin-bottom:16px; padding:10px 14px; border:1px solid #dbe7f7; border-radius:12px; background:#f5f9ff; color:#70809a; font-size:12px; }.archive-hint span { flex:0 0 auto; padding:4px 8px; border-radius:999px; color:#fff; background:#6d96cf; }.archive-hint p { margin:0; }
.intelligence-content { margin-top:24px; }.event-section > header,.domain-panel > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; padding-bottom:12px; border-bottom:2px solid #b83a46; }.event-section > header h2,.domain-panel > header h2 { margin:0; font-size:21px; }.event-section > header span,.domain-panel > header span { min-width:28px; height:28px; display:grid; place-items:center; border-radius:999px; color:#fff; background:#c23d49; font-size:12px; }.event-list,.domain-list { display:grid; gap:16px; }
.event-list .news-item { border-left:4px solid #c74b55; border-radius:14px; padding:22px 28px; }.news-item h3 { display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:18px; }.importance-dot { width:12px; height:12px; flex:0 0 12px; border-radius:50%; background:#d6b443; box-shadow:0 0 0 4px #d6b44318; }.importance-dot.high { background:#d7444e; box-shadow:0 0 0 4px #d7444e18; }.news-date { color:#8e98aa; margin-right:5px; }.news-region { color:#a57743; background:#fff4e8; border-radius:6px; padding:4px 8px; font-size:12px; }.event-copy { margin-top:16px; }.event-copy p { margin:7px 0; color:#596579; line-height:1.75; }.event-copy strong { color:#202d43; }.news-source a { color:#4f82bd; text-decoration:none; }
.verification { flex:0 0 auto; padding:4px 8px; border-radius:999px; font-size:11px; font-style:normal; font-weight:500; }.verification.verified { color:#15735e; background:#e7f7f1; border:1px solid #b7e3d5; }.verification.pending { color:#9a6d22; background:#fff8df; border:1px solid #eddda8; }.verification-note { margin-top:15px; padding:14px 16px; border-radius:12px; background:#fffaf0; border:1px solid #efe1bc; color:#7c6b48; }.verification-note p { margin:6px 0; color:#8b7a57; line-height:1.6; }.verification-note a { color:#6c8fbd; text-decoration:none; font-size:12px; }
.domain-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }.domain-panel { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; }.domain-panel > header { margin:0; padding:18px 22px; color:#fff; border:0; background:linear-gradient(100deg,#075da8,#103c75); }.automotive-domain > header { background:linear-gradient(100deg,#08a797,#0b675f); }.domain-panel > header span { background:#ffffff2e; }.domain-list { padding:8px 20px 20px; }.compact-event { border:0; border-bottom:1px solid #edf0f5; border-radius:0; box-shadow:none; padding:20px 4px; }.compact-event:last-child { border-bottom:0; }.compact-event h3 { font-size:16px; }.compact-event .event-copy p { font-size:13px; }.dashboard-news { display:grid; gap:6px; padding:12px 2px; border-bottom:1px solid var(--line); }.dashboard-news:last-child { border:0; }.dashboard-news span { width:max-content; color:#6389bb; background:#edf5ff; border-radius:999px; padding:4px 8px; font-size:11px; }.dashboard-news a { color:var(--ink); text-decoration:none; font-weight:700; line-height:1.5; }.dashboard-news small { color:var(--muted); }
.settings-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:18px; }.settings-card { padding:26px; border:1px solid var(--line); border-radius:20px; background:#fff; }.settings-card h2 { margin:8px 0; }.settings-card > p { color:var(--muted); line-height:1.7; }.settings-card form { display:grid; gap:15px; margin-top:24px; }.settings-card form > button { width:max-content; background:#173967; border-color:#173967; color:#fff; }.check-row { display:flex; grid-template-columns:none; align-items:center; gap:10px; }.check-row input { width:18px; height:18px; }.settings-status { margin-top:18px; padding:12px 14px; border-radius:12px; color:#58749c; background:#f2f7ff; }.note-card { background:#f8f5ff; }
.english-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px; border-radius:24px; background:linear-gradient(120deg,#f0f6ff,#f7f4ff 56%,#fff8ed); border:1px solid #dfe8f7; box-shadow:0 14px 30px #283a5b12; }.english-hero h2 { margin:7px 0; color:#172a48; font-size:30px; }.english-hero p { margin:0; color:#71809a; }.english-total { flex:0 0 auto; padding:10px 17px; border-radius:999px; color:#fff; background:#376da8; font-weight:700; }.english-controls { display:flex; justify-content:flex-end; align-items:end; gap:12px; margin:18px 0 12px; }.english-controls label { min-width:170px; }.english-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }.english-track { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; }.english-track > header { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; color:#fff; background:linear-gradient(110deg,#244d85,#17345f); }.business-track > header { background:linear-gradient(110deg,#138d83,#17645f); }.english-track > header > div { display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; }.english-track > header span { grid-row:1 / span 2; font-size:24px; }.english-track > header h2 { margin:0; font-size:20px; }.english-track > header p { margin:4px 0 0; color:#d9e5f6; font-size:12px; }.english-track > header strong { display:grid; place-items:center; min-width:42px; height:30px; border-radius:999px; background:#ffffff2b; font-size:12px; }.english-card-list { display:grid; gap:14px; padding:16px; }.english-card { padding:18px; border:1px solid #e7ebf2; border-radius:16px; background:#fff; box-shadow:0 8px 20px #1e31570a; }.english-card-top,.english-term,.english-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; }.english-scene { padding:4px 8px; border-radius:999px; color:#466b9a; background:#edf5ff; font-size:11px; }.business-track .english-scene { color:#19756e; background:#eaf8f5; }.part-of-speech { color:#98a3b4; font-size:11px; }.english-term { margin-top:13px; }.english-term h3 { display:inline; margin:0 8px 0 0; color:#17253d; font-size:25px; }.english-term > div > span { color:#8591a4; font-family:Georgia,serif; }.speak-button { padding:7px 10px; color:#376da8; background:#f2f7ff; border-color:#d8e5f7; font-size:12px; }.english-meaning { margin:9px 0 14px; color:#394960; font-weight:600; }.example-box { position:relative; padding:14px 44px 14px 15px; border-radius:12px; background:#f7f9fc; }.example-box p { margin:0 0 7px; color:#253650; line-height:1.6; }.example-box > span { color:#78869a; font-size:13px; line-height:1.5; }.sentence-speak { position:absolute; top:10px; right:8px; width:34px; overflow:hidden; white-space:nowrap; color:transparent; }.sentence-speak::first-letter { color:#376da8; }.usage-note { margin:13px 0; color:#657287; font-size:13px; line-height:1.7; }.usage-note strong { color:#34445e; }.collocations { display:flex; flex-wrap:wrap; gap:6px; }.collocations span { padding:5px 8px; border-radius:7px; color:#6b7890; background:#f3f5f8; font-size:11px; }.english-actions { justify-content:flex-start; margin-top:14px; }.english-actions button { font-size:12px; }.english-actions button:disabled { cursor:default; color:#43816e; background:#edf8f4; border-color:#cfe8df; }.english-empty { padding:30px 16px; color:#8b97a9; text-align:center; }.personal-english { margin-top:22px; border:1px solid var(--line); border-radius:18px; background:#fff; }.personal-english summary { cursor:pointer; padding:18px 22px; color:#34445d; font-weight:700; }.personal-english .composer,.personal-english .list { margin:0 18px 18px; }
@media (max-width:920px) { .shell,.grid.two,.metric-row,.tool-grid,.toolbar,.composer.horizontal,.domain-columns,.settings-layout { grid-template-columns:1fr; }.sidebar { position:sticky; top:0; z-index:3; padding:15px; }.shell { display:block; } nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.sidebar-tip { display:none; }.content { padding:24px 18px; }.news-analysis { grid-template-columns:1fr; }.news-controls { align-items:stretch; flex-direction:column; }.news-controls label { margin-left:0; width:100%; }.intelligence-hero { min-height:150px; padding:24px; }.intelligence-hero h2 { font-size:24px; }.hero-count { display:none; } }
@media (max-width:920px) { .english-columns { grid-template-columns:1fr; }.english-controls { align-items:stretch; flex-direction:column; }.english-controls label { width:100%; }.english-hero { align-items:flex-start; padding:24px; }.english-hero h2 { font-size:25px; }.english-total { display:none; } }
.example-box { padding-right:92px; }
.sentence-speak { width:auto; overflow:visible; white-space:normal; color:#376da8; }