:root{--night:#03040a;--gold:#ffda99;--paper:#f9efdF;--muted:#ae9f8c;--line:rgba(255,210,139,.16);font-family:"Helvetica Neue","Microsoft YaHei",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;color:var(--paper);background:var(--night)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}#gold-dust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.brand{display:flex;align-items:center;gap:13px;letter-spacing:2.5px;font-size:12px;font-weight:500}.brand-sun{display:block;width:22px;height:22px;border:1px solid #ffe4b2;border-radius:50%;background:linear-gradient(0deg,#f7d493 49%,transparent 50%);box-shadow:0 0 22px #ffb73e2b;flex-shrink:0}.brand small{display:block;margin-top:7px;font-size:9px;font-weight:400;letter-spacing:3px;color:var(--muted)}
/* Opening: original five-second sunrise, original title and floating gold dust. */
.welcome{min-height:100svh;overflow:hidden}.welcome-header{position:absolute;top:0;left:0;width:100%;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;z-index:5}.skip{font-size:12px;letter-spacing:2px;color:#dbc8a6;padding:10px 0;border-bottom:1px solid #ffda993d}.skip span{margin-left:12px}.welcome-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100svh;min-height:500px;overflow:hidden;cursor:pointer}.sun-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,#fff 0%,#ffefc2 20%,#ffaa00 60%,transparent 80%);border-radius:50%;top:70%;left:50%;transform:translate(-50%,-50%) scale(.5);z-index:2;opacity:0;animation:sunrise 5s cubic-bezier(.25,1,.5,1) forwards;box-shadow:0 0 100px 50px rgba(255,150,0,.2)}.welcome-content{z-index:3;text-align:center;position:relative;pointer-events:none}.welcome-content h1{font-size:5vw;letter-spacing:2vw;margin:0;margin-right:-2vw;text-transform:uppercase;font-weight:300;text-shadow:0 0 30px rgba(255,200,100,.8);opacity:0;animation:textFadeIn 3s ease-out 2s forwards}.welcome-content p{font-size:1.2vw;letter-spacing:.8vw;margin:20px -.8vw 0 0;color:var(--gold);font-weight:300;opacity:0;animation:textFadeIn 3s ease-out 3s forwards}.enter{position:absolute;bottom:13%;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:14px;z-index:4;opacity:0;animation:textFadeIn 2s ease-out 3.4s forwards;font-size:12px;letter-spacing:4px;color:#e9d1aa}.enter-circle{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffda9952;border-radius:50%;font-size:22px;font-weight:200;letter-spacing:0;transition:background .3s,box-shadow .3s}.welcome-stage:hover .enter-circle{background:#ffbf5414;box-shadow:0 0 32px #ffbf5429}.enter small{font-size:8px;letter-spacing:4px;color:#bba788}.welcome-footer{position:absolute;bottom:22px;width:100%;padding:0 42px;display:flex;justify-content:space-between;gap:12px;z-index:5;font-size:10px;letter-spacing:2px;color:#a19079}.welcome-footer a{font-size:10px;letter-spacing:1px}
@keyframes sunrise{0%{opacity:0;top:70%;transform:translate(-50%,-50%) scale(.5);box-shadow:0 0 50px 20px rgba(255,150,0,.1)}100%{opacity:1;top:50%;transform:translate(-50%,-50%) scale(1.8);box-shadow:0 0 250px 150px rgba(255,140,0,.5)}}@keyframes textFadeIn{from{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
/* Inside: the same light, softened behind the functional content. */
.toolbox{background:radial-gradient(ellipse at 82% 15%,#6e380817,transparent 48%),var(--night);min-height:100vh}.toolbox #gold-dust{opacity:.64}.ambient-halo{position:fixed;top:-250px;right:-300px;width:950px;height:950px;background:radial-gradient(circle,#dc8a1912,transparent 65%);pointer-events:none;z-index:0}.tool-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:#09090dc4}.header-inner{max-width:1200px;padding:25px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.tool-header nav{display:flex;gap:30px;font-size:12px;color:var(--muted)}.tool-header nav a{padding:10px 0;position:relative}.tool-header nav a:hover,.tool-header nav .selected{color:var(--gold)}.tool-header nav .selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);box-shadow:0 0 8px #ffc85b99}.replay{font-size:11px;color:var(--muted)}.replay span{color:var(--gold);padding-left:12px}.tool-main{max-width:1200px;margin:auto;padding:0 28px;position:relative;z-index:2}.tool-hero{position:relative;padding:70px 0 60px;min-height:420px;display:flex;align-items:center;overflow:hidden}.hero-copy{z-index:2;position:relative}.eyebrow{font-size:9px;letter-spacing:3px;color:#c1a478;display:flex;align-items:center;gap:10px;font-weight:400}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#ffe0a0;box-shadow:0 0 12px #ffb43a}.tool-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.4;letter-spacing:2px;font-weight:400;margin:26px 0 19px}.tool-hero h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 36px #ffb74124}.hero-description{font-size:13px;line-height:2;color:#b2a99b;font-weight:300}.hero-link{display:inline-flex;align-items:center;gap:30px;margin-top:20px;font-size:11px;letter-spacing:2px;color:var(--gold)}.hero-link span{font-size:19px}.dawn-art{position:absolute;right:0;top:22px;width:480px;height:390px;pointer-events:none;opacity:.9}.dawn-sun{position:absolute;width:142px;height:142px;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff7d8 0%,#ffd377 35%,#d68c2680 65%,#ce771100 74%);box-shadow:0 0 65px 12px #ffa51926,0 0 145px 30px #e8840c14;animation:sunBreath 8s ease-in-out infinite alternate}.horizon{position:absolute;left:5%;right:5%;top:65%;height:90px;background:linear-gradient(#05050be8,#03040a08);border-top:1px solid #eabb6754;border-radius:50% 50% 0 0;box-shadow:0 -15px 45px -23px #ffdb92}.orbit{position:absolute;width:285px;height:285px;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid #d8aa5818;border-radius:50%}.orbit-two{width:362px;height:362px;border-style:dashed;border-color:#d8aa5810}.dawn-caption{position:absolute;bottom:15px;width:100%;text-align:center;font-size:8px;letter-spacing:4px;color:#aa8c59}.tools-section{padding:22px 0 0;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:26px;margin-bottom:27px}.section-heading h2{font-size:23px;font-weight:400;letter-spacing:2px;margin:13px 0 0}.section-heading h2 span{font-size:11px;color:#89724e;letter-spacing:1px;margin-left:12px}.section-heading>p{font-size:11px;letter-spacing:1px;color:#988a77;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:264px;padding:25px 27px 20px;border:1px solid #d9af6a2d;border-radius:12px;background:linear-gradient(135deg,#b2863810,#0a090de8 60%);transition:transform .3s,border-color .3s,background .3s;overflow:hidden;scroll-margin-top:20px}.tool-card:before{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-85px;border-radius:50%;background:#ffb6420a;filter:blur(18px);pointer-events:none}.tool-card:hover{transform:translateY(-4px);border-color:#f8ce7c80;background:linear-gradient(135deg,#bc89351d,#111014f2 70%)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-icon{display:block;width:36px;height:36px;color:#e9c68d;filter:drop-shadow(0 0 10px #ffb54130)}.tool-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.card-category{font-size:9px;letter-spacing:1.5px;color:#a18b6a}.tool-card h3{font-weight:400;font-size:22px;letter-spacing:2px;margin:24px 0 12px}.tool-card>p{font-size:12px;font-weight:300;color:#b2a798;line-height:1.9;margin:0 0 23px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #ffcf7312;font-size:10px;letter-spacing:2px;color:#e5c28c}.card-arrow{font-size:19px;transition:transform .3s}.tool-card:hover .card-arrow{transform:translate(2px,-2px)}.closing-card{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:264px;position:relative;background:radial-gradient(ellipse at center,#d6841810,transparent 65%);text-align:center}.mini-sun{width:33px;height:33px;border-radius:50%;background:radial-gradient(circle,#fff3cc,#e4a03b60 60%,transparent 74%);box-shadow:0 0 30px #e9a13738}.closing-card p{font-size:20px;letter-spacing:5px;color:#d8bd92;font-weight:300;line-height:1.9;margin:16px 0}.closing-card small{font-size:8px;letter-spacing:4px;color:#847053}.storage-note{font-size:10px;color:#9d8c75;line-height:1.8;padding:14px 0 32px;letter-spacing:.5px}.storage-note span{color:#d6b071;margin-right:8px}.tool-footer{position:relative;z-index:2;max-width:1144px;margin:15px auto 0;border-top:1px solid var(--line);padding:27px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-signature{font-size:15px;font-weight:300;letter-spacing:3px;color:var(--gold)}.footer-signature span{display:block;font-size:9px;letter-spacing:3px;color:#9d8c75;margin-top:9px}.tool-footer>a:last-child{font-size:10px;color:#94816a;letter-spacing:1px}@keyframes sunBreath{to{opacity:.8;box-shadow:0 0 90px 24px #ffa51933,0 0 160px 50px #e8840c1c}}
@media(min-width:1700px){.welcome-content h1{font-size:85px;letter-spacing:34px}.welcome-content p{font-size:20px;letter-spacing:14px}}
@media(max-width:900px){.header-inner{gap:20px;flex-wrap:wrap}.tool-header nav{order:3;width:100%;gap:26px}.replay{margin-left:auto}.dawn-art{right:-80px;opacity:.5}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-footer{margin:15px 28px 0}.welcome-header{padding:24px}.welcome-footer{padding:0 24px}}
@media(max-width:600px){.welcome-header{padding:22px 20px}.welcome-header .brand{font-size:9px;letter-spacing:1.5px;gap:9px}.skip{font-size:10px;letter-spacing:1px}.skip span{margin-left:4px}.welcome-content h1{font-size:8.3vw;letter-spacing:1.8vw;margin-right:-1.8vw;white-space:nowrap;text-shadow:0 2px 10px #0008,0 0 30px #ffc864cc}.welcome-content p{font-size:3vw;letter-spacing:1.3vw;margin-right:-1.3vw;color:#fff5df;text-shadow:0 2px 8px #0009}.sun-glow{width:150px;height:150px;animation-name:sunriseMobile}.enter{bottom:17%;font-size:10px;letter-spacing:3px;gap:12px}.welcome-footer{bottom:18px;flex-direction:column;align-items:center;font-size:9px;gap:9px}.welcome-footer a{font-size:9px}.header-inner{padding:21px 20px 14px;gap:18px}.brand{font-size:10px;letter-spacing:2px}.tool-header nav{gap:24px;font-size:11px;justify-content:space-between}.replay{font-size:10px}.tool-main{padding:0 20px}.tool-hero{min-height:415px;padding:42px 0 44px}.eyebrow{font-size:8px;letter-spacing:2px}.tool-hero h1{font-size:36px;letter-spacing:1px;margin-top:27px}.hero-description{font-size:12px;line-height:2}.dawn-art{width:320px;height:300px;right:-133px;top:87px;opacity:.25}.dawn-caption{display:none}.section-heading{align-items:start;padding-top:25px}.section-heading>p{display:none}.section-heading h2{font-size:21px}.tool-grid{grid-template-columns:1fr;gap:15px}.tool-card{min-height:237px;padding:22px 24px 18px}.tool-card h3{margin-top:19px}.tool-card>p{margin-bottom:18px}.closing-card{min-height:210px}.closing-card p{font-size:18px}.tool-footer{margin:0 20px;flex-direction:column;align-items:start;padding:25px 0;gap:24px}.storage-note{font-size:10px;margin-bottom:0}.tool-card:before{background:#ffb6420e}}
@keyframes sunriseMobile{from{opacity:0;top:70%;transform:translate(-50%,-50%) scale(.5);box-shadow:0 0 30px 10px #ff96001a}to{opacity:1;top:50%;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 120px 60px #ff8c0099}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.sun-glow,.welcome-content h1,.welcome-content p,.enter{animation-delay:0s;animation-duration:1ms}.dawn-sun{animation:none}}
.welcome-content h1{text-shadow:0 2px 12px #231301aa,0 0 30px #ffc86480}.welcome-content p{text-shadow:0 1px 8px #291500cc}