/* ============================================ GE-WORLD · LIGHT EDITION(浅色主题覆盖) 需在 style.css 之后加载,与深色版共存: 仅当 时生效。 ============================================ */ .theme-light { --bg: #f4f1e8; --bg-alt: #eae6da; --panel: #fffdf7; --ink: #20251f; --accent: #167b5b; --accent-warm: #a66124; --border: #cbc5b7; --dim: #495149; background: var(--bg); color: var(--ink); } .theme-light .rail-bar { background: #b9b2a3; } .theme-light .rail-bar:hover, .theme-light .rail-bar.active { background: var(--accent); } .theme-light .hero { background: radial-gradient(circle at 50% 48%, rgba(22,123,91,.1), transparent 30%), linear-gradient(135deg, #f8f5ed 0%, #e8e3d7 100%); } .theme-light .hero-media { display: none; } .theme-light .hero-content { padding: 0 6vw; text-align: center; } .theme-light .hero-title { color: #116b4e; text-shadow: 0 2px 20px rgba(255,255,255,.75); } .theme-light .hero-subtitle { color: var(--ink); text-shadow: none; } .theme-light .section-alt, .theme-light .about-section { background: var(--bg-alt); } .theme-light .card, .theme-light .stat, .theme-light .fail-card, .theme-light .era, .theme-light .pipeline-node, .theme-light .stack-layer, .theme-light .market-paths article, .theme-light .revenue-ladder article, .theme-light .allocation-grid article { background: rgba(255,253,247,.92); } .theme-light .pipeline-section { background: linear-gradient(rgba(22,123,91,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(22,123,91,.06) 1px, transparent 1px), radial-gradient(circle at 50% 45%, #f7f4eb 0, #eeeade 48%, #e5e0d3 100%); background-size: 34px 34px, 34px 34px, auto; } .theme-light .pipeline-node:hover, .theme-light .pipeline-node:focus-visible { background: #fffdf7; box-shadow: 0 14px 34px rgba(57,50,38,.18); } .theme-light .node-symbol { background: #f2eee3; border-color: #c9ad8c; } .theme-light .world-optimizer { background: #e5e0d4; border-color: #b9b2a3; } .theme-light .world-optimizer:hover, .theme-light .world-optimizer:focus-visible { background: #ddd7c9; } .theme-light .world-optimizer p { color: #20251f; } .theme-light .stage-subpage, .theme-light .go2-demo-dialog { background: rgba(39,37,31,.62); backdrop-filter: blur(8px) brightness(.9); } .theme-light .subpage-shell, .theme-light .go2-dialog-panel { background: #faf8f1; border-color: #a8a08f; box-shadow: 0 28px 90px rgba(39,35,27,.38); } .theme-light .subpage-content p, .theme-light .detail-split article > p:last-child, .theme-light .optimizer-paths article > p:not(.detail-eyebrow) { color: #50574f; } .theme-light .subpage-content .detail-note { color: #4f574f; } .theme-light .method-grid article, .theme-light .generation-grid article, .theme-light .detail-split article, .theme-light .protocol-grid article, .theme-light .optimizer-paths > article { background: #f0ece1; } .theme-light .state-code { background: #262d28; color: #e7e6df; } .theme-light .detail-flow span, .theme-light .constructor-flow span { background: #ebe7db; } .theme-light .rule-layers span { background: #e7e2d6; border-bottom-color: #a66124; color: #303730; } .theme-light .optimizer-loop span, .theme-light .action-space span { background: #eee9de; border-color: #9eb5a7; } .theme-light .optimizer-roadmap { background: #ece7dc; border-top-color: #aaa393; } .theme-light .optimizer-roadmap li { background: #f8f5ed; color: #303730; } /* Keep the text-heavy editorial pages crisp on the warm light canvas. */ .theme-light .quote-text { color: #343b34; } .theme-light .quote-cite { color: #854b19; } .theme-light .quote-mark { opacity: .55; } .theme-light .fail-card h3 { color: #20251f; } .theme-light .fail-sub { color: #3f473f; } .theme-light .fail-desc { color: #353c35; } .theme-light .fail-outro { color: #116b4e; } /* Media labels sit on a dark translucent plaque, so keep them consistently white. */ .theme-light .era-demo figcaption, .theme-light .fail-media-video figcaption { color: #fff; background: rgba(20, 22, 19, .72); } /* Light-edition scrollbars: page, modal content and responsive overflow areas. */ .theme-light, .theme-light * { scrollbar-color: #79a28f #e8e2d6; scrollbar-width: thin; } .theme-light .subpage-content, .theme-light .go2-dialog-panel, .theme-light .stage-subpage { scrollbar-color: #79a28f #e8e2d6; } .theme-light::-webkit-scrollbar, .theme-light *::-webkit-scrollbar { width: 10px; height: 10px; } .theme-light::-webkit-scrollbar-track, .theme-light *::-webkit-scrollbar-track { background: #e8e2d6; } .theme-light::-webkit-scrollbar-thumb, .theme-light *::-webkit-scrollbar-thumb { background: #79a28f; border: 2px solid #e8e2d6; border-radius: 999px; } .theme-light::-webkit-scrollbar-thumb:hover, .theme-light *::-webkit-scrollbar-thumb:hover { background: #167b5b; } .theme-light .person-row:hover, .theme-light .person-row:focus-visible { background: rgba(22,123,91,.07); } .theme-light .person-one-line, .theme-light .person-detail p { color: #4c544c; } .theme-light .go2-layer:hover, .theme-light .go2-layer:focus-visible { background: #fffdf7; } .theme-light .go2-mini-timeline article::before { background: var(--panel); } .theme-light .go2-ending, .theme-light .showcase-summary { background: #eeeade; } .theme-light .go2-ending, .theme-light .showcase-summary p { color: #525950; } .theme-light .go2-results li, .theme-light .go2-mini-timeline p, .theme-light .go2-detail-timeline p { color: #4d554d; } .theme-light .go2-detail-timeline article::before { background: #faf8f1; } .theme-light .showcase-hero, .theme-light .showcase-pair figure { background: #ded9cd; } .theme-light .market-hero::after { background: linear-gradient(0deg, rgba(29,31,27,.9), transparent 72%); } .theme-light .market-hero figcaption { color: #f7f4eb; } .theme-light .market-hero figcaption span { color: #e4e2db; } .theme-light .market-intro { color: #414a41; } .theme-light .market-intro b { color: #1c2a22; } .theme-light .market-paths b, .theme-light .revenue-ladder li { color: #42483f; } .theme-light .market-paths small, .theme-light .revenue-ladder article > p, .theme-light .allocation-grid p, .theme-light .funding-milestones li { color: #4b534b; } /* 市场卡片灯箱(浅色) */ .theme-light .market-paths article.has-dialog:hover, .theme-light .market-paths article.has-dialog:focus-visible { background: #fffdf7; border-color: var(--accent); } .theme-light .market-card-dialog { background: rgba(39,37,31,.62); backdrop-filter: blur(8px) brightness(.9); } .theme-light .market-dialog-panel { background: #faf8f1; border-color: #a8a08f; box-shadow: 0 28px 90px rgba(39,35,27,.38); } .theme-light .engine-card { background: #f0ece1; } .theme-light .engine-logo { background: #000; } /* 浅色主题下logo板保持黑底 */ .theme-light .engine-card small { color: #4b534b; } .theme-light .market-dialog-note { background: #e6e1d5; color: #3f473f; } .theme-light .market-dialog-tabs button:hover { color: var(--ink); border-color: #a8a08f; } .theme-light .market-dialog-tabs button.active { background: rgba(22,123,91,.1); } /* 第7页项目交付卡片灯箱(浅色) */ .theme-light .revenue-ladder article.has-dialog:hover, .theme-light .revenue-ladder article.has-dialog:focus-visible { background: #fffdf7; border-color: var(--accent); } .theme-light .tob-row, .theme-light .tob-stat, .theme-light .arr-card { background: #f0ece1; } .theme-light .tob-row p, .theme-light .arr-card p { color: #4b534b; } /* 第7页世界生态卡片灯箱(浅色):黑洞区保持深空底,与 engine-logo 黑底板惯例一致 */ .theme-light .eco-cell { border-color: #b3ab99; } .theme-light .moat-line, .theme-light .funding-milestones { background: #e6e1d5; } .theme-light .moat-line span { color: #50574f; } .theme-light .round-ask { background: radial-gradient(circle at 50% 35%, #f5dfc5, #eee6d8 58%, #dfd8ca 100%); } .theme-light .round-ask h3 { color: #262b25; } .theme-light .round-copy { color: #5a6058; } .theme-light .final-footer { background: radial-gradient(circle at 50% 45%, #d7eadf 0, #eae8dc 42%, #dcd6c8 100%); } .theme-light .final-footer::before { border-color: rgba(22,123,91,.2); box-shadow: 0 0 90px rgba(22,123,91,.12); } .theme-light .final-contact { color: #30352f; } .theme-light .footer-dim, .theme-light .icon-credit { color: #4c534c; } /* 空间智能灯箱:底图为整幅图片,深浅主题均保持影院式深色面板 */ .theme-light .final-dialog-panel { background: #050805; border-color: #2a3230; } .theme-light .final-kicker:hover, .theme-light .final-kicker:focus-visible { color: #c47d33; } .theme-light ::selection { background: #167b5b; color: #fff; } /* ===== 浅色下的主题开关(变量驱动,基础样式见 style.css) ===== */ .theme-light .theme-toggle { background: rgba(255,253,247,.85); }