/* 两种云官网参考配色。最后加载，不对真实图片、视频或二维码染色。 */
:root {
  --paper:#ffffff; --ink:#161d2b; --muted:#516077; --line:#d9e3f1; --soft:#f3f7ff;
  --blue:#0757c9; --red:#2454a0; --white:#ffffff;
  --surface:#ffffff; --surface-alt:#eaf2ff; --line-strong:#7d8eaa;
  --accent:#0757c9; --accent-2:#2454a0; --button-bg:#0664e9; --button-ink:#ffffff;
  --button-gradient-end:#0664e9; --button-fill:linear-gradient(110deg,#0664e9,#0664e9);
  --button-hover:#0557ce; --button-hover-end:#0557ce; --button-hover-fill:linear-gradient(110deg,#0557ce,#0557ce);
  --button-border:#0664e9; --focus:#0757c9;
  --selection:#d9e7ff; --selection-ink:#161d2b; --footer-bg:#f3f7ff; --field-bg:#ffffff;
  --sidebar-bg:#ffffff; --sidebar-ink:#161d2b; --sidebar-muted:#516077;
  --sidebar-soft:#f3f7ff; --sidebar-active:#eaf2ff; --sidebar-line:#a9bad3; --sidebar-focus:#0757c9;
  --media-bg:#111f37; --media-ink:#ffffff; --media-muted:#dce6f5; --media-line:#94a8c8;
  --media-overlay:#111f37e8; --media-label-bg:#111f37e8; --media-badge-bg:#111f37e8; --media-badge-line:#94a8c8;
  --art-bg:#dfedff; --art-bg-alt:#eaf2ff; --art-ink:#2454a0;
  --feature-bg:#f5f9ff; --feature-gradient-end:#e8f1ff; --feature-accent:#0757c9;
  --feature-ink:#161d2b; --feature-muted:#516077; --feature-line:#cadcf6;
  --feature-surface:#ffffff; --feature-media-bg:#dfedff; --feature-media-ink:#2454a0;
  --success-bg:#e9f5ef; --success-ink:#286346; --warning-bg:#fff2df; --warning-ink:#80551e;
  --error-bg:#fff0ec; --error-ink:#a03529; --shadow-color:#1e4a8a0d; --backdrop-color:#101b30b3;
}
::selection { background:var(--selection); color:var(--selection-ink); }
body { background:var(--paper); color:var(--ink); }
input,textarea,select { color:var(--ink); accent-color:var(--accent); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
select option { background:var(--field-bg); color:var(--ink); }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
.admin-shell :is(button,a,input,select,textarea):focus-visible { outline-color:var(--focus); }
.preview-bar { background:var(--soft); color:var(--ink); }
.preview-bar i { background:var(--accent); }
.preview-bar a { color:var(--accent); }
.skip-link,.brand-mark,#toast { background:var(--button-bg); color:var(--button-ink); }
.site-header,.main-nav { background:var(--paper); }
.main-nav { box-shadow:0 8px 12px var(--shadow-color); }
.main-nav a[aria-current=page]:after { background:var(--accent); }
.hero-copy>p { color:var(--muted); }
.button { color:var(--ink); border-color:var(--line-strong); }
.button:hover { background:var(--soft); border-color:var(--accent); }
.button.primary { background:var(--button-fill); border-color:var(--button-border); color:var(--button-ink); }
.button.primary:hover { background:var(--button-hover-fill); border-color:var(--button-hover); }
.filter-button { color:var(--ink); }
.filter-button:hover { border-color:var(--line-strong); }
.filter-button.active { background:var(--button-fill); border-color:var(--button-border); color:var(--button-ink); }
.filter-button.active:hover { background:var(--button-hover-fill); }
.article-index { color:var(--accent); border-color:var(--line); }
.article-list .article-index { background:var(--soft); color:var(--accent); }
.article-body { color:var(--ink); }
.topic-tile { background:var(--soft); border-color:var(--line); }
.topic-tile:nth-child(3n) { background:var(--surface-alt); }
.topic-tile p,.topic-tile .topic-count { color:var(--muted); }
.topic-tile:after { border-color:var(--line); box-shadow:0 0 0 18px var(--soft),0 0 0 37px var(--soft); opacity:.42; }
.topic-tile:hover { border-color:var(--accent); }
.topic-tile h3,.topic-tile p,.topic-tile .topic-count { z-index:1; position:relative; }
.site-footer { background:var(--footer-bg); }
.footer-bottom { color:var(--muted); border-color:var(--line); }
.search-form,.library-search input,dialog input { background:var(--field-bg); color:var(--ink); border-color:var(--line-strong); }
.search-form input { color:var(--ink); }
.search-form { border-color:var(--line-strong); }
.archive-controls select { background:var(--field-bg); border-color:var(--line-strong); color:var(--ink); }
.demo-note,.store-preview-note { background:var(--soft); color:var(--muted); border-left-color:var(--accent); }
.about-panel { background:var(--soft); color:var(--ink); }
.about-panel p { color:var(--muted); }
.about-panel a { color:var(--accent); border-color:var(--line-strong); }
.portrait-placeholder .seal { border-color:var(--line-strong); color:var(--accent); }
.qr-area { color:var(--muted); border-color:var(--line-strong); }
.qr-area img { background:#fff; }
.product-card { background:var(--surface); }
dialog { background:var(--paper); color:var(--ink); }
dialog::backdrop { background:var(--backdrop-color); }

/* 媒体周边始终保留深色底与明亮文字；不对图片、视频使用滤镜或混合模式。 */
.hero-feature,.hero-screen,.hero-empty,.video-stage { background:var(--media-bg); color:var(--media-ink); }
.hero-feature:after,.hero-screen-shade { background:linear-gradient(0deg,#111f37f5,#111f3700 80%); }
.feature-copy p,.hero-slide-copy p,.missing-media p { color:var(--media-muted); }
.hero-slide-copy,.missing-media { color:var(--media-ink); }
.badge,.hero-media-kind { color:var(--media-ink); background:var(--media-badge-bg); border-color:var(--media-badge-line); }
.play-circle { border-color:var(--media-line); background:var(--media-label-bg); }
.cover-play { color:var(--media-ink); border-color:var(--media-line); background:var(--media-label-bg); }
.cover-duration { background:var(--media-label-bg); color:var(--media-ink); }
.hero-video-caption { background:var(--media-label-bg); color:var(--media-ink); }
.hero-video-caption>span { border-color:var(--media-line); }
.missing-media .button { color:var(--button-ink); background:var(--button-fill); border-color:var(--button-border); }
.missing-media .button:hover { background:var(--button-hover-fill); border-color:var(--button-hover); }
.video-stage video,.hero-screen video { background:var(--media-bg); }
.art { background:var(--soft); }
.art.ocean,.art.globe { background:var(--art-bg); color:var(--art-ink); }
.art.land,.art.route { background:var(--art-bg-alt); color:var(--art-ink); }
.art-caption { color:var(--art-ink); opacity:1; }
.carousel-track { scrollbar-color:var(--line-strong) transparent; }
.carousel-track::-webkit-scrollbar-thumb { background:var(--line-strong); }
.carousel-arrow { border-color:var(--line-strong); color:var(--ink); }
.carousel-arrow:hover:not(:disabled) { background:var(--soft); border-color:var(--accent); }
.carousel-dots button { background:var(--line-strong); }
.carousel-dots button[aria-current=true] { background:var(--accent); }
.article-feature { background:var(--soft); border-color:var(--line); }
.article-feature-art>span { color:var(--media-ink); background:var(--media-label-bg); }
.shop-art,.shop-art.ocean,.shop-art.globe { background:var(--soft); color:var(--accent); }
.shop-art.route { background:var(--surface-alt); }
.shop-art>span,.store-card-meta>span:last-child { color:var(--muted); }
.store-card-bottom>strong,.product-detail-price { color:var(--accent); }

/* 工作台同样使用白底与浅蓝层次，保留清楚的表单、状态和焦点。 */
.admin-shell {
  --admin-paper:var(--paper); --admin-ink:var(--ink); --admin-muted:var(--muted);
  --admin-line:var(--line); --admin-blue:var(--accent); --admin-red:var(--error-ink);
  background:var(--paper); color:var(--ink);
}
.admin-sidebar { background:var(--sidebar-bg); color:var(--sidebar-ink); }
.admin-brand-mark { border-color:var(--sidebar-line); }
.admin-brand small,.admin-nav-link small,.admin-identity label,.admin-identity p,.admin-reset { color:var(--sidebar-muted); }
.admin-nav-link:hover { background:var(--sidebar-soft); }
.admin-nav-link.admin-is-active { background:var(--sidebar-active); border-left-color:var(--sidebar-focus); }
.admin-nav-link.admin-is-active small { color:var(--sidebar-ink); }
.admin-identity,.admin-reset,.admin-nav { border-color:var(--sidebar-line); }
.admin-identity select { background:var(--sidebar-soft); color:var(--sidebar-ink); border-color:var(--sidebar-line); }
.admin-identity select option { background:var(--sidebar-bg); color:var(--sidebar-ink); }
.admin-reset button { color:var(--sidebar-ink); }
.admin-return { color:var(--sidebar-ink) !important; }
.admin-sidebar :is(a,button,select):focus-visible { outline-color:var(--sidebar-focus); }
.admin-demo-notice { background:var(--soft); color:var(--muted); border-color:var(--line); }
.admin-demo-badge { color:var(--ink); border-color:var(--line-strong); }
.admin-button { background:var(--button-fill); color:var(--button-ink) !important; border-color:var(--button-border); }
.admin-button:hover { background:var(--button-hover-fill); border-color:var(--button-hover); }
.admin-button-secondary { color:var(--ink) !important; background:transparent; border-color:var(--line-strong); }
.admin-button-secondary:hover { background:var(--soft); border-color:var(--accent); }
.admin-filters input,.admin-filters select { background:var(--field-bg); color:var(--ink); border-color:var(--line-strong); }
.admin-search-button { background:var(--soft); color:var(--ink); border-color:var(--line-strong); }
.admin-content-list,.admin-topic-list,.admin-product-list,.admin-logs { border-top-color:var(--line-strong); }
.admin-type-mark { color:var(--accent); border-color:var(--line-strong); }
.admin-type-video { background:var(--surface-alt); color:var(--accent); border-color:var(--line); }
.admin-featured-label { color:var(--accent-2); border-color:var(--line); }
.admin-status-published { background:var(--success-bg); color:var(--success-ink); }
.admin-status-draft { background:var(--warning-bg); color:var(--warning-ink); }
.admin-status-offline { background:var(--soft); color:var(--muted); }
.admin-empty { background:var(--soft); }
.admin-toast { background:var(--success-bg); border-left-color:var(--success-ink); color:var(--success-ink); }
.admin-toast-error,.admin-form-error { background:var(--error-bg); border-color:var(--error-ink); color:var(--error-ink); }
.admin-panel { background:var(--surface); }
.admin-field input:not([type="checkbox"]),.admin-field textarea,.admin-field select { background:var(--field-bg); color:var(--ink); border-color:var(--line-strong); }
.admin-field input[type="file"] { background:var(--soft); }
.admin-field input[type="file"]::file-selector-button { background:var(--field-bg); color:var(--ink); border-color:var(--line-strong); }
.admin-field input::placeholder,.admin-field textarea::placeholder { color:var(--muted); }
.admin-check input { accent-color:var(--accent); }
.admin-upload { background:var(--soft); border-color:var(--line-strong); }
.admin-upload-icon { border-color:var(--line-strong); }
.admin-image-preview img,.admin-product-thumb { background:var(--soft); }
.admin-qr-preview img { background:#fff; }
.admin-preview { background:var(--surface); border-color:var(--line-strong); }
.admin-section-heading { background:var(--soft); border-color:var(--line); }
.admin-preview-excerpt { border-left-color:var(--line-strong); }
.admin-video,.admin-hero-preview img,.admin-hero-preview video { background:var(--media-bg); }
.admin-media-placeholder,.admin-hero-preview { background:var(--soft); color:var(--muted); }
.admin-topic-item small,.admin-product-item small { color:var(--muted); }
.admin-topic-art,.admin-product-placeholder { background-color:var(--art-bg); color:var(--art-ink); }
.admin-art-land,.admin-art-route,
.admin-product-placeholder.admin-art-land,.admin-product-placeholder.admin-art-route { background-color:var(--art-bg-alt); }
.admin-art-globe,.admin-product-placeholder.admin-art-globe { background-color:var(--art-bg); }
.admin-topic-art span { opacity:1; }
.admin-hero-empty { border-color:var(--line-strong); }
.admin-product-visibility { background:var(--soft); border-color:var(--line); }
.admin-content-checks { background:var(--field-bg); }
@media(max-width:720px) {
  .admin-nav-link.admin-is-active { border-bottom-color:var(--sidebar-focus); }
}