feat: 发布三笙AI情报局独立版公司研发基线
同步家纺情报 v2 数据、59 个严格权威源、趋势图库、移动端交互、Google/Yandex 翻译门控及静态 SEO/GEO 构建。 补充面向 C# 研发的 README，明确当前无 LLM、多模态与生图模型，记录翻译请求参数、缓存与失败策略、数据处理边界、前端职责和无 GitHub Pages 部署流程。 新增按日期倒序维护的 CHANGELOG，记录影响、验证与代码/数据/dist 回滚方法。 验证：11 个 Python 契约测试、13 个 Node 前端测试通过；静态构建生成 1096 个 Sitemap URL。
This commit is contained in:
Jack
@@ -0,0 +1,106 @@
|
||||
:root {
|
||||
color-scheme: light;
|
||||
--bg: #f5f8fb;
|
||||
--bg-secondary: #edf4f7;
|
||||
--panel: rgba(255, 255, 255, 0.9);
|
||||
--panel-solid: #fff;
|
||||
--card-bg: #fff;
|
||||
--ink: #10233c;
|
||||
--ink-secondary: #334b63;
|
||||
--muted: #64778b;
|
||||
--subtle: #91a1b1;
|
||||
--line: #dbe6ec;
|
||||
--line-strong: #bdd0db;
|
||||
--trans-bg: rgba(15, 69, 91, 0.055);
|
||||
--trans-border: rgba(15, 69, 91, 0.12);
|
||||
--accent: #0051d6;
|
||||
--accent-blue: #0051d6;
|
||||
--accent-orange: #007f73;
|
||||
--accent-orange-bg: rgba(0, 127, 115, 0.08);
|
||||
--accent-orange-border: rgba(0, 127, 115, 0.28);
|
||||
--radius: 8px;
|
||||
--radius-sm: 6px;
|
||||
--radius-lg: 8px;
|
||||
--shadow-sm: 0 1px 3px rgba(16, 35, 60, 0.06);
|
||||
--shadow-md: 0 8px 24px rgba(16, 35, 60, 0.08);
|
||||
--font-dongguan-light: "STDongGuanTi Light", "Noto Serif SC", "Songti SC", "SimSun", serif;
|
||||
--font-dongguan-regular: "STDongGuanTi", "Noto Serif SC", "Songti SC", "SimSun", serif;
|
||||
--font-dongguan-bold: "STDongGuanTi Bld", "STDongGuanTi", "Noto Serif SC", "Songti SC", "SimSun", serif;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bg: #091119;
|
||||
--bg-secondary: #0d1822;
|
||||
--panel: rgba(15, 27, 38, 0.94);
|
||||
--panel-solid: #101d28;
|
||||
--card-bg: #12212d;
|
||||
--ink: #f3f8fb;
|
||||
--ink-secondary: #cad7df;
|
||||
--muted: #98a9b7;
|
||||
--subtle: #6f8393;
|
||||
--line: rgba(220, 237, 245, 0.12);
|
||||
--line-strong: rgba(220, 237, 245, 0.2);
|
||||
--trans-bg: rgba(255, 255, 255, 0.05);
|
||||
--trans-border: rgba(255, 255, 255, 0.1);
|
||||
--accent-blue: #75a7ff;
|
||||
--accent-orange: #45d1b5;
|
||||
--accent-orange-bg: rgba(69, 209, 181, 0.12);
|
||||
--accent-orange-border: rgba(69, 209, 181, 0.32);
|
||||
}
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
html { min-width: 320px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
|
||||
body { margin: 0; min-height: 100vh; background: linear-gradient(135deg, color-mix(in srgb, var(--accent-blue) 6%, var(--bg)), color-mix(in srgb, #12a889 7%, var(--bg))); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif; font-size: 16px; line-height: 1.6; }
|
||||
button, input, select { font: inherit; }
|
||||
button, a { -webkit-tap-highlight-color: transparent; }
|
||||
a { color: inherit; }
|
||||
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 10px 14px; background: var(--ink); color: var(--panel-solid); transform: translateY(-150%); }
|
||||
.skip-link:focus { transform: none; }
|
||||
.site-header { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 10px clamp(16px, 4vw, 48px); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(18px); }
|
||||
.brand { display: flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; }
|
||||
.brand img { width: 52px; height: 52px; object-fit: contain; }
|
||||
.brand span { display: grid; }
|
||||
.brand strong { font-family: inherit; font-size: 22px; font-weight: 700; line-height: 1.2; }
|
||||
.brand small { color: var(--muted); font-size: 13px; }
|
||||
.site-tools { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel-solid) 90%, transparent); box-shadow: var(--shadow-sm); }
|
||||
.icon-button { position: relative; display: grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 0; border-radius: 5px; background: transparent; color: var(--ink-secondary); cursor: pointer; transition: color 160ms ease, background 160ms ease, transform 160ms ease; }
|
||||
.icon-button:hover { background: var(--trans-bg); color: var(--accent-blue); }
|
||||
.icon-button:active { transform: scale(0.94); }
|
||||
.icon-button:focus-visible { outline: 2px solid var(--accent-blue); outline-offset: 2px; }
|
||||
.tool-icon { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
|
||||
.theme-icon-sun { display: none; }
|
||||
html[data-theme="dark"] .theme-icon-moon { display: none; }
|
||||
html[data-theme="dark"] .theme-icon-sun { display: block; }
|
||||
.site-shell { width: min(1760px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0 64px; }
|
||||
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; margin-bottom: 16px; padding: 12px 0 16px; border-bottom: 1px solid var(--line); }
|
||||
.page-heading h1 { margin: 0; font-family: inherit; font-size: clamp(30px, 3vw, 40px); font-weight: 700; line-height: 1.15; letter-spacing: 0; }
|
||||
.page-heading > p { max-width: 760px; margin: 0; color: var(--ink-secondary); font-size: 17px; }
|
||||
.toast { position: fixed; right: 18px; bottom: 18px; z-index: 80; max-width: min(360px, calc(100vw - 36px)); padding: 12px 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--ink); color: var(--panel-solid); opacity: 0; transform: translateY(12px); pointer-events: none; transition: 180ms ease; }
|
||||
.toast.visible { opacity: 1; transform: none; }
|
||||
.intelligence-list-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; width: 100%; }
|
||||
.intelligence-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
|
||||
.calendar-local-names { margin: 12px 0; padding: 10px 12px; border-left: 3px solid var(--accent-blue); background: var(--trans-bg); }
|
||||
.calendar-local-names p { margin: 3px 0; color: var(--ink-secondary); font-size: 15px; }
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.intelligence-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.page-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.site-header { min-height: 68px; padding: 8px 12px; }
|
||||
.brand img { width: 44px; height: 44px; }
|
||||
.brand strong { font-size: 19px; }
|
||||
.brand small { display: none; }
|
||||
.site-tools { flex: 0 0 auto; }
|
||||
.site-shell { width: calc(100% - 24px); padding-top: 12px; }
|
||||
.page-heading { margin-bottom: 10px; padding: 12px 0; }
|
||||
.page-heading h1 { font-size: 30px; }
|
||||
.page-heading > p { font-size: 16px; }
|
||||
.intelligence-list-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
|
||||
}
|
||||
@@ -0,0 +1,983 @@
|
||||
/* 家纺跨境情报：面向经营者的高可读决策工作台。 */
|
||||
|
||||
:root {
|
||||
--intel-brand-blue: #0051d6;
|
||||
--intel-brand-green: #12eea8;
|
||||
--intel-brand-yellow: #fcbb00;
|
||||
--intel-brand-orange: #f99c00;
|
||||
--intel-radius: 6px;
|
||||
--intel-brand-gradient: linear-gradient(120deg, var(--intel-brand-blue), #0879d9 48%, var(--intel-brand-green));
|
||||
--intel-dopamine-gradient: linear-gradient(112deg, #075ee8 0%, #6c4cff 33%, #e947a7 67%, #ff9d2e 100%);
|
||||
}
|
||||
|
||||
.shell.is-textile, .site-shell.textile-wrap { width: min(82vw, 1680px); max-width: none; }
|
||||
.textile-wrap { width: 100%; max-width: none; margin: 1.5rem auto 0; }
|
||||
.textile-wrap *, .textile-wrap *::before, .textile-wrap *::after { border-radius: var(--intel-radius); }
|
||||
.intelligence-panel { --intel-soft: color-mix(in srgb, var(--intel-brand-blue) 7%, var(--panel-solid)); }
|
||||
.intelligence-metrics { margin-bottom: 12px; border-bottom: 1px solid var(--line); }
|
||||
.intelligence-utility-row { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 42px; padding: 0 4px; color: var(--muted); cursor: pointer; list-style: none; user-select: none; }
|
||||
.intelligence-utility-row::-webkit-details-marker { display: none; }
|
||||
.intelligence-utility-row:hover { color: var(--ink); }
|
||||
.intelligence-utility-row:focus-visible { outline: 2px solid var(--intel-brand-blue); outline-offset: 2px; }
|
||||
.metrics-chevron { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 160ms ease; }
|
||||
.intelligence-metrics[open] .metrics-chevron { transform: rotate(180deg); }
|
||||
.intelligence-metrics[open] .intelligence-stats { margin-bottom: 12px; }
|
||||
|
||||
.textile-view-switch {
|
||||
display: inline-flex;
|
||||
gap: 3px;
|
||||
margin-bottom: 18px;
|
||||
padding: 3px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
background: var(--panel-solid);
|
||||
}
|
||||
|
||||
.textile-view-btn {
|
||||
min-height: 36px;
|
||||
padding: 0 14px;
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.textile-view-btn:hover { color: var(--ink); background: var(--trans-bg); }
|
||||
.textile-view-btn.active { color: #fff; background: var(--intel-brand-gradient); }
|
||||
|
||||
.intelligence-panel { animation: fadeInUp 0.32s ease; }
|
||||
|
||||
.intelligence-overview {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
margin-bottom: 18px;
|
||||
padding-bottom: 18px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.intelligence-overview-copy { max-width: 760px; }
|
||||
.intelligence-kicker { margin: 0 0 6px; color: var(--intel-brand-blue); font-size: 12px; font-weight: 800; }
|
||||
.intelligence-overview h3 { margin: 0; color: var(--ink); font-size: 26px; letter-spacing: 0; }
|
||||
.intelligence-overview p:last-child { margin: 8px 0 0; color: var(--muted); font-size: 14px; }
|
||||
.intelligence-overview-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
|
||||
#intelligenceUpdatedAt { color: var(--muted); font-size: 12px; }
|
||||
|
||||
.intelligence-share-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 38px;
|
||||
padding: 0 14px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
font-weight: 800;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.intelligence-share-btn:hover { border-color: var(--intel-brand-blue); color: var(--intel-brand-blue); }
|
||||
|
||||
.intelligence-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
border-top: 1px solid var(--line);
|
||||
border-left: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.intelligence-stat {
|
||||
min-width: 0;
|
||||
padding: 14px 16px;
|
||||
border-right: 1px solid var(--line);
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: var(--card-trans-bg);
|
||||
}
|
||||
.intelligence-stat strong { font-variant-numeric: tabular-nums; }
|
||||
|
||||
.intelligence-stat span { display: block; color: var(--muted); font-size: 11px; }
|
||||
.intelligence-stat strong { display: block; margin-top: 4px; color: var(--ink); font-size: 22px; line-height: 1.1; }
|
||||
|
||||
.intelligence-toolbar {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 210px;
|
||||
gap: 10px;
|
||||
margin: 16px 0 10px;
|
||||
}
|
||||
|
||||
.intelligence-toolbar input,
|
||||
.intelligence-toolbar select {
|
||||
min-width: 0;
|
||||
min-height: 40px;
|
||||
padding: 0 12px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--panel-solid);
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.intelligence-toolbar input:focus,
|
||||
.intelligence-toolbar select:focus { outline: 3px solid color-mix(in srgb, var(--intel-brand-green) 35%, transparent); border-color: var(--intel-brand-blue); }
|
||||
|
||||
.intelligence-tabs {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 12px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.intelligence-tabs::-webkit-scrollbar,
|
||||
.calendar-month-rail::-webkit-scrollbar,
|
||||
.policy-scope-switch::-webkit-scrollbar { display: none; }
|
||||
|
||||
.intelligence-tab {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
min-height: 36px;
|
||||
padding: 0 12px;
|
||||
justify-content: space-between;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: var(--card-trans-bg);
|
||||
color: var(--ink-secondary);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.intelligence-tab:hover { border-color: color-mix(in srgb, var(--intel-brand-blue) 42%, var(--line)); color: var(--ink); background: var(--intel-soft); }
|
||||
.intelligence-tab.active { color: #fff; border-color: var(--intel-brand-blue); background: var(--intel-brand-blue); box-shadow: 0 7px 18px rgba(0, 81, 214, .2); }
|
||||
.intelligence-tab-count { min-width: 26px; padding: 2px 7px; background: color-mix(in srgb, var(--intel-brand-blue) 9%, var(--panel-solid)); color: var(--intel-brand-blue); font-size: 11px; text-align: center; }
|
||||
.intelligence-tab.active .intelligence-tab-count { background: rgba(255, 255, 255, .18); color: #fff; }
|
||||
|
||||
.intelligence-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.intelligence-list.is-today { display: block; column-count: 3; column-gap: 16px; }
|
||||
.intelligence-list.is-today > * { display: inline-block; width: 100%; margin: 0 0 16px; break-inside: avoid; vertical-align: top; }
|
||||
.intelligence-list.is-today > .today-briefing { display: flex; column-span: all; }
|
||||
|
||||
.intelligence-card {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
background: var(--card-trans-bg);
|
||||
transition: border-color 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
|
||||
.intelligence-card:hover { border-color: color-mix(in srgb, var(--intel-brand-blue) 55%, var(--line)); transform: translateY(-2px); }
|
||||
|
||||
.intelligence-card-visual {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 9;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(140deg, color-mix(in srgb, var(--poster-accent) 22%, var(--poster-paper)), var(--poster-ink));
|
||||
}
|
||||
|
||||
.intelligence-card-image { display: block; width: 100%; height: 100%; object-fit: cover; }
|
||||
.intelligence-card-visual:not(.is-poster) .intelligence-poster-copy { background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, 0.86)); }
|
||||
|
||||
.intelligence-poster-copy {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
gap: 6px;
|
||||
padding: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.intelligence-card-visual.is-poster .intelligence-poster-copy { justify-content: space-between; color: var(--poster-paper); }
|
||||
.intelligence-poster-eyebrow, .intelligence-poster-region { font-size: 11px; font-weight: 800; }
|
||||
.intelligence-poster-title { display: -webkit-box; overflow: hidden; font-size: 19px; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
|
||||
|
||||
.intelligence-card-body { display: grid; align-content: start; padding: 15px; }
|
||||
.intelligence-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 22px; }
|
||||
.intelligence-badge { padding: 2px 7px; border-radius: 4px; background: var(--trans-bg); color: var(--muted); font-size: 10px; font-weight: 800; }
|
||||
.badge-calendar { color: #20b486; background: rgba(32, 180, 134, 0.13); }
|
||||
.badge-exhibitions { color: #5b8def; background: rgba(91, 141, 239, 0.13); }
|
||||
.badge-policies, .risk-高 { color: #ff6b6b; background: rgba(255, 107, 107, 0.13); }
|
||||
.badge-standards { color: #d46aa0; background: rgba(212, 106, 160, 0.13); }
|
||||
.impact-高 { color: #f0aa3c; background: rgba(240, 170, 60, 0.13); }
|
||||
.intelligence-card-date { margin-left: auto; color: var(--muted); font-size: 10px; }
|
||||
.intelligence-card-title { margin: 10px 0 7px; color: var(--ink); font-size: 17px; line-height: 1.4; letter-spacing: 0; }
|
||||
.intelligence-card-original { margin: -2px 0 8px; color: var(--muted); font-size: 11px; line-height: 1.45; }
|
||||
.intelligence-card-summary { display: -webkit-box; overflow: hidden; margin: 0; color: var(--ink-secondary); font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
|
||||
.intelligence-card-action { margin-top: 12px; padding: 10px 11px; border-left: 3px solid #147566; background: var(--trans-bg); }
|
||||
.intelligence-card-action-label { color: #147566; font-size: 10px; font-weight: 800; }
|
||||
.intelligence-card-action p { margin: 4px 0 0; color: var(--ink-secondary); font-size: 12px; line-height: 1.55; }
|
||||
.intelligence-card-relevance { display: grid; gap: 5px; margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--line); color: var(--ink-secondary); font-size: 11px; line-height: 1.5; }
|
||||
.today-briefing { position: relative; grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; overflow: hidden; padding: 18px 20px; border: 0; background: var(--intel-dopamine-gradient); box-shadow: 0 12px 32px rgba(50, 72, 180, .18); isolation: isolate; }
|
||||
.today-briefing::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4, 13, 31, .2), transparent 48%, rgba(255, 255, 255, .14)); content: ""; }
|
||||
.today-briefing strong { color: #fff; font-size: 18px; text-shadow: 0 1px 2px rgba(0, 0, 0, .24); }
|
||||
.today-briefing span { max-width: 58%; color: rgba(255, 255, 255, .92); font-size: 14px; line-height: 1.5; text-align: right; }
|
||||
.intelligence-card-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 14px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
|
||||
.intelligence-card-footer-actions, .calendar-event-actions, .policy-card-actions, .standard-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
|
||||
.intelligence-card-proof { min-width: 0; }
|
||||
.intelligence-card-proof strong, .intelligence-card-proof span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.intelligence-card-proof strong { color: var(--ink); font-size: 11px; }
|
||||
.intelligence-card-proof span { margin-top: 2px; color: var(--muted); font-size: 9px; }
|
||||
.intelligence-source-link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 40px; padding: 0 12px; border: 1px solid var(--line); background: var(--panel-solid); color: var(--intel-brand-blue); font-size: 11px; font-weight: 800; text-decoration: none; }
|
||||
.intelligence-source-link:hover, .intelligence-source-link:focus-visible { border-color: var(--intel-brand-blue); background: var(--intel-soft); text-decoration: none; }
|
||||
.intelligence-item-share { display: inline-grid; width: 44px; min-width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid var(--line); background: var(--panel-solid); color: var(--ink-secondary); cursor: pointer; }
|
||||
.intelligence-item-share svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
|
||||
.intelligence-item-share:hover, .intelligence-item-share:focus-visible { border-color: var(--intel-brand-blue); background: var(--intel-soft); color: var(--intel-brand-blue); }
|
||||
.intelligence-load-more { grid-column: 1 / -1; min-height: 44px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel-solid); color: var(--ink); cursor: pointer; }
|
||||
.intelligence-load-more:hover { border-color: var(--intel-brand-blue); color: var(--intel-brand-blue); }
|
||||
.intelligence-empty { grid-column: 1 / -1; padding: 48px 20px; border: 1px dashed var(--line); color: var(--muted); text-align: center; }
|
||||
|
||||
.intelligence-skeleton { display: grid; align-content: end; gap: 12px; min-height: 270px; padding: 22px; border: 1px solid var(--line); background: linear-gradient(145deg, color-mix(in srgb, var(--panel-solid) 93%, var(--intel-brand-blue)), var(--panel-solid)); }
|
||||
.intelligence-skeleton-line { display: block; width: 100%; height: 14px; overflow: hidden; background: color-mix(in srgb, var(--muted) 16%, transparent); }
|
||||
.intelligence-skeleton-line::after { display: block; width: 48%; height: 100%; background: linear-gradient(90deg, transparent, color-mix(in srgb, #fff 62%, transparent), transparent); animation: intelligence-shimmer 1.35s ease-in-out infinite; content: ""; transform: translateX(-120%); }
|
||||
.intelligence-skeleton-line.is-short { width: 34%; height: 12px; }
|
||||
.intelligence-skeleton-line.is-title { width: 76%; height: 28px; }
|
||||
.intelligence-list > :not(.today-briefing) { animation: intelligence-content-in .24s ease both; }
|
||||
|
||||
@keyframes intelligence-shimmer { to { transform: translateX(280%); } }
|
||||
@keyframes intelligence-content-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
|
||||
|
||||
/* 备货日历：按市场文化和备货阶段组织，不复用资讯海报卡。 */
|
||||
.intelligence-list.is-calendar,
|
||||
.intelligence-list.is-exhibitions,
|
||||
.intelligence-list.is-policies,
|
||||
.intelligence-list.is-standards { display: block; }
|
||||
|
||||
.calendar-planner {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 24px;
|
||||
padding: 24px;
|
||||
border: 1px solid var(--line);
|
||||
background: linear-gradient(120deg, color-mix(in srgb, var(--intel-brand-blue) 8%, var(--panel-solid)), color-mix(in srgb, var(--intel-brand-green) 10%, var(--panel-solid)));
|
||||
}
|
||||
|
||||
.calendar-planner-copy { max-width: 720px; }
|
||||
.calendar-planner-eyebrow { margin: 0 0 7px; color: var(--intel-brand-blue); font-size: 11px; font-weight: 800; text-transform: uppercase; }
|
||||
.calendar-planner h3 { margin: 0; color: var(--ink); font-size: 26px; letter-spacing: 0; }
|
||||
.calendar-planner-copy > p:last-child { margin: 8px 0 0; color: var(--ink-secondary); font-size: 13px; line-height: 1.6; }
|
||||
.calendar-year-switch, .policy-scope-switch { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.calendar-year-btn, .policy-scope-btn { min-height: 34px; padding: 0 12px; border: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 800; cursor: pointer; }
|
||||
.calendar-year-btn:hover, .policy-scope-btn:hover { color: var(--ink); }
|
||||
.calendar-year-btn.active { background: var(--intel-brand-gradient); color: #fff; }
|
||||
|
||||
.calendar-decision-toolbar {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
margin-top: 12px;
|
||||
padding: 12px;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--panel-solid);
|
||||
}
|
||||
.calendar-filter-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
|
||||
.calendar-mode-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 2px; border-top: 1px solid var(--line); }
|
||||
.calendar-mode-row .calendar-year-switch { margin-left: auto; }
|
||||
.calendar-platform-filter-hint { grid-column: 1 / -1; margin: 0; padding-top: 2px; color: var(--muted); font-size: 13px; line-height: 1.55; }
|
||||
.calendar-scope-switch { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.calendar-scope-btn { min-height: 38px; padding: 0 13px; border: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 800; cursor: pointer; }
|
||||
.calendar-scope-btn.active { background: var(--intel-brand-gradient); color: #fff; }
|
||||
.calendar-filter-field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; color: var(--muted); font-size: 11px; font-weight: 700; }
|
||||
.calendar-filter-select { width: 100%; min-height: 38px; padding: 0 34px 0 10px; border: 1px solid var(--line); background: var(--panel-solid); color: var(--ink); font: inherit; cursor: pointer; }
|
||||
|
||||
.calendar-month-rail {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
overflow-x: auto;
|
||||
padding: 10px 0 14px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.calendar-month-btn { display: grid; flex: 0 0 auto; min-width: 82px; min-height: 52px; padding: 7px 12px; border: 1px solid transparent; place-content: center; background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; cursor: pointer; }
|
||||
.calendar-month-btn strong { color: inherit; font-size: 16px; }
|
||||
.calendar-month-count { color: var(--muted); font-size: 12px; font-weight: 700; }
|
||||
.calendar-month-btn:hover { color: var(--ink); background: var(--trans-bg); }
|
||||
.calendar-month-btn.active { border-color: color-mix(in srgb, var(--intel-brand-blue) 45%, var(--line)); background: var(--intel-soft); color: var(--intel-brand-blue); }
|
||||
.calendar-month-grid-wrap { margin: 16px 0; overflow: hidden; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.calendar-month-grid-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
|
||||
.calendar-month-grid-heading h3 { margin: 0; color: var(--ink); font-size: 22px; }
|
||||
.calendar-month-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
|
||||
.calendar-weekday { padding: 9px; border-bottom: 1px solid var(--line); background: var(--intel-soft); color: var(--ink-secondary); font-size: 13px; font-weight: 800; text-align: center; }
|
||||
.calendar-day { min-width: 0; min-height: 104px; padding: 8px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--card-trans-bg); }
|
||||
.calendar-day:nth-child(7n) { border-right: 0; }
|
||||
.calendar-day.is-empty { background: var(--trans-bg); }
|
||||
.calendar-day-number { display: block; margin-bottom: 6px; color: var(--muted); font-size: 13px; font-weight: 800; }
|
||||
.calendar-day-event { display: block; margin-top: 5px; padding: 5px 7px; border-left: 3px solid var(--intel-brand-blue); background: color-mix(in srgb, var(--intel-brand-blue) 8%, var(--panel-solid)); color: var(--ink); font-size: 12px; font-weight: 700; line-height: 1.35; text-decoration: none; }
|
||||
.calendar-day-event.is-high { border-left-color: var(--intel-brand-green); }
|
||||
.calendar-month-section { margin-top: 24px; }
|
||||
.calendar-month-heading { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
|
||||
.calendar-month-heading h3 { margin: 0; color: var(--ink); font-size: 22px; }
|
||||
.calendar-month-heading span { color: var(--muted); font-size: 11px; }
|
||||
.calendar-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
|
||||
.calendar-event-grid.is-insights { grid-template-columns: 1fr; }
|
||||
|
||||
.calendar-event-card {
|
||||
--culture-accent: #0051d6;
|
||||
--culture-ink: #102a43;
|
||||
--culture-paper: #eef7ff;
|
||||
display: grid;
|
||||
grid-template-columns: 126px minmax(0, 1fr);
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--card-trans-bg);
|
||||
transition: border-color 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
|
||||
.calendar-event-card:hover { border-color: var(--culture-accent); transform: translateY(-2px); }
|
||||
.calendar-opportunity-card { grid-template-columns: 128px minmax(0, 1fr); }
|
||||
.calendar-opportunity-card[data-relevance="low"] { opacity: 0.86; }
|
||||
.calendar-event-card[data-culture="china"] { --culture-accent: #0051d6; --culture-ink: #102a43; --culture-paper: #eef7ff; }
|
||||
.calendar-event-card[data-culture="japan"] { --culture-accent: #4776d0; --culture-ink: #172b4d; --culture-paper: #f2f6ff; }
|
||||
.calendar-event-card[data-culture="korea"] { --culture-accent: #315d9c; --culture-ink: #151b25; --culture-paper: #f1f6fb; }
|
||||
.calendar-event-card[data-culture="north-america"] { --culture-accent: #1677a6; --culture-ink: #12334a; --culture-paper: #edf8fc; }
|
||||
.calendar-event-card[data-culture="british-isles"] { --culture-accent: #365b9d; --culture-ink: #153561; --culture-paper: #f1f5fb; }
|
||||
.calendar-event-card[data-culture="central-europe"] { --culture-accent: #2f6b63; --culture-ink: #182722; --culture-paper: #edf8f5; }
|
||||
.calendar-event-card[data-culture="southern-europe"] { --culture-accent: #4a78a8; --culture-ink: #18384f; --culture-paper: #f1f7fb; }
|
||||
.calendar-event-card[data-culture="nordic"] { --culture-accent: #3d7f91; --culture-ink: #183d49; --culture-paper: #eef7f8; }
|
||||
.calendar-event-card[data-culture="oceania"] { --culture-accent: #168b83; --culture-ink: #164f4a; --culture-paper: #edf9f7; }
|
||||
.calendar-event-card[data-culture="southeast-asia"] { --culture-accent: #0f8f78; --culture-ink: #105d5b; --culture-paper: #ecfaf6; }
|
||||
.calendar-event-card[data-culture="latin-america"] { --culture-accent: #5568c9; --culture-ink: #273266; --culture-paper: #f1f2ff; }
|
||||
.calendar-event-card[data-culture="southern-africa"] { --culture-accent: #3f7c69; --culture-ink: #123d32; --culture-paper: #eff8f3; }
|
||||
.calendar-event-card[data-culture="turkiye"] { --culture-accent: #3e7194; --culture-ink: #17384a; --culture-paper: #eef6fa; }
|
||||
.calendar-event-card[data-culture="islamic"] { --culture-accent: #16836f; --culture-ink: #0e534a; --culture-paper: #edf9f5; }
|
||||
.calendar-event-card[data-culture="sport"] { --culture-accent: #1976a8; --culture-ink: #17324d; --culture-paper: #eef7fb; }
|
||||
.calendar-event-card[data-culture="retail"] { --culture-accent: #0051d6; --culture-ink: #102a43; --culture-paper: #eef7ff; }
|
||||
|
||||
.calendar-date-block {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100%;
|
||||
padding: 17px;
|
||||
overflow: hidden;
|
||||
background-color: var(--culture-paper);
|
||||
color: var(--culture-ink);
|
||||
}
|
||||
|
||||
.calendar-date-block::after {
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
bottom: -16px;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
border: 12px double color-mix(in srgb, var(--culture-accent) 58%, transparent);
|
||||
content: "";
|
||||
transform: rotate(32deg);
|
||||
}
|
||||
|
||||
.calendar-event-card[data-culture="islamic"] .calendar-date-block::after { border-style: solid double; transform: rotate(45deg); }
|
||||
.calendar-event-card[data-culture="nordic"] .calendar-date-block::after { width: 116px; height: 18px; border-width: 5px 0; transform: rotate(-45deg); }
|
||||
.calendar-event-card[data-culture="retail"] .calendar-date-block::after { width: 130px; height: 36px; border-width: 8px 0; transform: rotate(-24deg); }
|
||||
.calendar-date-year, .calendar-date-month, .calendar-date-weekday, .calendar-culture-label { position: relative; z-index: 1; font-size: 10px; font-weight: 800; }
|
||||
.calendar-date-month { margin-top: 14px; color: var(--culture-accent); font-size: 13px; }
|
||||
.calendar-date-day { position: relative; z-index: 1; margin-top: 2px; font-size: 42px; line-height: 1; }
|
||||
.calendar-date-weekday { margin-top: 4px; }
|
||||
.calendar-culture-label { margin-top: auto; padding-top: 30px; line-height: 1.35; }
|
||||
.calendar-event-content { min-width: 0; padding: 17px; }
|
||||
.calendar-opportunity-card .calendar-event-content { padding: 21px 22px; }
|
||||
.calendar-event-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
|
||||
.calendar-stage {
|
||||
border: 1px solid color-mix(in srgb, var(--culture-accent) 34%, var(--line));
|
||||
background: color-mix(in srgb, var(--culture-accent) 18%, var(--panel-solid));
|
||||
color: color-mix(in srgb, var(--culture-accent) 44%, var(--ink));
|
||||
}
|
||||
.calendar-event-region { margin-left: auto; color: var(--muted); font-size: 10px; }
|
||||
.calendar-event-title { margin: 10px 0 4px; color: var(--ink); font-size: 18px; line-height: 1.35; }
|
||||
.calendar-opportunity-card .calendar-event-title { font-size: 23px; line-height: 1.3; text-wrap: pretty; }
|
||||
.calendar-event-original { margin: 0 0 7px; color: var(--muted); font-size: 10px; line-height: 1.4; }
|
||||
.calendar-event-context { margin: 0; color: var(--ink-secondary); font-size: 12px; }
|
||||
.calendar-decision.is-high {
|
||||
border: 1px solid color-mix(in srgb, var(--intel-brand-green) 34%, var(--line));
|
||||
background: color-mix(in srgb, var(--intel-brand-green) 18%, var(--panel-solid));
|
||||
color: color-mix(in srgb, var(--intel-brand-green) 38%, var(--ink));
|
||||
}
|
||||
.calendar-decision.is-medium {
|
||||
border: 1px solid color-mix(in srgb, var(--intel-brand-blue) 30%, var(--line));
|
||||
background: color-mix(in srgb, var(--intel-brand-blue) 14%, var(--panel-solid));
|
||||
color: color-mix(in srgb, var(--intel-brand-blue) 42%, var(--ink));
|
||||
}
|
||||
.calendar-decision.is-low { border: 1px solid var(--line); color: var(--muted); background: var(--trans-bg); }
|
||||
.calendar-section-label { display: block; color: var(--culture-accent); font-size: 10px; font-weight: 900; }
|
||||
.calendar-explanation { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
|
||||
.calendar-explanation p { margin: 5px 0 0; color: var(--ink-secondary); font-size: 13px; line-height: 1.7; text-wrap: pretty; }
|
||||
.calendar-fact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 14px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
|
||||
.calendar-fact { min-width: 0; padding: 11px 12px 11px 0; }
|
||||
.calendar-fact + .calendar-fact { padding-left: 12px; border-left: 1px solid var(--line); }
|
||||
.calendar-fact span, .calendar-fact strong { display: block; }
|
||||
.calendar-fact span { color: var(--muted); font-size: 9px; }
|
||||
.calendar-fact strong { margin-top: 4px; color: var(--ink); font-size: 11px; line-height: 1.5; }
|
||||
.calendar-business-panel { margin-top: 14px; }
|
||||
.calendar-consumption-scenes { margin: 5px 0 0; color: var(--ink-secondary); font-size: 12px; }
|
||||
.calendar-guidance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
|
||||
.calendar-guidance p { margin: 5px 0 0; color: var(--ink-secondary); font-size: 11px; line-height: 1.6; }
|
||||
.calendar-guidance.is-caution .calendar-section-label { color: var(--muted); }
|
||||
.calendar-platform-panel { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
|
||||
.calendar-platform-action { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 10px; padding: 9px 0; }
|
||||
.calendar-platform-action + .calendar-platform-action { border-top: 1px dashed var(--line); }
|
||||
.calendar-platform-action strong { color: var(--ink); font-size: 11px; }
|
||||
.calendar-platform-action p { margin: 0; color: var(--ink-secondary); font-size: 11px; line-height: 1.55; }
|
||||
.calendar-action-box { margin-top: 14px; padding: 12px 13px; background: color-mix(in srgb, var(--culture-accent) 8%, var(--trans-bg)); }
|
||||
.calendar-action-box .calendar-stock-window-title { padding-bottom: 9px; border-bottom: 1px solid var(--line); }
|
||||
.calendar-next-action { margin-top: 9px; }
|
||||
.calendar-next-action p { margin: 4px 0 0; color: var(--ink); font-size: 12px; line-height: 1.6; }
|
||||
.calendar-stock-window { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
|
||||
.calendar-stock-window-title { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 10px; }
|
||||
.calendar-stock-window-title strong { color: var(--ink); font-weight: 700; }
|
||||
.calendar-stock-track { height: 4px; margin-top: 7px; overflow: hidden; background: var(--trans-bg); }
|
||||
.calendar-stock-progress { display: block; width: 68%; height: 100%; background: var(--culture-accent); }
|
||||
.calendar-product-tags, .exhibition-focus-tags, .policy-affected-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
|
||||
.intelligence-tag { padding: 3px 7px; border: 1px solid var(--line); color: var(--ink-secondary); font-size: 10px; }
|
||||
.intelligence-tag.is-platform { border-color: rgba(91, 141, 239, 0.45); color: #77a3ff; }
|
||||
.calendar-event-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, auto); align-items: center; gap: 10px 16px; margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--line); }
|
||||
.calendar-event-source { min-width: 0; }
|
||||
.calendar-event-source strong, .calendar-event-source span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.calendar-event-source strong { color: var(--ink); font-size: 10px; }
|
||||
.calendar-event-source span { color: var(--muted); font-size: 9px; }
|
||||
.calendar-opportunity-card .calendar-event-actions { flex-wrap: wrap; justify-content: flex-end; }
|
||||
.calendar-event-actions { justify-content: flex-end; }
|
||||
.calendar-event-actions > * { white-space: nowrap; }
|
||||
.calendar-download { min-width: 156px; min-height: 30px; padding: 0 12px; border: 1px solid var(--line); white-space: nowrap; }
|
||||
|
||||
/* 展会通：报名、观展、翻译和行程准备闭环。 */
|
||||
.scene-summary { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 15px 17px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.scene-summary strong { color: var(--ink); font-size: 14px; }
|
||||
.scene-summary span { color: var(--muted); font-size: 11px; text-align: right; }
|
||||
.exhibition-grid, .policy-grid, .standards-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 14px; margin-top: 14px; }
|
||||
.exhibition-card, .policy-card, .standard-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); background: var(--card-trans-bg); }
|
||||
.exhibition-card { display: grid; grid-template-columns: minmax(165px, 36%) minmax(0, 1fr); align-self: start; }
|
||||
.exhibition-card-visual { min-height: 220px; aspect-ratio: auto; }
|
||||
.exhibition-card-body { min-width: 0; padding: 17px; }
|
||||
.exhibition-card-meta { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.exhibition-relevance { color: #d9c77c; background: rgba(217, 199, 124, 0.12); }
|
||||
.exhibition-card-title { margin: 11px 0 6px; color: var(--ink); font-size: 18px; line-height: 1.35; }
|
||||
.exhibition-card-original { display: -webkit-box; overflow: hidden; margin: -1px 0 7px; color: var(--muted); font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.exhibition-card-venue { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
|
||||
.exhibition-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; margin: 13px 0 0; padding: 11px 11px 11px 28px; border-left: 3px solid #5b8def; background: var(--trans-bg); color: var(--ink-secondary); font-size: 11px; line-height: 1.5; }
|
||||
.exhibition-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 13px; }
|
||||
.exhibition-action { display: inline-flex; align-items: center; min-height: 32px; padding: 0 9px; border: 1px solid var(--line); color: var(--ink-secondary); font-size: 10px; font-weight: 800; text-decoration: none; }
|
||||
.exhibition-action:hover { border-color: #5b8def; color: #8db0ff; }
|
||||
.exhibition-action.primary { border-color: #5b8def; background: #5b8def; color: #0d1422; }
|
||||
.exhibition-action.translate { border-color: #20b486; color: #36c99a; }
|
||||
.exhibition-recommendation { margin-top: 13px; padding: 11px 12px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
|
||||
.exhibition-recommendation strong { color: #7fb0ff; font-size: 12px; }
|
||||
.exhibition-recommendation p { margin: 4px 0 0; color: var(--ink-secondary); font-size: 11px; line-height: 1.6; }
|
||||
.exhibition-proof { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--line); }
|
||||
.exhibition-proof strong, .exhibition-proof span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.exhibition-proof strong { color: var(--ink); font-size: 10px; }
|
||||
.exhibition-proof span { color: var(--muted); font-size: 9px; }
|
||||
|
||||
/* 政策预警：地区、平台、知识产权与产品安全分流。 */
|
||||
.policy-scope-switch { max-width: 100%; overflow-x: auto; margin-bottom: 10px; border-color: var(--line); background: var(--panel-solid); -ms-overflow-style: none; scrollbar-width: none; }
|
||||
.policy-scope-btn { flex: 0 0 auto; min-height: 44px; padding: 0 14px; color: var(--muted); font-size: 15px; }
|
||||
.policy-scope-btn.active { background: #147566; color: #fff; }
|
||||
.policy-summary { border-left: 3px solid #147566; }
|
||||
.policy-card { padding: 17px; }
|
||||
.policy-card-header, .policy-card-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
|
||||
.policy-card-meta { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.policy-changed { color: #f0aa3c; background: rgba(240, 170, 60, 0.13); }
|
||||
.policy-card-date { flex: 0 0 auto; color: var(--muted); font-size: 9px; }
|
||||
.policy-card-title { margin: 11px 0 6px; color: var(--ink); font-size: 17px; line-height: 1.4; }
|
||||
.policy-card-original { display: -webkit-box; overflow: hidden; margin: 0 0 8px; color: var(--muted); font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.policy-card-summary { display: -webkit-box; overflow: hidden; margin: 0; color: var(--ink-secondary); font-size: 12px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
|
||||
.policy-action { margin-top: 12px; padding: 10px 11px; border-left: 3px solid #147566; background: var(--trans-bg); }
|
||||
.policy-change-summary, .policy-consequence, .policy-action { margin-top: 12px; padding: 10px 11px; background: var(--trans-bg); }
|
||||
.policy-change-summary { border-left: 3px solid #e2b765; }
|
||||
.policy-consequence { border-left: 3px solid #ef8b75; }
|
||||
.policy-change-summary span, .policy-consequence span, .policy-action span { color: #ff7777; font-size: 10px; font-weight: 800; }
|
||||
.policy-change-summary span { color: #e2b765; }
|
||||
.policy-change-summary p, .policy-consequence p, .policy-action p { margin: 4px 0 0; color: var(--ink-secondary); font-size: 11px; line-height: 1.55; }
|
||||
.policy-translate { border-color: #20b486; color: #36c99a; }
|
||||
.policy-card-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--line); }
|
||||
.policy-card-actions { justify-content: flex-end; }
|
||||
.policy-proof { min-width: 0; }
|
||||
.policy-proof strong, .policy-proof span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.policy-proof strong { color: var(--ink); font-size: 10px; }
|
||||
.policy-proof span { color: var(--muted); font-size: 9px; }
|
||||
|
||||
/* 趋势雷达：权威结论与产品应用并排。 */
|
||||
.standards-summary { border-left: 3px solid #d46aa0; }
|
||||
.standard-card { display: grid; grid-template-columns: minmax(180px, 38%) minmax(0, 1fr); }
|
||||
.standard-card .intelligence-card-visual { min-height: 100%; aspect-ratio: auto; }
|
||||
.standard-card-body { padding: 17px; }
|
||||
.standard-card-badges { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.standard-card-body h3 { margin: 11px 0 7px; color: var(--ink); font-size: 18px; line-height: 1.4; }
|
||||
.standard-card-body > p { margin: 0; color: var(--ink-secondary); font-size: 12px; line-height: 1.6; }
|
||||
.standard-application { margin-top: 13px; padding: 10px 11px; border-left: 3px solid #d46aa0; background: var(--trans-bg); }
|
||||
.standard-application span { color: #e782b7; font-size: 10px; font-weight: 800; }
|
||||
.standard-application p { margin: 4px 0 0; color: var(--ink-secondary); font-size: 11px; line-height: 1.55; }
|
||||
.standard-decision-note { display: block; margin-top: 9px; color: #e7c16f; font-size: 10px; line-height: 1.5; }
|
||||
.standard-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 13px; }
|
||||
.standard-swatch { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 2px 8px; align-items: center; min-width: 0; padding: 7px; border: 1px solid var(--line); }
|
||||
.standard-swatch-color { grid-row: 1 / 3; width: 24px; height: 24px; background: var(--swatch-color); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
|
||||
.standard-swatch strong, .standard-swatch small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.standard-swatch strong { color: var(--ink); font-size: 10px; }
|
||||
.standard-swatch small { color: var(--muted); font-size: 9px; }
|
||||
.standard-task-list { margin: 12px 0 0; padding: 10px 10px 10px 27px; background: var(--trans-bg); color: var(--ink-secondary); font-size: 10px; line-height: 1.55; }
|
||||
.standard-download { border-color: #d46aa0; color: #e782b7; }
|
||||
.standard-card-actions { justify-content: flex-end; margin-top: 13px; }
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.intelligence-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.intelligence-list.is-today { column-count: 2; }
|
||||
.intelligence-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
||||
.intelligence-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.calendar-event-grid, .exhibition-grid, .policy-grid, .standards-grid { grid-template-columns: 1fr; }
|
||||
.calendar-filter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.shell.is-textile { width: 100%; }
|
||||
.site-shell.textile-wrap { width: calc(100% - 24px); }
|
||||
.textile-wrap { width: 100%; margin-left: 0; transform: none; }
|
||||
.intelligence-panel { display: flex; flex-direction: column; }
|
||||
.intelligence-overview { order: 1; }
|
||||
.intelligence-tabs { order: 2; }
|
||||
.intelligence-toolbar { order: 3; }
|
||||
.intelligence-stats { order: 4; }
|
||||
.intelligence-list { order: 5; }
|
||||
.intelligence-overview { align-items: flex-start; flex-direction: column; }
|
||||
.intelligence-overview h3 { font-size: 22px; }
|
||||
.intelligence-overview-actions { width: 100%; justify-content: space-between; }
|
||||
.intelligence-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.intelligence-toolbar { grid-template-columns: 1fr; }
|
||||
.intelligence-list { grid-template-columns: 1fr; }
|
||||
.intelligence-list.is-today { column-count: 1; }
|
||||
.today-briefing { align-items: flex-start; flex-direction: column; gap: 5px; }
|
||||
.today-briefing span { max-width: none; text-align: left; }
|
||||
.intelligence-card-visual { aspect-ratio: 16 / 8.8; }
|
||||
.intelligence-poster-title { font-size: 18px; }
|
||||
.calendar-planner, .scene-summary { align-items: flex-start; flex-direction: column; }
|
||||
.calendar-year-switch { width: 100%; }
|
||||
.calendar-year-btn { flex: 1; }
|
||||
.calendar-event-card { grid-template-columns: 94px minmax(0, 1fr); }
|
||||
.calendar-filter-row { grid-template-columns: 1fr; }
|
||||
.calendar-mode-row { display: grid; grid-template-columns: 1fr; }
|
||||
.calendar-mode-row .calendar-year-switch { width: 100%; margin-left: 0; }
|
||||
.calendar-scope-switch { width: 100%; }
|
||||
.calendar-scope-btn { flex: 1; min-height: 44px; }
|
||||
.calendar-filter-field { grid-template-columns: 1fr; gap: 5px; }
|
||||
.calendar-filter-select { min-height: 44px; }
|
||||
.calendar-date-block { padding: 13px 11px; }
|
||||
.calendar-date-day { font-size: 34px; }
|
||||
.calendar-event-content { padding: 14px; }
|
||||
.calendar-opportunity-card .calendar-event-content { padding: 16px; }
|
||||
.calendar-opportunity-card .calendar-event-title { font-size: 20px; }
|
||||
.calendar-fact-grid, .calendar-guidance-grid { grid-template-columns: 1fr; }
|
||||
.calendar-platform-action { grid-template-columns: 1fr; gap: 4px; }
|
||||
.calendar-fact { padding: 10px 0; }
|
||||
.calendar-fact + .calendar-fact { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
|
||||
.calendar-stock-window-title { align-items: flex-start; flex-direction: column; gap: 2px; }
|
||||
.calendar-event-footer, .policy-card-footer, .intelligence-card-footer { grid-template-columns: 1fr; align-items: start; }
|
||||
.calendar-event-actions, .policy-card-actions { width: 100%; justify-content: flex-start; }
|
||||
.calendar-event-actions a, .calendar-event-actions button, .policy-card-actions a, .policy-card-actions button { min-height: 44px; }
|
||||
.exhibition-card, .standard-card { grid-template-columns: 1fr; }
|
||||
.exhibition-card-visual, .standard-card .intelligence-card-visual { min-height: 180px; aspect-ratio: 16 / 8.5; }
|
||||
.exhibition-checklist { grid-template-columns: 1fr; }
|
||||
.exhibition-actions .exhibition-action, .exhibition-actions .intelligence-item-share { min-height: 44px; padding: 0 10px; }
|
||||
.scene-summary span { text-align: left; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.intelligence-panel, .intelligence-card, .intelligence-skeleton-line::after, .intelligence-list > * { animation: none; transition: none; }
|
||||
}
|
||||
|
||||
/* 40—50 岁经营者高可读模式：业务信息不使用小灰字。 */
|
||||
.textile-head { align-items: flex-start; }
|
||||
.textile-head-title { display: block; min-width: 0; }
|
||||
.textile-head h2 { font-size: 28px; line-height: 1.25; text-wrap: balance; }
|
||||
.textile-head-title p { max-width: 760px; margin: 8px 0 0; color: var(--ink-secondary); font-size: 16px; line-height: 1.7; }
|
||||
.intelligence-panel { font-size: 16px; }
|
||||
.intelligence-panel button, .intelligence-panel a, .intelligence-panel input, .intelligence-panel select { touch-action: manipulation; -webkit-tap-highlight-color: rgba(91, 141, 239, 0.2); }
|
||||
.intelligence-overview p:last-child { color: var(--ink-secondary); font-size: 16px; line-height: 1.65; }
|
||||
.intelligence-overview-actions { align-items: center; }
|
||||
.intelligence-overview-actions > span { color: var(--ink-secondary); font-size: 13px; }
|
||||
.intelligence-share-btn { display: inline-grid; width: 44px; min-width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 20px; }
|
||||
.intelligence-share-btn:hover, .intelligence-share-btn:focus-visible { border-color: var(--ink-secondary); background: var(--trans-bg); color: var(--ink); }
|
||||
.intelligence-search-field { display: grid; gap: 6px; min-width: 0; color: var(--ink-secondary); font-size: 14px; font-weight: 700; }
|
||||
.intelligence-toolbar input, .intelligence-toolbar select { min-height: 48px; font-size: 16px; }
|
||||
.intelligence-tab { min-height: 48px; font-size: 16px; }
|
||||
.intelligence-tab-count, .intelligence-badge { font-size: 13px; }
|
||||
.intelligence-card-title, .exhibition-card-title, .policy-card-title, .standard-card-body h3 { font-size: 20px; }
|
||||
.intelligence-card-summary, .intelligence-card-relevance, .intelligence-card-action p,
|
||||
.calendar-explanation p, .calendar-consumption-scenes, .calendar-guidance p,
|
||||
.calendar-platform-action p, .calendar-next-action p, .exhibition-recommendation p,
|
||||
.exhibition-checklist, .policy-card-summary, .policy-change-summary p,
|
||||
.policy-consequence p, .policy-action p, .standard-card-body > p,
|
||||
.standard-application p, .standard-task-list { font-size: 16px; line-height: 1.65; }
|
||||
.calendar-section-label, .policy-change-summary span, .policy-consequence span,
|
||||
.policy-action span, .standard-application span { font-size: 14px; }
|
||||
.calendar-event-region, .calendar-event-original, .exhibition-card-original,
|
||||
.exhibition-card-venue, .policy-card-date, .policy-card-original,
|
||||
.intelligence-card-proof span, .calendar-event-source span, .exhibition-proof span,
|
||||
.policy-proof span, .standard-decision-note { font-size: 13px; line-height: 1.55; }
|
||||
.calendar-fact span, .calendar-event-source strong, .exhibition-proof strong,
|
||||
.policy-proof strong, .standard-swatch small { font-size: 13px; }
|
||||
.calendar-fact strong, .calendar-platform-action strong, .intelligence-tag,
|
||||
.standard-swatch strong { font-size: 15px; }
|
||||
.calendar-stock-window-title { font-size: 15px; }
|
||||
.calendar-date-year, .calendar-date-weekday, .calendar-culture-label { font-size: 13px; }
|
||||
.calendar-date-month { font-size: 16px; }
|
||||
.calendar-event-actions a, .calendar-event-actions button, .policy-card-actions a,
|
||||
.policy-card-actions button, .standard-card-actions a, .standard-card-actions button,
|
||||
.intelligence-card-footer-actions a, .intelligence-card-footer-actions button,
|
||||
.exhibition-action, .intelligence-source-link, .intelligence-item-share,
|
||||
.standard-download { min-height: 44px; padding: 0 14px; font-size: 15px; font-weight: 800; }
|
||||
.intelligence-item-share.is-tertiary { width: 44px; padding: 0; border-color: var(--line); background: var(--panel-solid); color: var(--muted); }
|
||||
.policy-translate.is-fallback, .exhibition-action.is-fallback { border-style: dashed; }
|
||||
.calendar-local-names { margin-top: 12px; border-left: 4px solid var(--culture-accent); background: color-mix(in srgb, var(--culture-accent) 7%, var(--trans-bg)); }
|
||||
.calendar-local-names-summary { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 48px; padding: 0 14px; cursor: pointer; list-style: none; }
|
||||
.calendar-local-names-summary::-webkit-details-marker { display: none; }
|
||||
.calendar-local-names-summary::before { content: "›"; color: var(--culture-accent); font-size: 22px; line-height: 1; transition: transform .16s ease; }
|
||||
.calendar-local-names[open] .calendar-local-names-summary::before { transform: rotate(90deg); }
|
||||
.calendar-local-names-summary:focus-visible { outline: 2px solid var(--culture-accent); outline-offset: -2px; }
|
||||
.calendar-local-summary-name { min-width: 0; overflow: hidden; color: var(--ink); font-size: 15px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.calendar-local-summary-count { color: var(--ink-secondary); font-size: 13px; white-space: nowrap; }
|
||||
.calendar-local-names:not([open]) .calendar-local-name-list { display: none; }
|
||||
.calendar-local-name-list { display: grid; gap: 9px; margin: 0; padding: 12px 14px 14px 40px; border-top: 1px solid color-mix(in srgb, var(--culture-accent) 20%, transparent); }
|
||||
.calendar-local-name-row { display: grid; grid-template-columns: minmax(190px, 240px) minmax(0, 1fr); gap: 2px 12px; align-items: baseline; }
|
||||
.calendar-local-name-row strong { color: var(--ink); font-size: 15px; }
|
||||
.calendar-local-name { min-width: 0; color: var(--culture-accent); font-size: 18px; font-weight: 800; overflow-wrap: anywhere; }
|
||||
.calendar-local-name-row small { grid-column: 2; color: var(--ink-secondary); font-size: 13px; line-height: 1.5; }
|
||||
.calendar-date-variants { margin-top: 12px; padding: 12px 14px; border-left: 4px solid var(--culture-accent); background: color-mix(in srgb, var(--culture-accent) 5%, var(--card-trans-bg)); }
|
||||
.calendar-date-variant-note { margin: 8px 0 10px; color: var(--ink-secondary); font-size: 15px; line-height: 1.7; }
|
||||
.calendar-date-variant-list { display: grid; gap: 7px; }
|
||||
.calendar-date-variant-row { display: grid; grid-template-columns: 90px 150px minmax(0, 1fr); gap: 10px; align-items: baseline; }
|
||||
.calendar-date-variant-row strong { color: var(--ink); font-size: 16px; }
|
||||
.calendar-date-variant-row span { color: var(--culture-accent); font-size: 15px; font-weight: 800; }
|
||||
.calendar-date-variant-row small { color: var(--ink-secondary); font-size: 13px; }
|
||||
|
||||
.trend-search-hub { padding: 18px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.trend-subtabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; padding: 10px; border: 1px solid var(--line-strong); background: var(--panel-solid); box-shadow: 0 8px 24px rgba(18, 39, 55, .08); }
|
||||
.trend-subtab { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--card-trans-bg); color: var(--ink-secondary); font-weight: 800; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
|
||||
.trend-subtab strong { font-size: 16px; }
|
||||
.trend-subtab span { font-size: 12px; }
|
||||
.trend-subtab:hover { border-color: #218879; color: var(--ink); transform: translateY(-1px); }
|
||||
.trend-subtab.active { border-color: #147566; background: #147566; color: #fff; box-shadow: 0 6px 16px rgba(20, 117, 102, .24); }
|
||||
.trend-search-heading, .trend-news-summary { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
|
||||
.trend-search-heading strong { color: var(--ink); font-size: 20px; }
|
||||
.trend-search-heading span { color: var(--ink-secondary); font-size: 14px; }
|
||||
.trend-search-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
|
||||
.trend-search-card { min-width: 0; padding: 16px; border: 1px solid var(--line); background: var(--card-trans-bg); }
|
||||
.trend-search-kicker { color: #d46aa0; font-size: 13px; font-weight: 800; }
|
||||
.trend-search-card h3 { margin: 7px 0 4px; color: var(--ink); font-size: 18px; }
|
||||
.trend-search-card p { min-height: 48px; margin: 0; color: var(--ink-secondary); font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
|
||||
.trend-search-keyword { display: block; margin-top: 8px; color: var(--muted); font: 13px/1.55 Inter, "Noto Sans SC", sans-serif; overflow-wrap: anywhere; }
|
||||
.trend-search-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 14px; }
|
||||
.trend-news-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
|
||||
.trend-search-button, .trend-news-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 13px; border: 1px solid var(--line); color: var(--ink); font-size: 14px; font-weight: 800; text-decoration: none; }
|
||||
.trend-search-button { min-width: 0; padding: 0 8px; white-space: nowrap; }
|
||||
.trend-search-logo { display: block; flex: 0 0 22px; width: 22px; height: 22px; padding: 3px; border-radius: 4px; background: #fff; object-fit: contain; }
|
||||
.trend-search-button.is-pinterest { border-color: #d63d45; color: #ec5961; }
|
||||
.trend-search-button.is-bing { border-color: #3989bf; color: #5aa8db; }
|
||||
.trend-search-button.is-google { border-color: #46a868; color: #64c784; }
|
||||
.requires-cross-border-network { gap: 7px; }
|
||||
.external-network-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 0 6px; border: 1px solid #c8942f; border-radius: 4px; color: #a66e08; font-size: 12px; font-weight: 800; white-space: nowrap; }
|
||||
.trend-news-summary { margin-top: 16px; }
|
||||
.trend-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
|
||||
.trend-news-grid.is-gallery { display: block; column-count: 3; column-gap: 14px; }
|
||||
.trend-news-grid.is-gallery .trend-news-card { display: inline-block; width: 100%; margin: 0 0 14px; break-inside: avoid; content-visibility: visible; }
|
||||
.trend-news-grid.is-gallery .trend-news-visual { display: block; min-height: 0; aspect-ratio: auto; padding: 0; }
|
||||
.trend-news-grid.is-gallery .trend-news-visual img { display: block; width: 100%; height: auto; object-fit: contain; }
|
||||
.trend-gallery-zoom { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
|
||||
.trend-gallery-zoom img { pointer-events: none; }
|
||||
.lightbox-overlay { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 18px; background: rgba(3, 9, 15, .88); backdrop-filter: blur(16px); opacity: 0; visibility: hidden; transition: opacity 180ms ease, visibility 180ms ease; }
|
||||
.lightbox-overlay.active { opacity: 1; visibility: visible; }
|
||||
.lightbox-content-wrapper { position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 12px; width: min(1180px, 96vw); height: calc(100vh - 36px); height: calc(100dvh - 36px); max-height: 880px; }
|
||||
.lightbox-stage { position: relative; min-height: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: #070b10; box-shadow: 0 20px 70px rgba(0,0,0,.46); }
|
||||
.lightbox-preview, .lightbox-img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
|
||||
.lightbox-preview { opacity: .34; filter: blur(16px) saturate(.82); transform: scale(1.035); transition: opacity 220ms ease, filter 220ms ease; }
|
||||
.lightbox-img { opacity: 0; transition: opacity 220ms ease; }
|
||||
.lightbox-overlay.is-loaded .lightbox-img { opacity: 1; }
|
||||
.lightbox-overlay.is-loaded .lightbox-preview { opacity: 0; }
|
||||
.lightbox-overlay.is-error .lightbox-preview { opacity: 1; filter: none; transform: none; }
|
||||
.lightbox-loader { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; min-width: 190px; padding: 20px 24px 18px; place-items: center; gap: 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; background: rgba(8,17,24,.72); color: #fff; box-shadow: 0 16px 44px rgba(0,0,0,.38); backdrop-filter: blur(16px); transform: translate(-50%, -50%); transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease; }
|
||||
.lightbox-overlay.is-loaded .lightbox-loader { opacity: 0; visibility: hidden; transform: translate(-50%, -46%); }
|
||||
.lightbox-loader-logo-wrap { position: relative; display: grid; width: 58px; height: 58px; place-items: center; }
|
||||
.lightbox-loader-logo-wrap::before { position: absolute; inset: -9px; border: 2px solid rgba(18,238,168,.24); border-top-color: #12eea8; border-right-color: #0051d6; border-radius: 50%; content: ""; animation: lightbox-logo-spin 1.25s linear infinite; }
|
||||
.lightbox-loader-logo { display: block; width: 52px; height: 52px; object-fit: contain; }
|
||||
.lightbox-loader-status { font-size: 13px; font-weight: 700; }
|
||||
.lightbox-retry { min-height: 34px; padding: 0 14px; border: 1px solid rgba(255,255,255,.34); border-radius: 6px; background: rgba(255,255,255,.12); color: #fff; cursor: pointer; }
|
||||
.lightbox-footer { display: flex; justify-content: center; }
|
||||
.lightbox-download { display: inline-flex; min-height: 42px; padding: 0 17px; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(18,238,168,.34); border-radius: 7px; background: rgba(255,255,255,.1); color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; backdrop-filter: blur(12px); transition: background 160ms ease, border-color 160ms ease, transform 160ms ease; }
|
||||
.lightbox-download > span:first-child { font-size: 19px; line-height: 1; }
|
||||
.lightbox-download:hover, .lightbox-download:focus-visible { border-color: #12eea8; background: rgba(18,238,168,.14); transform: translateY(-1px); }
|
||||
.lightbox-download.is-downloading { cursor: wait; opacity: .72; transform: none; }
|
||||
.lightbox-close { position: absolute; top: 12px; right: 12px; z-index: 4; display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; background: rgba(3,9,15,.58); color: #fff; font-size: 26px; cursor: pointer; backdrop-filter: blur(10px); }
|
||||
@keyframes lightbox-logo-spin { to { transform: rotate(360deg); } }
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
/* 加载态必须保留进度信号；只关闭非必要的过渡动画。 */
|
||||
.lightbox-loader-logo-wrap::before { animation: lightbox-logo-spin 1.8s linear infinite !important; }
|
||||
.lightbox-preview, .lightbox-img, .lightbox-loader, .lightbox-download { transition: none; }
|
||||
}
|
||||
.trend-news-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); background: var(--card-trans-bg); content-visibility: auto; contain-intrinsic-size: 460px; }
|
||||
.trend-news-visual { display: grid; min-height: 190px; aspect-ratio: 16 / 10; padding: 18px; place-content: end start; background: var(--trans-bg); }
|
||||
.trend-news-visual img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.trend-news-visual > span { color: var(--muted); font-size: 14px; }
|
||||
.trend-news-visual > strong { margin-top: 6px; color: var(--ink); font-size: 20px; }
|
||||
.trend-news-body { padding: 16px; }
|
||||
.trend-news-source { margin-left: 8px; color: var(--ink-secondary); font-size: 13px; }
|
||||
.trend-news-body h3 { margin: 12px 0 7px; color: var(--ink); font-size: 20px; line-height: 1.45; text-wrap: pretty; }
|
||||
.trend-news-original, .trend-news-copy { display: -webkit-box; overflow: hidden; margin: 0 0 8px; color: var(--ink-secondary); font-size: 14px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
|
||||
.trend-news-copy { font-size: 16px; -webkit-line-clamp: 4; }
|
||||
.trend-news-button.primary { border-color: #5b8def; background: #5b8def; color: #07111e; }
|
||||
.trend-news-button.translate { border-color: #20b486; color: #36c99a; }
|
||||
.standard-swatches { grid-template-columns: 1fr; }
|
||||
.standard-swatch { grid-template-columns: 72px minmax(0, 1fr); padding: 12px; }
|
||||
.standard-swatch-color { width: 72px; height: 72px; }
|
||||
|
||||
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
|
||||
outline: 3px solid color-mix(in srgb, #5b8def 80%, white);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.trend-search-grid, .trend-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.trend-news-grid.is-gallery { column-count: 2; }
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.textile-head h2 { font-size: 24px; }
|
||||
.textile-head-title p { display: none; }
|
||||
.intelligence-overview h3 { font-size: 24px; }
|
||||
.intelligence-overview { margin-bottom: 10px; padding-bottom: 10px; }
|
||||
.intelligence-overview .intelligence-kicker,
|
||||
.intelligence-overview-copy > p:last-child { display: none; }
|
||||
.intelligence-overview-actions { align-items: center; }
|
||||
.intelligence-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; overflow: visible; padding-bottom: 14px; }
|
||||
.intelligence-tab:last-child:nth-child(odd) { grid-column: 1 / -1; }
|
||||
.intelligence-tab { justify-content: space-between; min-width: 0; min-height: 52px; padding: 0 12px; white-space: normal; text-align: left; }
|
||||
.intelligence-tab-count { flex: 0 0 auto; }
|
||||
.calendar-event-card { grid-template-columns: 84px minmax(0, 1fr); }
|
||||
.calendar-local-name-row { grid-template-columns: 1fr; }
|
||||
.calendar-local-name-row small { grid-column: 1; }
|
||||
.trend-search-heading, .trend-news-summary { align-items: flex-start; flex-direction: column; gap: 5px; }
|
||||
.trend-search-grid, .trend-news-grid { grid-template-columns: 1fr; }
|
||||
.trend-news-grid.is-gallery { column-count: 1; }
|
||||
.trend-subtabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.calendar-month-grid-wrap { overflow: hidden; }
|
||||
.calendar-day { min-height: 82px; padding: 6px; }
|
||||
.calendar-day-event { display: -webkit-box; overflow: hidden; padding: 4px; font-size: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.trend-search-button, .trend-news-button { min-height: 48px; }
|
||||
.trend-search-button { padding: 0 6px; font-size: 13px; }
|
||||
.trend-news-visual { min-height: 210px; }
|
||||
}
|
||||
|
||||
/* 编辑型中文标题字体：国内优先东观体，海外回退 Google Noto Serif SC，再回退系统字体。 */
|
||||
:root {
|
||||
--textile-editorial-font: var(--font-dongguan-regular);
|
||||
--textile-editorial-font-bold: var(--font-dongguan-bold);
|
||||
}
|
||||
|
||||
.textile-head h2, .intelligence-overview h3, .calendar-planner h3,
|
||||
.calendar-event-title, .calendar-local-name, .platform-card h3,
|
||||
.trend-news-body h3, .standard-card-body h3, .policy-card-title,
|
||||
.exhibition-card-title, .intelligence-poster-title {
|
||||
font-family: var(--textile-editorial-font-bold);
|
||||
font-synthesis: none;
|
||||
}
|
||||
|
||||
.intelligence-list.is-platforms { display: block; }
|
||||
.intelligence-list.is-activities { display: block; }
|
||||
|
||||
/* 跨境活动：行业媒体负责发现，官方平台、政府和国际组织负责证据。 */
|
||||
.activity-filter-toolbar { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; padding: 14px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.activity-focus-switch { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
|
||||
.activity-filter-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
|
||||
.activity-focus-btn { min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--card-trans-bg); color: var(--ink-secondary); font-size: 14px; font-weight: 800; cursor: pointer; }
|
||||
.activity-focus-btn.active { border-color: #197b65; background: #197b65; color: #fff; }
|
||||
.activity-filter-field { display: grid; gap: 6px; min-width: 0; color: var(--ink-secondary); font-size: 14px; font-weight: 800; }
|
||||
.activity-filter-control { min-width: 0; min-height: 48px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel-solid); color: var(--ink); font-size: 16px; }
|
||||
.activity-summary-bar { border-left: 3px solid #197b65; }
|
||||
.activity-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 14px; margin-top: 14px; }
|
||||
.activity-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--card-trans-bg); content-visibility: auto; contain-intrinsic-size: 640px; }
|
||||
.activity-card-visual { position: relative; display: grid; width: 100%; min-height: 220px; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; background: var(--intel-brand-gradient); }
|
||||
.activity-generated-poster { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; color: #fff; background: linear-gradient(145deg, rgba(0,81,214,.88), rgba(18,238,168,.66)); }
|
||||
.activity-generated-poster strong { max-width: 82%; font-family: var(--textile-editorial-font-bold); font-size: 23px; font-weight: 400; line-height: 1.35; text-wrap: pretty; font-synthesis: none; }
|
||||
.activity-generated-poster small, .activity-poster-source { font-size: 13px; font-weight: 800; }
|
||||
.activity-card-image { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
|
||||
.activity-date-block { position: absolute; right: 12px; bottom: 12px; z-index: 2; display: grid; grid-template-areas: "month month" "day countdown"; grid-template-columns: 46px minmax(54px, 1fr); min-width: 108px; overflow: hidden; border: 1px solid rgba(255,255,255,.58); border-radius: 6px; background: rgba(7, 24, 33, .94); color: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, .28); backdrop-filter: blur(12px); }
|
||||
.activity-date-month { position: relative; grid-area: month; padding: 7px 9px 6px; border-bottom: 1px solid rgba(7,24,33,.12); background: #f3fbff; color: #075e72; font-size: 13px; font-weight: 800; line-height: 1.1; text-align: center; }
|
||||
.activity-date-month::before, .activity-date-month::after { position: absolute; top: -2px; width: 4px; height: 8px; border-radius: 0 0 2px 2px; background: #19a884; content: ""; }
|
||||
.activity-date-month::before { left: 18px; }
|
||||
.activity-date-month::after { right: 18px; }
|
||||
.activity-date-day { grid-area: day; padding: 9px 5px 10px; font-size: 31px; font-weight: 800; line-height: 1; text-align: center; }
|
||||
.activity-date-countdown { grid-area: countdown; align-self: stretch; display: grid; margin: 7px 7px 7px 0; padding: 0 6px; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.9); font-size: 12px; font-weight: 700; line-height: 1.2; text-align: center; }
|
||||
.activity-card-body { padding: 17px; }
|
||||
.activity-card-meta, .activity-platforms, .activity-actions { display: flex; flex-wrap: wrap; gap: 7px; }
|
||||
.activity-card-meta span, .activity-platforms span { padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-secondary); font-size: 13px; }
|
||||
.activity-source-level.is-official { border-color: #197b65; color: #2fb48f; }
|
||||
.activity-card-body h3 { margin: 11px 0 6px; color: var(--ink); font-family: var(--textile-editorial-font-bold); font-size: 20px; font-weight: 400; line-height: 1.4; text-wrap: pretty; font-synthesis: none; }
|
||||
.activity-title-original, .activity-location, .activity-proof { margin: 0 0 8px; color: var(--muted); font-size: 13px; line-height: 1.55; }
|
||||
.activity-platforms { margin: 9px 0; }
|
||||
.activity-summary, .activity-next-action { margin: 9px 0 0; color: var(--ink-secondary); font-size: 16px; line-height: 1.65; }
|
||||
.activity-next-action { padding: 11px 12px; border-left: 4px solid #d49b34; background: var(--trans-bg); color: var(--ink); }
|
||||
.activity-actions { margin-top: 15px; }
|
||||
.activity-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 13px; border: 1px solid var(--line); color: var(--ink); font-size: 15px; font-weight: 800; text-decoration: none; }
|
||||
.activity-action.primary { border-color: #197b65; background: #197b65; color: #fff; }
|
||||
.activity-action.translate { border-color: #3f81c8; color: #61a3e8; }
|
||||
.activity-action.is-fallback { border-color: #3577cf; color: #5b9ce9; }
|
||||
.activity-proof { margin-top: 13px; }
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.activity-filter-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.activity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.activity-filter-toolbar, .activity-grid { grid-template-columns: 1fr; }
|
||||
.activity-filter-toolbar { padding: 12px; }
|
||||
.activity-focus-switch { grid-template-columns: 1fr 1fr; }
|
||||
.activity-focus-btn { min-height: 48px; }
|
||||
.activity-filter-fields { grid-template-columns: 1fr; }
|
||||
.activity-card-visual { min-height: 190px; }
|
||||
.activity-action { flex: 1 1 150px; min-height: 48px; }
|
||||
}
|
||||
|
||||
/* 中年经营者模式：所有筛选、统计与月份切换保持可读且可触控。 */
|
||||
.intelligence-stat span,
|
||||
.calendar-planner-eyebrow,
|
||||
.calendar-filter-field,
|
||||
.calendar-month-heading span,
|
||||
.calendar-event-source span,
|
||||
.calendar-highlight-button span { font-size: 13px; }
|
||||
.calendar-year-btn, .calendar-scope-btn, .calendar-month-btn { min-height: 44px; font-size: 15px; }
|
||||
.calendar-filter-field > span { font-size: 14px; }
|
||||
|
||||
.calendar-date-block::before {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image: radial-gradient(circle at 20% 25%, color-mix(in srgb, var(--culture-accent) 25%, transparent) 0 2px, transparent 2.5px);
|
||||
background-size: 17px 17px;
|
||||
content: "";
|
||||
opacity: 0.56;
|
||||
}
|
||||
|
||||
.calendar-event-card[data-event-type="christmas"] .calendar-date-block::before { background-image: repeating-linear-gradient(45deg, transparent 0 11px, color-mix(in srgb, var(--culture-accent) 22%, transparent) 11px 13px); }
|
||||
.calendar-event-card[data-event-type="lunar-new-year"] .calendar-date-block::before { background-image: radial-gradient(circle, color-mix(in srgb, var(--culture-accent) 30%, transparent) 0 3px, transparent 3.5px); background-size: 24px 24px; }
|
||||
.calendar-event-card[data-event-type="islamic"] .calendar-date-block::before { background-image: repeating-radial-gradient(circle at 0 0, transparent 0 10px, color-mix(in srgb, var(--culture-accent) 24%, transparent) 11px 12px); }
|
||||
.calendar-event-card[data-event-type="sport"] .calendar-date-block::before { background-image: repeating-linear-gradient(120deg, transparent 0 14px, color-mix(in srgb, var(--culture-accent) 22%, transparent) 14px 17px); }
|
||||
.calendar-event-card[data-event-type="retail"] .calendar-date-block::before { background-image: repeating-linear-gradient(135deg, transparent 0 18px, color-mix(in srgb, var(--culture-accent) 22%, transparent) 18px 21px); }
|
||||
|
||||
.calendar-country-name { display: inline-flex; align-items: center; gap: 7px; }
|
||||
.calendar-country-flag { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 20px; line-height: 1; }
|
||||
.calendar-platform-identity { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
|
||||
.calendar-platform-logo { display: block; width: 24px; height: 24px; padding: 3px; border: 1px solid var(--line); background: #fff; object-fit: contain; }
|
||||
|
||||
.calendar-highlight-rail { margin: 0 0 16px; padding: 14px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.calendar-highlight-rail > strong { display: block; color: var(--ink); font-family: inherit; font-size: 18px; font-weight: 800; }
|
||||
.calendar-highlight-links { display: flex; gap: 8px; overflow-x: auto; margin-top: 10px; padding-bottom: 3px; }
|
||||
.calendar-highlight-button { display: grid; flex: 0 0 176px; gap: 3px; min-height: 70px; padding: 10px 12px; border: 1px solid var(--line); background: var(--card-trans-bg); color: var(--ink); text-align: left; cursor: pointer; }
|
||||
.calendar-highlight-button:hover, .calendar-highlight-button:focus-visible { border-color: var(--intel-brand-blue); background: color-mix(in srgb, var(--intel-brand-blue) 7%, var(--card-trans-bg)); }
|
||||
.calendar-highlight-button span { color: var(--intel-brand-blue); font-size: 13px; font-weight: 800; }
|
||||
.calendar-highlight-button b { font-size: 15px; line-height: 1.35; }
|
||||
|
||||
.platform-summary { border-left: 3px solid #1e9a76; }
|
||||
.platform-filter-toolbar { display: grid; grid-template-columns: repeat(3, minmax(140px, 0.8fr)) minmax(220px, 1.4fr); gap: 10px; margin-bottom: 14px; padding: 14px; border: 1px solid var(--line); background: var(--panel-solid); }
|
||||
.platform-filter-field { display: grid; gap: 6px; min-width: 0; color: var(--ink-secondary); font-size: 14px; font-weight: 800; }
|
||||
.platform-filter-control { min-width: 0; min-height: 48px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel-solid); color: var(--ink); font-size: 16px; }
|
||||
.platform-filter-control:focus-visible { border-color: #1e9a76; outline-color: #1e9a76; }
|
||||
.platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 14px; margin-top: 14px; }
|
||||
.platform-card { min-width: 0; padding: 18px; border: 1px solid var(--line); background: var(--card-trans-bg); }
|
||||
.platform-card-header { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; }
|
||||
.platform-logo-box { display: grid; width: 78px; height: 58px; padding: 8px; place-items: center; border: 1px solid var(--line); background: #fff; }
|
||||
.platform-logo { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
|
||||
.platform-title { min-width: 0; }
|
||||
.platform-title > span { color: var(--ink-secondary); font-size: 13px; }
|
||||
.platform-card h3 { margin: 3px 0 0; color: var(--ink); font-size: 20px; line-height: 1.3; text-wrap: pretty; }
|
||||
.platform-access { grid-column: 1 / -1; justify-self: start; white-space: nowrap; }
|
||||
.platform-access.is-a { color: #148764; background: rgba(20, 135, 100, 0.13); }
|
||||
.platform-access.is-b { color: #315d9c; background: rgba(49, 93, 156, 0.13); }
|
||||
.platform-markets { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px; }
|
||||
.platform-category, .platform-access-note, .platform-fit { margin-top: 12px; padding: 11px 12px; background: var(--trans-bg); }
|
||||
.platform-category { border-left: 4px solid #1e9a76; }
|
||||
.platform-access-note { border-left: 4px solid var(--intel-brand-blue); }
|
||||
.platform-category strong, .platform-access-note strong, .platform-fit strong { color: var(--ink); font-size: 14px; }
|
||||
.platform-category p, .platform-access-note p, .platform-fit p { margin: 5px 0 0; color: var(--ink-secondary); font-size: 16px; line-height: 1.65; }
|
||||
.platform-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
|
||||
.platform-action-group { display: inline-flex; align-items: stretch; gap: 0; }
|
||||
.platform-action-group > .platform-action { border-radius: 0; }
|
||||
.platform-action-group > .platform-action:first-child { border-radius: 5px 0 0 5px; }
|
||||
.platform-action-group > .platform-action:last-child { border-radius: 0 5px 5px 0; }
|
||||
.platform-action-group > .platform-action + .platform-action { margin-left: -1px; }
|
||||
.translation-action-group .platform-action.translate { border-color: #2fb48f; color: #2fb48f; background: color-mix(in srgb, #2fb48f 9%, var(--panel-solid)); }
|
||||
.platform-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 13px; border: 1px solid var(--line); color: var(--ink); font-size: 15px; font-weight: 800; text-decoration: none; }
|
||||
.platform-action.primary { border-color: #1e9a76; background: #1e9a76; color: #fff; }
|
||||
.platform-action.language { border-color: color-mix(in srgb, var(--intel-brand-blue) 52%, var(--line)); color: var(--intel-brand-blue); }
|
||||
.platform-action:hover { border-color: #1e9a76; }
|
||||
.platform-proof { margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.platform-filter-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.platform-filter-toolbar { grid-template-columns: 1fr; padding: 12px; }
|
||||
.platform-grid { grid-template-columns: 1fr; }
|
||||
.platform-card-header { grid-template-columns: 70px minmax(0, 1fr); }
|
||||
.platform-access { grid-column: 1 / -1; justify-self: start; }
|
||||
.platform-action-group { flex: 1 1 100%; }
|
||||
.platform-action-group .platform-action { flex: 1 1 auto; min-height: 48px; }
|
||||
.platform-action.language { flex: 1 1 100%; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.calendar-event-card:hover .calendar-date-block::after { animation: calendar-pattern-drift 5s ease-in-out infinite alternate; }
|
||||
}
|
||||
|
||||
@keyframes calendar-pattern-drift {
|
||||
to { translate: -10px 8px; rotate: 9deg; }
|
||||
}
|
||||
|
||||
/* 情报工作台统一视觉覆盖：小圆角、品牌蓝绿、亮暗主题一致。 */
|
||||
.textile-wrap .intelligence-card,
|
||||
.textile-wrap .calendar-event-card,
|
||||
.textile-wrap .exhibition-card,
|
||||
.textile-wrap .policy-card,
|
||||
.textile-wrap .standard-card,
|
||||
.textile-wrap .platform-card,
|
||||
.textile-wrap .activity-card,
|
||||
.textile-wrap .scene-summary,
|
||||
.textile-wrap .calendar-planner,
|
||||
.textile-wrap .calendar-decision-toolbar,
|
||||
.textile-wrap .calendar-highlight-rail,
|
||||
.textile-wrap .calendar-month-grid-wrap,
|
||||
.textile-wrap .trend-search-hub,
|
||||
.textile-wrap .trend-subtabs,
|
||||
.textile-wrap .platform-filter-toolbar,
|
||||
.textile-wrap .activity-filter-toolbar { border-radius: var(--intel-radius); }
|
||||
|
||||
.textile-wrap .intelligence-tab.active,
|
||||
.textile-wrap .intelligence-load-more,
|
||||
.textile-wrap .platform-action.primary,
|
||||
.textile-wrap .activity-action.primary,
|
||||
.textile-wrap .trend-news-button.primary { border-color: var(--intel-brand-blue); }
|
||||
|
||||
.textile-wrap .platform-action.primary,
|
||||
.textile-wrap .activity-action.primary,
|
||||
.textile-wrap .trend-news-button.primary { background: var(--intel-brand-blue); color: #fff; }
|
||||
|
||||
html[data-theme="dark"] .calendar-planner {
|
||||
background: linear-gradient(120deg, color-mix(in srgb, var(--intel-brand-blue) 25%, var(--panel-solid)), color-mix(in srgb, var(--intel-brand-green) 12%, var(--panel-solid)));
|
||||
}
|
||||
|
||||
@media (min-width: 1360px) {
|
||||
.platform-grid { grid-template-columns: repeat(3, minmax(380px, 1fr)); }
|
||||
}
|
||||
@@ -0,0 +1,119 @@
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--bg: #090909;
|
||||
--panel: #141414;
|
||||
--line: #303030;
|
||||
--text: #f5f5f2;
|
||||
--muted: #a8a8a2;
|
||||
--accent: #ff6b35;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font-family: Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
a { color: inherit; }
|
||||
|
||||
.seo-topbar {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 24px;
|
||||
min-height: 64px;
|
||||
padding: 0 5vw;
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: rgba(9, 9, 9, 0.94);
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
.seo-brand { color: var(--text); font-size: 18px; font-weight: 800; text-decoration: none; }
|
||||
.seo-brand::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 9px; background: var(--accent); }
|
||||
.seo-topbar nav { display: flex; gap: 18px; }
|
||||
.seo-topbar nav a { color: var(--muted); font-size: 14px; text-decoration: none; }
|
||||
.seo-topbar nav a:hover { color: var(--text); }
|
||||
|
||||
.seo-shell { width: min(1180px, 90vw); margin: 0 auto; padding: 56px 0 88px; }
|
||||
.seo-hero { max-width: 780px; margin-bottom: 42px; }
|
||||
.seo-eyebrow { margin: 0 0 10px; color: var(--accent); font-size: 13px; font-weight: 800; }
|
||||
.seo-hero h1, .seo-detail h1 { margin: 0; font-size: clamp(34px, 6vw, 72px); line-height: 1.05; letter-spacing: 0; }
|
||||
.seo-hero > p:last-child, .seo-lead { color: var(--muted); font-size: 18px; }
|
||||
.seo-original { margin: 10px 0 16px; color: var(--muted); font-size: 13px; line-height: 1.5; }
|
||||
|
||||
.seo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
|
||||
.seo-card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-top: 3px solid var(--card-accent); background: var(--panel); }
|
||||
.seo-card.is-calendar { display: flex; flex-direction: column; box-shadow: inset 4px 0 0 color-mix(in srgb, var(--card-accent) 64%, transparent); }
|
||||
.seo-card-meta { margin: 0 0 12px; color: var(--muted); font-size: 12px; }
|
||||
.seo-card h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.35; }
|
||||
.seo-card h2 a { text-decoration: none; }
|
||||
.seo-card h2 a:hover { color: var(--card-accent); }
|
||||
.seo-card > p:not(.seo-card-meta) { color: var(--muted); font-size: 14px; }
|
||||
.seo-proof { display: block; margin-top: auto; padding-top: 14px; color: var(--card-accent); font-size: 12px; font-weight: 700; }
|
||||
.seo-window { margin: 12px 0 0; padding: 9px 10px; border-left: 3px solid var(--card-accent); background: #1b1b1b; color: var(--text) !important; font-size: 12px !important; }
|
||||
.seo-decision { margin: 12px 0 0; color: var(--card-accent) !important; font-size: 13px !important; font-weight: 800; }
|
||||
.seo-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 11px 0; }
|
||||
.seo-tags span { padding: 3px 7px; border: 1px solid var(--line); color: var(--muted); font-size: 11px; }
|
||||
|
||||
.seo-section-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
|
||||
.seo-section-links a { display: flex; justify-content: space-between; padding: 24px; border: 1px solid var(--line); background: var(--panel); text-decoration: none; }
|
||||
.seo-section-links a:hover { border-color: var(--accent); }
|
||||
.seo-section-links span { color: var(--muted); }
|
||||
|
||||
.seo-detail { max-width: 860px; margin: 0 auto; }
|
||||
.seo-breadcrumb { display: flex; gap: 8px; margin-bottom: 28px; color: var(--muted); font-size: 13px; }
|
||||
.seo-breadcrumb a { text-decoration: none; }
|
||||
.seo-detail-image, .seo-poster { width: 100%; aspect-ratio: 16 / 9; margin: 30px 0; border: 1px solid var(--line); }
|
||||
.seo-detail-image { display: block; object-fit: cover; }
|
||||
.seo-poster { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(24px, 6vw, 62px); background: linear-gradient(145deg, color-mix(in srgb, var(--poster-accent) 34%, #111), #090909 68%); }
|
||||
.seo-poster span, .seo-poster small { color: var(--muted); font-weight: 700; }
|
||||
.seo-poster strong { max-width: 720px; font-size: clamp(28px, 5vw, 58px); line-height: 1.15; }
|
||||
.seo-facts { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
|
||||
.seo-facts div { padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
|
||||
.seo-facts dt { color: var(--muted); font-size: 12px; }
|
||||
.seo-facts dd { margin: 4px 0 0; font-weight: 700; }
|
||||
.seo-action { margin: 30px 0; padding: 24px; border-left: 4px solid var(--accent); background: var(--panel); }
|
||||
.seo-action h2 { margin-top: 0; }
|
||||
.seo-source-link { display: inline-flex; padding: 12px 18px; background: var(--accent); color: #111; font-weight: 800; text-decoration: none; }
|
||||
.seo-context { margin: 30px 0; padding: 22px; border: 1px solid var(--line); background: var(--panel); }
|
||||
.seo-context h2 { margin: 0 0 12px; font-size: 20px; }
|
||||
.seo-context p { color: var(--muted); }
|
||||
.seo-context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
|
||||
.seo-context-grid > div { min-width: 0; padding: 14px; border: 1px solid var(--line); background: #101010; }
|
||||
.seo-context-grid strong { font-size: 13px; }
|
||||
.seo-caution { padding: 10px 12px; border-left: 3px solid #ef8b75; background: #1a1210; }
|
||||
.seo-proof-layer { border-left: 4px solid #67cbb7; }
|
||||
.seo-context ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 22px; padding-left: 22px; color: var(--muted); }
|
||||
.seo-link-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
|
||||
.seo-link-row a { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 11px; border: 1px solid var(--line); color: var(--text); font-size: 12px; font-weight: 700; text-decoration: none; }
|
||||
.seo-link-row a:hover { border-color: var(--accent); color: var(--accent); }
|
||||
.seo-year-nav { display: flex; gap: 6px; margin: -18px 0 28px; }
|
||||
.seo-year-nav a { min-width: 74px; padding: 8px 12px; border: 1px solid var(--line); color: var(--muted); font-weight: 800; text-align: center; text-decoration: none; }
|
||||
.seo-year-nav a:hover { border-color: var(--accent); color: var(--text); }
|
||||
.seo-footer { padding: 28px 5vw; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; text-align: center; }
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.seo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.seo-topbar { align-items: flex-start; flex-direction: column; padding-top: 16px; padding-bottom: 16px; }
|
||||
.seo-topbar nav { width: 100%; overflow-x: auto; }
|
||||
.seo-topbar nav a { flex: 0 0 auto; }
|
||||
}
|
||||
|
||||
@media (max-width: 620px) {
|
||||
.seo-shell { width: min(92vw, 540px); padding-top: 38px; }
|
||||
.seo-grid, .seo-section-links, .seo-facts { grid-template-columns: 1fr; }
|
||||
.seo-hero h1, .seo-detail h1 { font-size: 36px; line-height: 1.12; }
|
||||
.seo-lead, .seo-hero > p:last-child { font-size: 16px; }
|
||||
.seo-original { margin-top: 12px; }
|
||||
.seo-card { padding: 18px; }
|
||||
.seo-context ol, .seo-context-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user