:root{--paper:#fff9fc;--ink:#261925;--muted:#8a7585;--line:#42223821}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#9b5bd4}.site-shell{isolation:isolate;background-color:#0000;background-image:linear-gradient(#5b2e4c0a 1px,#0000 1px),linear-gradient(90deg,#5b2e4c0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:0 max(24px,50vw - 660px) 48px;position:relative;overflow:hidden}.ambient{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.ambient-one{aspect-ratio:1;background:radial-gradient(circle,#ffb2da6b,#dbbfff29 48%,#0000 70%);width:min(62vw,880px);animation:13s ease-in-out infinite alternate drift;top:-18vw;right:-12vw}.ambient-two{aspect-ratio:1;background:radial-gradient(circle,#ffd0e370,#bedeff29 50%,#0000 72%);width:min(68vw,940px);animation:16s ease-in-out infinite alternate-reverse drift;bottom:-30vw;left:-16vw}.site-header{border-bottom:1px solid var(--line);align-items:center;min-height:74px;display:flex}.brand{align-items:center;gap:13px;display:inline-flex}.brand-word,.brand-section,.card-topline,.card-tags{letter-spacing:.14em;font-size:10px;font-weight:760}.brand-word{letter-spacing:.2em}.brand-section{color:var(--muted)}.brand-divider{background:var(--line);width:1px;height:17px}.intro{padding:clamp(70px,9vw,112px) 0 42px;animation:.68s cubic-bezier(.18,.8,.2,1) both rise}.intro h1{letter-spacing:-.075em;margin:0;font-size:clamp(62px,10vw,140px);font-weight:640;line-height:.78}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{--spot-x:50%;--spot-y:32%;--tilt-x:0deg;--tilt-y:0deg;--card-ink:#312935;--card-muted:#31293599;--card-line:#31293524;--card-shadow:#422e4b24;min-height:390px;color:var(--card-ink);isolation:isolate;touch-action:manipulation;cursor:pointer;box-shadow:0 24px 64px var(--card-shadow), inset 0 0 0 1px #2a1f2d0b;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));-webkit-tap-highlight-color:transparent;border:1px solid #ffffffc2;border-radius:30px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .24s cubic-bezier(.18,.8,.2,1),box-shadow .3s,border-color .3s;animation:.76s cubic-bezier(.18,.8,.2,1) both rise;display:flex;position:relative;overflow:hidden}.tool-card:nth-child(2){animation-delay:70ms}.tool-card:nth-child(3){animation-delay:.14s}.tool-card:after{content:"";z-index:-3;-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#ffffff1f;border-radius:29px;position:absolute;inset:1px}.card-wash{z-index:-1;opacity:.55;border-radius:inherit;background:radial-gradient(circle at var(--spot-x) var(--spot-y), #ffffffe0, transparent 29%);pointer-events:none;transition:opacity .26s;position:absolute;inset:-1px}.tool-card.car{background:radial-gradient(circle at 8% 96%,#63c8b775,#0000 35%),radial-gradient(circle at 96% 8%,#8d77ef6b,#0000 39%),linear-gradient(135deg,#f8f5f8 0%,#e8efff 54%,#d8f3ec 100%)}.tool-card.music{--card-ink:#fff;--card-muted:#ffffffa8;--card-line:#ffffff2e;--card-shadow:#231b3a40;background:radial-gradient(circle at 88% 12%,#e95f9dad,#0000 35%),radial-gradient(circle at 4% 98%,#a9f5dc33,#0000 32%),linear-gradient(138deg,#231b3a 0%,#4c348d 48%,#7358d5 100%);border-color:#ffffff3d}.tool-card.music .card-wash{opacity:.34;background:radial-gradient(circle at var(--spot-x) var(--spot-y), #ffaed7b8, transparent 27%)}.tool-card.night{--card-ink:#fff;--card-muted:#f2e8ffad;--card-line:#e6d6ff33;--card-shadow:#180e2757;background:radial-gradient(circle at 10% 96%,#70d6bd38,#0000 36%),radial-gradient(circle at 92% 8%,#ef90bd6b,#0000 35%),linear-gradient(138deg,#140d20 0%,#2c1c47 53%,#25365f 100%);border-color:#e5d2ff2e}.tool-card.night .card-wash{opacity:.26;background:radial-gradient(circle at var(--spot-x) var(--spot-y), #b996f7d1, transparent 29%)}:is(.tool-card:hover,.tool-card:focus-visible){box-shadow:0 35px 84px var(--card-shadow), inset 0 0 0 1px #ffffff24;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px);border-color:#ffffffeb;outline:none}:is(.tool-card:hover .card-wash,.tool-card:focus-visible .card-wash){opacity:.9}:is(.tool-card.music:hover .card-wash,.tool-card.music:focus-visible .card-wash){opacity:.58}:is(.tool-card.night:hover .card-wash,.tool-card.night:focus-visible .card-wash){opacity:.52}.tool-card.is-pressed,.tool-card:active{box-shadow:0 13px 34px var(--card-shadow), inset 0 0 0 1px #ffffff2e;transition-duration:90ms;transform:perspective(1000px)translateY(-1px)scale(.974)}.tool-card.is-pressed .card-arrow,.tool-card:active .card-arrow{transform:scale(.82)rotate(12deg)}.tool-card.is-launching{pointer-events:none;animation:.42s cubic-bezier(.2,.9,.2,1) both cardLaunch}.tool-card.is-launching .card-wash{animation:.42s both washLaunch}.tool-card.is-launching .card-arrow{transform:scale(1.35)rotate(45deg)}.tool-card.is-launching .card-title{letter-spacing:-.035em;transform:translate(7px)}.card-topline{z-index:2;color:var(--card-muted);grid-template-columns:34px 1fr auto;align-items:center;display:grid;position:relative}.card-arrow{border:1px solid var(--card-line);width:38px;height:38px;color:var(--card-ink);letter-spacing:0;background:#ffffff1f;border-radius:50%;place-items:center;font-size:17px;font-weight:440;transition:color .24s,background .24s,transform .24s cubic-bezier(.18,.8,.2,1);display:grid}:is(.tool-card.car:hover .card-arrow,.tool-card.car:focus-visible .card-arrow){color:#fff;background:#4d3753;transform:rotate(8deg)}:is(.tool-card.music:hover .card-arrow,.tool-card.music:focus-visible .card-arrow){color:#231b3a;background:#fff;transform:rotate(8deg)}:is(.tool-card.night:hover .card-arrow,.tool-card.night:focus-visible .card-arrow){color:#1a1029;background:#f4ecff;transform:rotate(8deg)}.car-visual,.music-visual,.night-visual{z-index:1;pointer-events:none;position:absolute}.car-visual{opacity:.76;width:76%;height:96px;transition:transform .36s cubic-bezier(.18,.8,.2,1),opacity .3s;top:39%;left:12%}.car-visual i{background:linear-gradient(90deg,#0000,#8d77ef 16%,#6ca4f6 66%,#0000);border-radius:99px;height:1px;position:absolute;left:0}.car-visual i:first-child{width:66%;top:13px}.car-visual i:nth-child(2){width:88%;top:46px;left:12%}.car-visual i:nth-child(3){width:49%;top:79px;left:38%}.car-visual b{background:#fff;border:1px solid #4d375338;border-radius:50%;width:34px;height:34px;transition:left .36s cubic-bezier(.18,.8,.2,1),transform .36s;position:absolute;top:29px;left:62%;box-shadow:0 0 0 9px #63c8b72b,0 10px 25px #4d37531f}:is(.tool-card.car:hover .car-visual,.tool-card.car:focus-visible .car-visual){opacity:1;transform:translate(8px)}:is(.tool-card.car:hover .car-visual b,.tool-card.car:focus-visible .car-visual b){left:69%;transform:scale(1.08)}.tool-card.car.is-pressed .car-visual b{left:74%;transform:scale(.9)}.music-visual{opacity:.72;justify-content:center;align-items:center;gap:9px;width:56%;height:132px;transition:opacity .28s,transform .32s cubic-bezier(.18,.8,.2,1);display:flex;top:29%;left:22%}.music-visual:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);height:1px;position:absolute;left:-12%;right:-12%}.music-visual i{width:5px;height:var(--bar-height);background:linear-gradient(#ffaed7,#fff 52%,#a9f5dc);border-radius:99px;transition:height .24s,transform .24s;box-shadow:0 0 18px #ffaed752}:is(.tool-card.music:hover .music-visual,.tool-card.music:focus-visible .music-visual){opacity:1;transform:scaleX(1.06)}:is(.tool-card.music:hover .music-visual i,.tool-card.music:focus-visible .music-visual i){animation:barPulse .72s ease-in-out var(--bar-delay) infinite alternate}.tool-card.music.is-pressed .music-visual{transform:scaleX(.9)scaleY(1.08)}.night-visual{opacity:.72;width:70%;height:144px;transition:opacity .28s,transform .38s cubic-bezier(.18,.8,.2,1);top:27%;left:15%}.night-visual i{background:linear-gradient(90deg,#b996f71a,#b996f7 24%,#ef90bd 72%,#0000);border-radius:99px;height:1px;transition:width .34s cubic-bezier(.18,.8,.2,1),transform .34s cubic-bezier(.18,.8,.2,1);position:absolute;left:0;box-shadow:0 0 17px #b996f73d}.night-visual i:before{content:"";background:#7ad6bd;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:0;box-shadow:0 0 14px #7ad6bda8}.night-visual i:first-child{width:64%;top:16px}.night-visual i:nth-child(2){width:82%;top:52px}.night-visual i:nth-child(3){width:55%;top:88px}.night-visual i:nth-child(4){width:72%;top:124px}.night-visual b{border:1px solid #ef90bd99;border-radius:50%;width:68px;height:68px;transition:transform .38s cubic-bezier(.18,.8,.2,1),border-color .3s;position:absolute;top:30px;right:2%;box-shadow:0 0 0 11px #b996f714,inset 0 0 28px #ef90bd1a}.night-visual b:after{content:"";background:#ef90bd;border-radius:50%;position:absolute;inset:20px;box-shadow:0 0 22px #ef90bd85}:is(.tool-card.night:hover .night-visual,.tool-card.night:focus-visible .night-visual){opacity:1;transform:translate(7px)}:is(.tool-card.night:hover .night-visual i:nth-child(odd),.tool-card.night:focus-visible .night-visual i:nth-child(odd)){transform:translate(11px)}:is(.tool-card.night:hover .night-visual i:nth-child(2n),.tool-card.night:focus-visible .night-visual i:nth-child(2n)){transform:translate(-5px)}:is(.tool-card.night:hover .night-visual b,.tool-card.night:focus-visible .night-visual b){border-color:#7ad6bdbd;transform:rotate(22deg)scale(1.08)}.tool-card.night.is-pressed .night-visual{transform:scale(.94)}.card-copy{z-index:2;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:relative}.card-tags{color:var(--card-muted)}.card-title{letter-spacing:-.06em;font-size:clamp(38px,4.8vw,66px);font-weight:620;line-height:.92;transition:transform .3s cubic-bezier(.18,.8,.2,1),letter-spacing .3s;display:block}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(-1.5%,-1%)scale(.98)}to{transform:translate(2%,2%)scale(1.04)}}@keyframes cardLaunch{0%{filter:brightness();transform:perspective(1000px)scale(.974)}58%{filter:brightness(1.08);transform:perspective(1000px)scale(1.018)}to{filter:brightness(1.12);transform:perspective(1000px)scale(.985)translateY(-4px)}}@keyframes washLaunch{0%{opacity:.35;transform:translate(-48%)}62%{opacity:1;transform:translate(24%)}to{opacity:.7;transform:translate(62%)}}@keyframes barPulse{0%{transform:scaleY(.68)}to{transform:scaleY(1.18)}}@media (max-width:1080px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.site-shell{background-size:36px 36px;padding:0 18px 28px}.site-header{min-height:66px}.brand{gap:9px}.brand-word,.brand-section{font-size:8px}.intro{padding:68px 0 30px}.intro h1{font-size:clamp(56px,20vw,84px)}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{border-radius:24px;min-height:322px;padding:20px}.tool-card:after{border-radius:23px}:is(.tool-card:hover,.tool-card:focus-visible){transform:translateY(-4px)}.tool-card.is-pressed,.tool-card:active{transform:translateY(0)scale(.97)}.car-visual{top:36%}.music-visual{height:120px;top:25%}.night-visual{height:132px;top:24%}.card-title{font-size:43px}}@media (hover:none){.tool-card{transition-duration:.16s}.card-wash{opacity:.62}.tool-card.music .card-wash{opacity:.4}.tool-card.night .card-wash{opacity:.34}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}