《重启末世》1.0

/* ─────────────────────────────────────────────
   0. 字体：霞鹜文楷（CDN加载）+ 降级栈
───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/[email protected]/style.css');

shell{position:relative;box-sizing:border-box;width:100%;height:min(86vh,760px);margin:0 auto;overflow:hidden;font-family:'JetBrains Mono','SF Mono','Consolas','LXGW WenKai','Noto Serif SC','Source Han Serif SC','STSong','SimSun','Georgia',serif;color:hsl(40,8%,85%);line-height:1.65;letter-spacing:.3px;background:radial-gradient(130% 100% at 50% -10%,hsl(240,12%,16%),hsl(240,12%,8%) 45%,hsl(240,12%,4%)),linear-gradient(rgba(212,175,55,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,0.045) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;border:1px solid hsl(46,25%,60%);border-radius:6px;box-shadow:0 0 0 1px hsla(46,25%,60%,.12) inset,0 22px 55px -20px hsla(240,12%,2%,.95),0 0 60px -26px hsla(46,25%,55%,.5);contain:layout;display:flex;flex-direction:column;isolation:isolate;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='1.5' fill='%23d4af37'/%3E%3Ccircle cx='14' cy='14' r='6' fill='none' stroke='%23d4af37' stroke-width='0.8' opacity='0.9'/%3E%3Cline x1='14' y1='2' x2='14' y2='8' stroke='%23d4af37' stroke-width='0.8'/%3E%3Cline x1='14' y1='20' x2='14' y2='26' stroke='%23d4af37' stroke-width='0.8'/%3E%3Cline x1='2' y1='14' x2='8' y2='14' stroke='%23d4af37' stroke-width='0.8'/%3E%3Cline x1='20' y1='14' x2='26' y2='14' stroke='%23d4af37' stroke-width='0.8'/%3E%3C/svg%3E") 14 14,crosshair}
shell *,shell *::before,shell *::after{box-sizing:border-box}
shell::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='hsl(46,25%,60%)'%3E%3Ccircle cx='20' cy='30' r='.8'/%3E%3Ccircle cx='60' cy='80' r='1.1' opacity='.8'/%3E%3Ccircle cx='120' cy='40' r='.7'/%3E%3Ccircle cx='170' cy='90' r='1'/%3E%3Ccircle cx='90' cy='140' r='.8' opacity='.7'/%3E%3Ccircle cx='40' cy='170' r='1.2'/%3E%3Ccircle cx='150' cy='160' r='.7'/%3E%3Ccircle cx='185' cy='20' r='.9' opacity='.6'/%3E%3Ccircle cx='105' cy='95' r='.6'/%3E%3Ccircle cx='30' cy='110' r='.7' opacity='.7'/%3E%3C/g%3E%3Cg fill='hsl(0,100%,68%)'%3E%3Ccircle cx='75' cy='55' r='.9'/%3E%3Ccircle cx='160' cy='120' r='.7' opacity='.7'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px;opacity:.7;animation:ecoDrift 60s linear infinite}
@keyframes ecoDrift{0%{background-position:0 0}100%{background-position:200px 400px}}
shell::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 3px,hsla(240,12%,2%,.22) 3px 4px),radial-gradient(80% 60% at 50% 120%,hsla(46,25%,45%,.1),transparent);opacity:.6}
shell input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}

/* ===== 顶部栏 ===== */
.top{position:relative;z-index:5;flex:0 0 auto;height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(180deg,hsla(240,12%,18%,.95),hsla(240,12%,9%,.82));border-bottom:1px solid hsla(46,25%,55%,.32);overflow:hidden}
.top::before{content:"";position:absolute;left:-40%;top:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,hsla(46,25%,65%,.2),transparent);animation:ecoScan 4.5s linear infinite;pointer-events:none}
@keyframes ecoScan{0%{left:-45%}100%{left:120%}}
.top::after{content:"";position:absolute;right:8px;top:8px;width:18px;height:18px;border-top:1.5px solid hsla(46,25%,60%,.7);border-right:1.5px solid hsla(46,25%,60%,.7);pointer-events:none}
wicon{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:radial-gradient(circle at 50% 35%,hsla(40,8%,30%,.95),hsla(240,12%,12%,.95));border:1px solid hsla(46,25%,60%,.4);box-shadow:0 0 12px -3px hsla(46,25%,55%,.6) inset}
wicon::after{content:"";position:absolute;inset:5px;background-repeat:no-repeat;background-position:center;background-size:contain}
.top[w='sun'] wicon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='hsl(45,80%,68%)' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.5' fill='hsla(45,80%,62%,.3)'/%3E%3Cg opacity='.9'%3E%3Cpath d='M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M19.1 4.9l-1.8 1.8M6.7 17.3l-1.8 1.8'/%3E%3C/g%3E%3C/svg%3E");animation:ecoSun 4s ease-in-out infinite}
@keyframes ecoSun{0%,100%{transform:scale(1);filter:drop-shadow(0 0 2px hsla(45,85%,62%,.5))}50%{transform:scale(1.12);filter:drop-shadow(0 0 6px hsla(45,85%,62%,.85))}}
.top[w='rain'] wicon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='hsl(46,25%,60%)' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 11a5 5 0 0 1 9.6-2A4 4 0 1 1 17 17H7a4 4 0 0 1-1-8z' fill='hsla(46,25%,45%,.4)'/%3E%3C/svg%3E")}
.top[w='rain'] wicon::before{content:"";position:absolute;inset:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='hsl(46,25%,60%)' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 18l-1 3M13 18l-1 3M18 18l-1 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;animation:ecoRain 1.1s linear infinite}
@keyframes ecoRain{0%{transform:translateY(-3px);opacity:0}30%{opacity:1}100%{transform:translateY(4px);opacity:0}}
.top[w='fog'] wicon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='hsl(40,8%,72%)' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 9h16M3 13h18M5 17h14'/%3E%3C/svg%3E");animation:ecoFog 3.5s ease-in-out infinite}
@keyframes ecoFog{0%,100%{transform:translateX(-2px);opacity:.6}50%{transform:translateX(2px);opacity:1}}
.top[w='night'] wicon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsla(240,12%,72%,.3)' stroke='hsl(240,12%,78%)' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z'/%3E%3C/svg%3E");animation:ecoTwinkle 3s ease-in-out infinite}
@keyframes ecoTwinkle{0%,100%{filter:drop-shadow(0 0 1px hsla(240,12%,72%,.4))}50%{filter:drop-shadow(0 0 6px hsla(46,25%,70%,.9))}}
.top[w='ash'] wicon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='hsl(40,8%,65%)' stroke-width='1.7'%3E%3Ccircle cx='7' cy='9' r='1.2' fill='hsl(40,8%,60%)'/%3E%3Ccircle cx='14' cy='7' r='1' fill='hsl(40,8%,60%)'/%3E%3Ccircle cx='17' cy='13' r='1.3' fill='hsl(40,8%,60%)'/%3E%3Ccircle cx='10' cy='15' r='1' fill='hsl(40,8%,60%)'/%3E%3C/svg%3E");animation:ecoAsh 4s linear infinite}
@keyframes ecoAsh{0%{transform:translateY(-2px) rotate(0)}100%{transform:translateY(3px) rotate(20deg);opacity:.7}}
.top[w='storm'] wicon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsla(40,8%,55%,.35)' stroke='hsl(50,90%,65%)' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6 11a5 5 0 0 1 9.6-2A4 4 0 1 1 17 17h-2' stroke='hsl(40,8%,60%)'/%3E%3Cpath d='M11 13l-2 4h3l-1 4 4-6h-3z' fill='hsl(50,90%,62%)' stroke='none'/%3E%3C/svg%3E");animation:ecoStorm 2.6s steps(1) infinite}
@keyframes ecoStorm{0%,88%,100%{filter:none}90%{filter:drop-shadow(0 0 8px hsla(50,90%,62%,.9)) brightness(1.6)}94%{filter:none}}
tinfo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;overflow:hidden}
tinfo time{font-size:16px;font-weight:700;letter-spacing:.5px;color:hsl(46,25%,60%);text-shadow:0 0 10px hsla(46,25%,55%,.5);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
tinfo time::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:hsl(46,25%,60%);box-shadow:0 0 8px hsl(46,25%,60%);animation:ecoPulse 1.8s ease-in-out infinite;vertical-align:1px}
@keyframes ecoPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
tinfo small{font-size:12.5px;color:hsla(40,8%,72%,.9);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
tinfo small::before{content:"";width:12px;height:12px;flex:0 0 auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='hsl(0,100%,64%)' stroke-width='2'%3E%3Cpath d='M12 21s-7-6.5-7-11a7 7 0 0 1 14 0c0 4.5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4' fill='hsl(0,100%,60%)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}
danger{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
danger b{font-size:10px;letter-spacing:2px;color:hsla(0,100%,68%,.9);text-transform:uppercase}
stars{position:relative;width:74px;height:9px;background:hsla(240,12%,6%,.6);border:1px solid hsla(46,25%,50%,.4);border-radius:5px;overflow:hidden}
stars::before{content:"";position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,hsl(46,25%,60%),hsl(280,70%,60%) 50%,hsl(0,100%,58%));border-radius:5px;transform:scaleX(0);box-shadow:0 0 8px hsla(46,25%,55%,.5)}
danger[d='1'] stars::before{transform:scaleX(.1)}danger[d='2'] stars::before{transform:scaleX(.2)}danger[d='3'] stars::before{transform:scaleX(.3)}danger[d='4'] stars::before{transform:scaleX(.4)}danger[d='5'] stars::before{transform:scaleX(.5)}danger[d='6'] stars::before{transform:scaleX(.6)}danger[d='7'] stars::before{transform:scaleX(.7)}danger[d='8'] stars::before{transform:scaleX(.8)}danger[d='9'] stars::before{transform:scaleX(.9);animation:ecoAlarm 1.4s ease-in-out infinite}danger[d='10'] stars::before{transform:scaleX(1);animation:ecoAlarm 1.1s ease-in-out infinite}
@keyframes ecoAlarm{0%,100%{filter:brightness(1)}50%{filter:brightness(1.6) drop-shadow(0 0 6px hsl(0,100%,58%))}}
.set-btn{flex:0 0 auto;position:relative;width:34px;height:34px;border-radius:9px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Crect x='6' y='6' width='16' height='16' fill='none' stroke='%23ff2d2d' stroke-width='1.2'/%3E%3Crect x='11' y='11' width='6' height='6' fill='%23ff2d2d' fill-opacity='0.4' stroke='%23ff2d2d' stroke-width='0.8'/%3E%3Cline x1='14' y1='0' x2='14' y2='5' stroke='%23ff2d2d' stroke-width='1'/%3E%3Cline x1='14' y1='23' x2='14' y2='28' stroke='%23ff2d2d' stroke-width='1'/%3E%3Cline x1='0' y1='14' x2='5' y2='14' stroke='%23ff2d2d' stroke-width='1'/%3E%3Cline x1='23' y1='14' x2='28' y2='14' stroke='%23ff2d2d' stroke-width='1'/%3E%3C/svg%3E") 14 14,pointer;background:hsla(240,12%,16%,.85);border:1px solid hsla(46,25%,55%,.35);transition:transform .5s cubic-bezier(.34,1.4,.5,1),box-shadow .3s,background .3s}
.set-btn::after{content:"";position:absolute;inset:7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='hsl(46,25%,60%)' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M19.4 15a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-1.8-.3 1.6 1.6 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.6 1.6 0 0 0-1-1.5 1.6 1.6 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.6 1.6 0 0 0 .3-1.8 1.6 1.6 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.6 1.6 0 0 0 1.5-1 1.6 1.6 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.6 1.6 0 0 0 1.8.3H9a1.6 1.6 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.6 1.6 0 0 0 1 1.5 1.6 1.6 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0-.3 1.8V9a1.6 1.6 0

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。