@charset "UTF-8";
:root{--ink:#252039;--muted:#827b93;--purple:#7150e8;--line:#e9e3f4;--surface:#fff;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 9% 8%,#eee8ff 0,transparent 40%),radial-gradient(ellipse at 94% 30%,#f2eafa 0,transparent 40%),#faf9fc;font:14px/1.75 "Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b89cff;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;height:88px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.6px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#9073fc,#6444d7);color:white;font-size:15px;letter-spacing:-.5px;box-shadow:0 5px 12px #7050dc22}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{transition:color .2s}nav a:hover{color:var(--purple)}.nav-download{padding:10px 18px;border:1px solid #e1d9f4;border-radius:10px;background:#ffffffaa}main{padding:0 28px}.reading-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,#a584ff,#6850df);width:100%;transform:scaleX(0);transform-origin:left;z-index:10}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:30px 0 56px;align-items:stretch}.tool-card{position:relative;min-width:0;padding:30px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e7dff2;background:linear-gradient(145deg,#ffffff,#fdfcff);border-radius:22px;box-shadow:0 6px 30px #34214d05;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;animation:enter .65s var(--ease) both}.tool-card:nth-child(2){animation-delay:.08s}.tool-card-head{display:flex;align-items:center;gap:14px;width:100%}.tool-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;background:#f0ebff;color:#805be6;border-radius:14px;font-size:24px;transition:transform .35s}.tool-card-head>div:last-child{min-width:0;flex:1}.tool-type{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9488ab;font-size:9px;letter-spacing:1.6px}.tool-type i{font-style:normal;letter-spacing:0;font-size:10px;background:#f6f3fb;border:1px solid #eee8f7;border-radius:5px;padding:1px 7px;white-space:nowrap}h2{font-size:27px;line-height:1.4;letter-spacing:-.6px}.tool-card h2{margin:5px 0 0;font-size:25px}.tool-description{color:var(--muted);font-size:12px;margin:20px 0 22px}.tool-links{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;padding-top:20px;border-top:1px solid #eee9f6}.tool-links>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:11px;background:linear-gradient(135deg,#8863f0,#6744d7);color:#fff;font-size:12px;font-weight:700;min-height:46px;padding:12px 22px;box-shadow:0 5px 12px #7753de23;transition:transform .2s var(--ease),box-shadow .2s,background .2s}.tool-links .button{width:100%;padding:12px 10px;white-space:nowrap}.button span{transition:transform .2s}.button:hover{box-shadow:0 8px 18px #7753de38;transform:translateY(-2px)}.button:hover span{transform:translate(2px,-2px)}.button:active{transform:translateY(0) scale(.98)}.button-secondary{background:white;color:#7d718f;border-color:#e4ddee;box-shadow:none}.button-secondary:hover{background:#f8f5ff;box-shadow:0 4px 10px #7753de10}.tool-address,.copy-link{font-size:10px;color:#a096b0;margin-top:10px;line-height:1.5;overflow-wrap:anywhere}.copy-link{border:0;background:transparent;cursor:pointer;padding:0;display:flex;gap:9px;align-items:center}.copy-link span{color:#8a6cba;opacity:.7}.copy-link:hover{color:var(--purple)}
.tool-art{height:204px;width:100%;margin-top:25px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #ede6f5}.image-art{background:linear-gradient(125deg,#f2eaff,#faf1ed)}.video-art{background:linear-gradient(135deg,#edeaff,#edf3fb)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b9a6d715 1px,transparent 1px),linear-gradient(90deg,#b9a6d715 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000,transparent)}.art-frame{position:absolute;top:34px;left:50%;width:180px;height:132px;border:5px solid #fff;border-radius:11px;box-shadow:0 12px 25px #7c5fa220;transition:transform .6s var(--ease)}.frame-back{background:linear-gradient(140deg,#b5a0d7,#e8d6c5);transform:translateX(-61%) rotate(-12deg)}.frame-front{background:linear-gradient(145deg,#e6dce9,#f5e2cd);transform:translateX(-38%) rotate(8deg);overflow:hidden}.art-sun{position:absolute;top:18px;right:22px;width:34px;height:34px;border-radius:50%;background:#fff5d9;box-shadow:0 0 20px #fff0cba0}.art-hill{position:absolute;width:200px;height:140px;border-radius:50%}.hill-one{background:#b8a2c6;bottom:-85px;left:-70px;transform:rotate(25deg)}.hill-two{background:#8f7aa9;bottom:-86px;right:-75px;transform:rotate(-25deg)}.art-spark{position:absolute;color:#9a7bbe;font-size:29px}.spark-one{left:14%;top:22px;animation:float 6s ease-in-out infinite}.spark-two{right:12%;bottom:23px;font-size:23px;animation:float 7s ease-in-out infinite reverse}.art-chip{position:absolute;bottom:13px;left:15px;font-size:8px;letter-spacing:2.3px;color:#9b88ac}.video-window{position:absolute;top:28px;left:50%;width:220px;height:145px;transform:translateX(-50%) rotate(-4deg);border:5px solid white;border-radius:12px;background:#f8f6ff;box-shadow:0 12px 24px #7970b520;transition:transform .6s var(--ease)}.video-scene{height:83px;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 90%,#b2a6dc 0,transparent 55%),linear-gradient(125deg,#d5cef2,#e4e5f7);border-radius:7px 7px 4px 4px}.play-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffffbf;color:#8d73c5;font-size:12px;padding-left:2px;box-shadow:0 2px 6px #8270ac15}.timeline{position:relative;display:flex;gap:4px;margin:9px 9px 0;height:15px}.timeline span{flex:1;border-radius:3px;background:#c7b8e8}.timeline span:nth-child(2){background:#afbcdf}.timeline span:nth-child(3){background:#d7c5e6}.timeline b{position:absolute;top:-4px;left:42%;height:40px;width:2px;background:#8262c2;animation:scrub 8s ease-in-out infinite alternate}.audio-wave{font-size:10px;letter-spacing:3px;color:#b6a7d2;margin-left:9px;line-height:1.8}
.features{padding:32px 0 52px;border-top:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;color:#967fba;font-weight:600}.section-title h2{margin:10px 0 26px;font-size:25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards article{border:1px solid var(--line);padding:25px;border-radius:16px;background:#ffffffb0;transition:transform .25s,border-color .25s}.number{font-size:10px;color:#a18abf}h3{font-size:16px;margin:15px 0 8px}.cards p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.download{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:20px;padding:34px;background:radial-gradient(ellipse at 100% 0,#e4d7ff,transparent 60%),#f0ebfa;border:1px solid #e3d9f1}.download h2{margin:8px 0;font-size:26px}.download p{font-size:12px;color:#897a9b}.download-note{line-height:1.9}.download-action{flex-shrink:0;text-align:center}.checksum{display:block;font-size:10px;color:#92809f;margin-top:12px}.install{padding:48px 0 25px}ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-left:22px}li{padding-left:6px;font-size:13px}li::marker{color:#9b7ac4;font-weight:700}li p{font-size:12px;color:var(--muted)}.faq{padding:10px 0 45px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:13px;color:#645774}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;color:#a18abf;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);max-width:760px;margin:14px 0 0;animation:enter .25s var(--ease)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-top:1px solid var(--line);font-size:10px;color:#a196b0}footer .brand{font-size:14px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px);background:#31283f;color:white;border-radius:10px;padding:10px 20px;font-size:12px;box-shadow:0 6px 30px #30203b20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast:empty{display:none}.section-visible{animation:enter .6s var(--ease)}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-7px) rotate(10deg)}}@keyframes scrub{to{left:78%}}@media(hover:hover) and (prefers-reduced-motion:no-preference){.tool-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px #6f4a9a12;border-color:#d5c5ed}.tool-card:hover .tool-icon{transform:rotate(-5deg)}.tool-card:hover .frame-front{transform:translateX(-34%) rotate(13deg)}.tool-card:hover .frame-back{transform:translateX(-68%) rotate(-17deg)}.tool-card:hover .video-window{transform:translateX(-50%) rotate(0) scale(1.03)}.cards article:hover{transform:translateY(-3px);border-color:#d5c5ed}}@media(max-width:800px){header{height:76px;padding:16px 22px}nav{gap:14px}nav>a:not(.nav-download){display:none}main{padding:0 22px}.tool-grid{gap:18px;padding-top:18px}.tool-card{padding:22px}.tool-card h2{font-size:22px}.tool-type{font-size:8px;letter-spacing:1px}.tool-type i{display:none}.tool-links{gap:10px}.tool-art{height:184px}.cards{gap:12px}.cards article{padding:20px}.download{padding:28px;display:block}.download-action{text-align:left;margin-top:22px}.install ol{gap:20px}}@media(max-width:640px){.tool-grid,.cards,ol{grid-template-columns:1fr}.tool-card{padding:24px}.tool-card h2{font-size:25px}.tool-type i{display:inline}.tool-art{height:194px}.tool-grid{padding-bottom:32px}.section-title h2{font-size:22px}.download h2{font-size:24px}.features{padding-top:25px}footer{flex-wrap:wrap;padding:22px}.nav-download{padding:8px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.tool-card:hover,.cards article:hover{transform:none}}