<头> <元字符集=“UTF-8”/> <风格> :root{--bg:#07090d;--card:#11151d;--card2:#171c26;--text:#f5f7fb;--muted:#aab2c0;--accent:#ffd43b;--border:rgba(255,255,255,.1)} *{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:radial-gradient(圆在 75% 10%,rgba(255,190,30,.12),透明 28%),radial-gradient(圆在15% 35%,rgba(75,110,255,.08),透明30%),var(--bg);颜色:var(--text);行高:1.65}标题{填充:22px 6vw;display:flex;align-items:center;justify-content:space- Between;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(7,9,13,.78);border-bottom:1pxsolid var(--border)}.brand{font-weight:800;letter-spacing:-.03em}.brand跨度{颜色：var（--accent）}选择{背景：var（--card2）;颜色：var（--text）;边框：1px实心var（--border）;边框半径：12px;填充：10px 14px;字体大小：14px;光标：指针}主{最大宽度：1050px;边距：自动;填充：45px 6vw 80px}.hero{position:relative;overflow:hidden;border-radius:28px;padding:50px;min-height:590px;background:radial-gradient(圆在82% 25%,rgba(255,194,45,.35),透明19%),线性渐变(135deg,#10151f,#080a0f);边框:1px 实心var(--border);盒子阴影:0 30px 80px rgba(0,0,0,.35)}.sun{位置:绝对;右:9%;顶部:58px;宽度:190px;高度:190px;边框半径:50%;背景:#ffe56b;box-shadow:0 0 35px #ffcc33,0 0 100px rgba(255,170,0,.55)}.moon{位置:绝对;右:计算(9% + 20px);顶部:70px;宽度:165px;高度:165px;边框半径:50%;背景:#050608;盒子阴影:0 0 20px #000}.hero-content{max-width:700px;position:relative;z-index:2;margin-top:210px}.eyebrow{color:var(--accent);font-size:13px;字体粗细：800；字母间距：.12em；文本变换：大写}h1{字体大小：clamp(38px,6vw,70px);行高：1.03；边距：14px 0 18px;字母间距:-.05em}.lead{font-size:20px;color:#d7dce5}.countdown{margin-top:25px;padding:20px;border-radius:18px;背景:rgba(255,212,59,.08);边框:1px 实心rgba(255,212,59,.25)}.countdown-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);fo nt-weight:800}#countdown{font-variant-numeric:tabular-nums;font-size:clamp(32px,5vw,52px);font-weight:850;字母间距: -.04em;margin-top:3px}#countdown-status{color:var(--muted);font-size:14px}.grid{显示:grid;grid-template-columns:repeat (2,1fr);间隙:18px;边距顶部:28px}.card{背景:线性渐变(145deg,rgba(23,28,38,.95),rgba(12,15,21,.95));边框:1px固体var(--border);边框半径:22px;填充:28px;过渡:.2s}.card:hover{transform:translateY(-3px);边框颜色:rgba(255,212,59,.35)}.wide{grid-column:1/-1}h2{margin:0 0 15px;字体大小:25px;字母间距:-.025em}p{颜色:#c9cfda;边距:0 0 14px}.stat{display:flex;align-items:baseline;gap:12px}.big{font-size:54px;font-weight:850;color:var(--accent);letter-spacing:-.05em}.timeline{margin-top:18px;display:grid;gap:10px}.time{display:flex;justify-content:space- Between;padding:13px 15px;边框半径:13px;背景:rgba(255,255,255,.045)}.time强{颜色:#fff}.警告{边框颜色:rgba(255,80,70,.35)!重要;背景:线性渐变(145deg,rgba(80,20,22,.35),rgba(20,12,15,.9))!重要}.警告h2{颜色：#ff8177}.bottom{顶部边距：28px；填充：34px；边框半径：24px；文本对齐：中心；背景：线性渐变(135deg，#19150a，#101218)；边框：1px实心rgba(255,212,59,.22)}.bottom h2{颜色：var（--accent）;字体大小：31px}页脚{文本对齐：中心；颜色：#707887；字体大小：13px；填充：25px}@media（最大宽度：750px）{标题{填充：18px 5vw}主要{填充：30px 5vw 60px}.hero{padding:30px;min-height:650px}.sun{right:12%;top:45px}.moon{right:calc(12% + 12px);top:58px}.hero-content{margin-top:225px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}} <正文> 英语德语法语Русский中文 <主要>

发生了什么？

月球将直接在地球和太阳之间移动，将其阴影投射到整个地球上。

在一条横跨格陵兰岛、冰岛、大西洋、西班牙和俄罗斯北部部分地区的狭窄路径内，太阳将被完全覆盖。在这条路径之外，包括维也纳，日食将是部分的。

维也纳：85% 的阳光覆盖

太阳将保持为明亮的新月形。维也纳不会经历完全黑暗。

为什么它很特别

日全食很少见，因为月球的轨道相对于地球绕太阳的轨道是倾斜的。这次，对准几乎是完美的。

在全食路径内，月球完全隐藏了太阳明亮的表面，露出了通常看不见的日冕。

正在查找？请小心。

即使在深度偏食期间，剩余的阳光也会严重损害您的眼睛。

普通太阳镜并不安全。使用经过认证的日食眼镜或其他合适的日光观察滤镜。

还有更多...

日食发生在英仙座流星雨期间，这是一年中最著名的流星雨之一。

当月亮出现在新月时，月光不会干扰夜空，这可能为日后观看流星创造绝佳条件。日食。

底线

2026 年 8 月 12 日可能成为一年中最壮观的天文日之一。日全食将横贯欧洲部分地区。维也纳的太阳能覆盖率约为 85%。在几个小时内，月亮会将普通的夜空变成一个天文事件。

SPARK SCIENCE • 2026 年日食 <脚本> const target=new Date("2026-08-12T19:21:00+02:00").getTime(),maxTime=new Date("2026-08-12T20:10:00+02:00").getTime(),endTime=new日期("2026-08-12T20:14:00+02:00").getTime(); 函数 updateCountdown(){const now=Date.now(),el=document.getElementById('倒计时'),st=document.getElementById('倒计时状态');let diff=target-now;if(now{const lang=e.target.value;if(lang==='en'){location.reload();return}document.querySelectorAll('[data-i18n]').forEach(el=>{const k=el.dataset.i18n;if(T[lang]&&T;[lang][k])el.textContent=T[lang][k]});document.documentElement.lang=lang});