:root{--ink:#26332e;--muted:#69736e;--cream:#f8f4ec;--paper:#fffdf8d6;--line:#37453d1c;--coral:#e96f4c;--green:#557e68;--shadow:0 18px 55px #483b2a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 4%,#f9cc8438,transparent 30%),radial-gradient(circle at 94% 23%,#99bfaa2b,transparent 27%),var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}main{isolation:isolate;width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto;position:relative;overflow:visible}.room-scene{z-index:-2;pointer-events:none;opacity:.94;position:fixed;inset:0;overflow:hidden}.room-scene img{object-fit:cover;object-position:center top}.ambient{z-index:-1;pointer-events:none;filter:blur(4px);border-radius:999px;position:fixed}.ambient-one{background:#ed925f14;width:320px;height:320px;top:-190px;left:28%}.ambient-two{background:#51826714;width:250px;height:250px;top:60%;right:-150px}.ambient-three{background:#f9cc8426;width:180px;height:180px;bottom:-55px;left:-110px}.topbar{justify-content:space-between;align-items:center;height:104px;padding:0 20px;display:flex;position:relative}.topbar:before{content:"";z-index:0;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(100deg,#fffdf88a,#fff3 50%,#eef5ef61);border:1px solid #ffffff7a;border-radius:24px;position:absolute;inset:17px -12px;box-shadow:0 12px 34px #5f4d330a}.brand{z-index:1;color:inherit;align-items:center;gap:13px;text-decoration:none;display:inline-flex;position:relative}.brand-mark{background:var(--coral);border-radius:15px;width:46px;height:46px;position:relative;box-shadow:0 9px 22px #dc664538}.brand-mark:before{content:"";background:#fff8ee;border-radius:2px 2px 5px 5px;width:20px;height:18px;position:absolute;top:18px;left:13px}.roof{z-index:1;background:#fff8ee;border-radius:3px;width:17px;height:17px;position:absolute;top:10px;left:14.5px;transform:rotate(45deg)}.door{z-index:2;background:#f6b752;border-radius:3px 3px 1px 1px;width:7px;height:11px;position:absolute;top:25px;left:19.5px}.brand>span:last-child{line-height:1.05;display:grid}.brand b{letter-spacing:.13em;font-size:15px}.brand small{color:#79817d;letter-spacing:.18em;margin-top:6px;font-size:11px}.privacy-chip{z-index:1;color:#587063;background:#ffffff80;border:1px solid #4c78601f;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:12px;display:flex;position:relative}.pulse{background:#70a482;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #70a4821f}.hero{grid-template-columns:minmax(0,1fr) 480px;align-items:center;gap:48px;padding:50px 3.5% 44px;display:grid}.eyebrow{color:#ce6648;letter-spacing:.1em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow svg{width:16px;height:16px}.hero h1{letter-spacing:-.055em;max-width:720px;margin:20px 0 18px;font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(42px,5.4vw,72px);font-weight:700;line-height:1.08}.hero-copy>p{color:var(--muted);margin:0;font-size:16px;line-height:1.95}.weather-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffffd1,#fffbf29e);border:1px solid #ffffffd1;border-radius:28px;padding:23px 25px 12px;overflow:hidden}.weather-current{justify-content:space-between;align-items:center;gap:18px;display:flex}.live-clock{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(28px,3.2vw,42px);font-weight:650;line-height:1;display:block}.weather-current p{color:#68716d;margin:9px 0 0;font-size:12px}.weather-summary{align-items:center;gap:10px;display:flex}.weather-symbol{color:#e7a735;font-size:48px;line-height:1}.weather-summary div{gap:3px;display:grid}.weather-summary strong{font-size:14px}.weather-summary span:last-child{color:#67716b;font-size:13px}.weather-meta{color:#747c77;border-top:1px solid #414c4514;align-items:center;gap:12px;margin-top:16px;padding-top:12px;font-size:11px;display:flex}.weather-meta>span{align-items:center;gap:4px;display:inline-flex}.weather-meta svg{width:13px;height:13px}.weather-meta button{color:#4d7460;cursor:pointer;background:#e6f0e9;border:0;border-radius:10px;align-items:center;gap:5px;margin-left:auto;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.weather-meta button:disabled{cursor:wait;opacity:.65}.forecast-row{grid-template-columns:repeat(5,1fr);margin-top:14px;display:grid}.forecast-day{border-left:1px solid #414c4512;justify-items:center;gap:4px;min-width:0;padding:2px 4px;display:grid}.forecast-day:first-child{border:0}.forecast-day span{color:#78807b;font-size:10px}.forecast-day b{color:#e3a239;font-size:19px;font-weight:500;line-height:1.1}.forecast-day small{color:#626e67;white-space:nowrap;font-size:10px}.placeholder{opacity:.5}.location-note{color:#969b97;justify-content:flex-end;align-items:center;gap:4px;margin:12px 0 0;font-size:9px;display:flex}.location-note svg{width:11px;height:11px}.quick-grid{grid-template-columns:1fr 1fr 1.22fr;gap:14px;margin:0 3.5% 78px;display:grid}.quick-item,.quick-note{background:#fffdf894;border:1px solid #424f4714;border-radius:21px;align-items:center;min-height:88px;display:flex}.quick-item{gap:14px;padding:17px 19px}.quick-item>div{gap:5px;display:grid}.quick-item strong{font-size:13px}.quick-item span:last-child{color:#878d89;font-size:11px}.quick-icon{border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.quick-icon svg{width:19px;height:19px}.quick-icon.green{color:#4e7a62;background:#e5f0e8}.quick-icon.orange{color:#d87b4f;background:#faeadc}.quick-note{color:#fff;background:#536f61;gap:5px;padding:17px 22px;display:grid;box-shadow:0 12px 30px #3c5b4a24}.quick-note span{color:#cfe0d6;letter-spacing:.13em;font-size:10px;font-weight:700}.quick-note p{margin:0;font-size:12px;line-height:1.55}.services-section{padding:0 3.5%}.section-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.kicker{color:#d26b4d;letter-spacing:.18em;font-size:11px;font-weight:800}.section-heading h2{letter-spacing:-.04em;margin:10px 0 0;font-family:STSong,Songti SC,SimSun,serif;font-size:30px}.section-heading p{color:#929791;margin:0 0 4px;font-size:12px}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{min-height:225px;color:inherit;background:var(--paper);cursor:pointer;text-align:left;border:1px solid #414c4517;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 28px #4c3e2c0b}.service-card:hover{border-color:#414c4526;transform:translateY(-5px);box-shadow:0 19px 45px #4c3e2c1a}.service-card:focus-visible{outline-offset:3px;outline:3px solid #e96f4c47}.service-card.featured{background:linear-gradient(135deg,#fff9ee 0%,#fff5e8 58%,#fde8d7 100%);border-color:#e07c4f24;grid-column:span 2}.featured-glow{z-index:0;background:radial-gradient(circle,#ee844e33,#ee844e00);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-65px;right:-40px}.service-icon{z-index:1;border-radius:17px;place-items:center;width:50px;height:50px;display:grid;position:relative}.service-icon svg{width:23px;height:23px}.service-icon.coral{color:#d96745;background:#fbe0d1}.service-icon.green{color:#537a65;background:#e1eee6}.service-icon.violet{color:#806f9d;background:#ece7f4}.service-icon.rose{color:#b96e78;background:#f5e2e3}.service-icon.blue{color:#587991;background:#e1ebf0}.service-icon.yellow{color:#b68233;background:#f8ebca}.service-icon.slate{color:#5e6968;background:#e5e9e7}.service-content{z-index:1;width:100%;display:grid;position:relative}.service-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.service-topline strong{font-size:17px}.status{border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status i{border-radius:50%;width:5px;height:5px}.status.online{color:#47745c;background:#e3f1e8}.status.online i{background:#65a37d;box-shadow:0 0 0 3px #65a37d1f}.status.pending{color:#8c8e89;background:#efefeb}.status.pending i{background:#aeb1ab}.service-description{color:#7c837f;max-width:410px;margin-top:9px;font-size:12px;line-height:1.7}.service-action{color:#56675e;align-items:center;gap:7px;margin-top:16px;font-size:11px;font-weight:700;display:inline-flex}.service-action svg{width:14px;height:14px;transition:transform .18s}.service-card:hover .service-action svg{transform:translate(3px)}.featured .service-action{color:#cf6747}.card-art{z-index:0;color:#7aa48d;opacity:.74;transform-origin:100% 100%;width:118px;height:72px;transition:transform .26s,opacity .26s;position:absolute;bottom:48px;right:18px}.service-card:hover .card-art{opacity:1;transform:translateY(-3px)scale(1.03)}.art-word{clip-path:polygon(0 100%,35% 48%,58% 76%,78% 32%,100% 100%);background:linear-gradient(136deg,#0000 45%,#ee97622e 45% 70%,#0000 70%);width:138px;height:78px;right:13px}.art-word:before{content:"";background:#e97957;width:2px;height:39px;position:absolute;top:10px;right:18px;box-shadow:8px 0 #e9795733}.art-word:after{content:"";background:#f28b69;border-radius:2px 6px 6px 2px;width:18px;height:11px;position:absolute;top:9px;right:4px}.art-cinema{background:linear-gradient(135deg,#a8c6c8,#4e7475);border:5px solid #527461d1;border-radius:5px;width:112px;height:57px;bottom:50px;right:19px;box-shadow:0 9px 0 -5px #527461b3}.art-cinema:before{content:"";background:radial-gradient(at 12% 24%,#7ba874 0 14%,#0000 15%),radial-gradient(at 58% 8%,#87b47f 0 15%,#0000 16%),radial-gradient(at 72% 40%,#67986b 0 14%,#0000 15%),linear-gradient(90deg,#0000 46%,#8e704f 47% 54%,#0000 55%);width:42px;height:62px;position:absolute;bottom:-7px;left:-27px}.art-cinema:after{content:"";background:radial-gradient(at 22% 26%,#76a973 0 16%,#0000 17%),radial-gradient(at 75% 13%,#89b47e 0 15%,#0000 16%),radial-gradient(at 72% 49%,#638f68 0 15%,#0000 16%),linear-gradient(90deg,#0000 47%,#8e704f 48% 54%,#0000 55%);width:30px;height:58px;position:absolute;bottom:-5px;right:-23px}.art-request{clip-path:polygon(0 13%,8% 0,92% 0,100% 13%,92% 27%,100% 40%,92% 53%,100% 66%,92% 80%,100% 92%,92% 100%,8% 100%,0 87%,8% 74%,0 61%,8% 48%,0 35%,8% 22%);background:repeating-linear-gradient(135deg,#9a84bd 0 7px,#b7a7d0 7px 14px);width:110px;height:63px;right:19px;box-shadow:inset 0 0 0 8px #ffffff61}.art-request:before{content:"";border:2px dashed #ffffffc7;border-radius:4px;width:56px;height:37px;position:absolute;top:13px;left:27px}.art-photos{background:linear-gradient(145deg,#f7bed0 0 43%,#f6e4ba 44% 68%,#b9d9c3 69%);border:8px solid #fffaf4;border-radius:4px;width:104px;height:77px;bottom:44px;right:18px;transform:rotate(-7deg);box-shadow:18px -6px 0 -3px #fffaf4,18px -6px #bf697b40}.art-photos:before{content:"";background:#ee8fa459;border-radius:50%;width:30px;height:30px;position:absolute;bottom:-10px;right:-14px}.art-files{background:#a9cae0;border-radius:5px 8px 8px;width:111px;height:66px;bottom:46px;right:17px;box-shadow:-9px 10px #d8e8ef,-18px 20px #eef4f5}.art-files:before{content:"";background:#b9d6e6;border-radius:7px 7px 0 0;width:47px;height:16px;position:absolute;top:-10px;left:0}.art-files:after{content:"";background:#ffffffb3;border-radius:9px;width:43px;height:5px;position:absolute;bottom:11px;right:13px;box-shadow:0 -12px #ffffff7a}.art-tools{background:linear-gradient(45deg,#0000 43%,#d3a54a 44% 53%,#0000 54%);width:86px;height:79px;bottom:42px;right:22px}.art-tools:before{content:"";border:10px solid #d4a84c;border-right-color:#0000;border-radius:50%;width:39px;height:39px;position:absolute;top:1px;left:5px;transform:rotate(-38deg)}.art-tools:after{content:"";background:#e8c46e;border-radius:10px;width:43px;height:13px;position:absolute;bottom:11px;right:1px;transform:rotate(-45deg)}.art-nas{background:linear-gradient(#9caeaa 0 26%,#0000 27% 36%,#aebdb9 37% 63%,#0000 64% 73%,#c1cdca 74%);border-radius:12px;width:112px;height:72px;bottom:44px;right:17px;box-shadow:inset 15px 0 #ffffff47}.art-nas:before{content:"";background:#6b8f7b;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:10px;box-shadow:0 25px #6b8f7b,0 50px #6b8f7b}.art-nas:after{content:"";background:#ffffffa6;border-radius:6px;width:38px;height:5px;position:absolute;top:11px;right:13px;box-shadow:0 25px #ffffffa6,0 50px #ffffffa6}.service-rail{z-index:1;border-top:1px solid #414c451a;flex-wrap:wrap;gap:6px;width:100%;margin-top:16px;padding-top:11px;display:flex;position:relative}.service-rail span{color:#77817b;background:#ffffff7a;border-radius:999px;padding:4px 7px;font-size:9px;line-height:1}.featured .service-rail span{color:#b6674f;background:#ffffff8f}.card-art,.card-art.art-word,.card-art.art-cinema,.card-art.art-request,.card-art.art-photos,.card-art.art-files,.card-art.art-tools,.card-art.art-nas{width:166px;height:112px;box-shadow:none;clip-path:none;opacity:.98;background:0 0;border:0;border-radius:0;bottom:37px;right:12px;transform:none}.featured .card-art,.featured .card-art.art-word{width:246px;height:156px;bottom:29px;right:10px}.card-art:before,.card-art:after{display:none}.card-art img{object-fit:contain;object-position:right bottom;filter:drop-shadow(0 12px 14px #4b3e2b21)}.service-card:hover .card-art,.service-card:hover .card-art.art-word,.service-card:hover .card-art.art-cinema,.service-card:hover .card-art.art-request,.service-card:hover .card-art.art-photos,.service-card:hover .card-art.art-files,.service-card:hover .card-art.art-tools,.service-card:hover .card-art.art-nas{opacity:1;transform:translateY(-3px)scale(1.025)}.service-card:not(.featured) .service-content{padding-right:18px}footer{color:#929791;border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:72px 3.5% 0;padding:30px 0 36px;font-size:10px;display:flex}.footer-line{align-items:center;gap:7px;display:flex}.mini-heart{color:#dd7557;font-size:12px}footer p{margin:0}.toast{z-index:10;color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d3933f0;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:11px;max-width:calc(100% - 32px);padding:13px 18px 13px 13px;font-size:12px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,14px);box-shadow:0 18px 45px #222c2738}.toast.visible{opacity:1;transform:translate(-50%)}.toast-icon{color:#ffc98e;background:#ffffff17;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.toast-icon svg{width:14px;height:14px}@media (max-width:1000px){.hero{grid-template-columns:1fr 390px;gap:30px;padding-left:1%;padding-right:1%}.quick-grid,.services-section,footer{margin-left:1%;margin-right:1%}.services-section{padding-left:0;padding-right:0}.quick-grid{grid-template-columns:1fr 1fr}.quick-note{grid-column:span 2}}@media (min-width:761px) and (max-width:1000px){.room-scene{opacity:.7}.room-scene img{object-fit:cover;object-position:42% top}}@media (max-width:760px){main{width:min(100% - 28px,560px)}.room-scene{opacity:.42}.room-scene img{object-fit:cover;object-position:25% top}.topbar{height:82px;padding:0 12px}.topbar:before{border-radius:20px;inset:13px -4px}.privacy-chip span:last-child{display:none}.privacy-chip{justify-content:center;width:34px;height:34px;padding:0}.hero{grid-template-columns:1fr;gap:28px;padding:44px 0 34px}.hero h1{margin-top:16px;font-size:clamp(40px,12vw,58px)}.hero-copy>p{font-size:14px}.desktop-break{display:none}.weather-card{border-radius:23px;padding:20px 17px 12px}.live-clock{font-size:34px}.weather-current p{font-size:11px}.weather-symbol{font-size:42px}.weather-meta{flex-wrap:wrap;gap:9px}.weather-meta button{margin-left:auto}.quick-grid{grid-template-columns:1fr;gap:10px;margin:0 0 58px}.quick-note{grid-column:auto}.quick-item,.quick-note{min-height:76px}.section-heading{align-items:start}.section-heading p{margin-top:8px}.section-heading h2{font-size:27px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card,.service-card.featured{border-radius:24px;grid-column:auto;min-height:226px;padding:21px}.card-art{bottom:53px;right:10px;transform:scale(.78)}.service-card:hover .card-art{transform:translateY(-2px)scale(.8)}.service-rail{margin-top:11px;padding-top:9px}footer{align-items:flex-start;gap:10px;margin:54px 0 0}footer p{text-align:right}.card-art.art-word,.card-art.art-cinema,.card-art.art-request,.card-art.art-photos,.card-art.art-files,.card-art.art-tools,.card-art.art-nas{width:156px;height:108px;bottom:43px;right:4px}.featured .card-art.art-word{width:205px;height:142px;bottom:30px;right:0}.service-card:not(.featured) .service-content{padding-right:12px}}@media (max-width:380px){.forecast-day{padding:2px 1px}.forecast-day small{font-size:9px}.weather-meta button{justify-content:center;width:100%}.live-clock{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:1001px){main{width:min(1086px,100% - 48px)}.room-scene{opacity:.96}.room-scene img{object-position:center top;transform:none}.topbar{height:70px;padding:0}.topbar:before{border-radius:20px;inset:8px -10px}.hero{grid-template-columns:minmax(0,1fr) 474px;align-items:start;gap:48px;padding:0 0 37px}.hero-copy{padding:30px 0 0 4px}.hero h1{margin:17px 0;font-size:64px}.hero-copy>p{font-size:15px;line-height:1.9}.weather-card{border-radius:26px;min-height:224px;padding:22px 24px 12px}.quick-grid{gap:13px;margin:0 0 31px}.quick-item,.quick-note{border-radius:20px;min-height:88px}.services-section{padding:0}.section-heading{margin-bottom:16px}.section-heading h2{margin-top:8px;font-size:29px}.service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.service-card{border-radius:20px;grid-column:span 2;justify-content:flex-start;min-height:172px;padding:18px 19px}.service-card.featured,.service-card:nth-child(2){grid-column:span 3;min-height:184px}.service-icon{border-radius:14px;width:42px;height:42px}.service-icon svg{width:20px;height:20px}.service-topline strong{font-size:16px}.service-content{margin-top:8px}.service-description{max-width:calc(100% - 95px);margin-top:5px;font-size:11px;line-height:1.45}.featured .service-description{max-width:330px}.service-action{gap:6px;margin-top:8px;font-size:10px}.service-rail{gap:4px;width:auto;margin:0;padding-top:7px;position:absolute;bottom:12px;left:19px;right:19px}.service-rail span{padding:3px 6px;font-size:8px}.card-art.art-word,.card-art.art-cinema,.card-art.art-request,.card-art.art-photos,.card-art.art-files,.card-art.art-tools,.card-art.art-nas{width:150px;height:100px;bottom:26px;right:7px}.featured .card-art.art-word{width:198px;height:128px;bottom:15px;right:6px}.service-card:nth-child(2) .card-art.art-cinema{width:206px;height:132px;bottom:15px;right:4px}footer{margin:32px 0 0;padding:20px 0 26px}}.service-topline{flex-wrap:wrap;justify-content:flex-start;gap:8px}.tools-page{width:min(1060px,100% - 48px);min-height:100vh;margin:0 auto;padding:0 0 34px}.tools-nav{border-bottom:1px solid #47544c1a;justify-content:space-between;align-items:center;height:92px;display:flex}.tools-brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.tools-brand>span:last-child{line-height:1;display:grid}.tools-brand b{letter-spacing:.13em;font-size:14px}.tools-brand small{color:#7a837d;letter-spacing:.15em;margin-top:6px;font-size:10px}.tools-brand-mark{background:#ec754f;border-radius:14px;width:41px;height:41px;position:relative;box-shadow:0 8px 18px #dc664533}.tools-brand-mark:before{content:"";background:#fff9ee;border-radius:2px 2px 4px 4px;width:18px;height:17px;position:absolute;top:17px;left:11.5px}.tools-brand-mark span{z-index:1;background:#fff9ee;border-radius:3px;width:15px;height:15px;position:absolute;top:9px;left:13px;transform:rotate(45deg)}.back-home{color:#5d7166;background:#ffffff7a;border:1px solid #51715e29;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.back-home svg{width:15px;transform:rotate(180deg)}.tools-hero{padding:78px 4% 61px;position:relative;overflow:hidden}.tools-hero:after{content:"";pointer-events:none;border:34px solid #e7a9551a;border-radius:50%;width:280px;height:280px;position:absolute;top:20px;right:4%;box-shadow:-70px 80px 0 -34px #59806814,-133px 105px 0 -112px #e96f4c1f}.tools-kicker{color:#d16b4e;letter-spacing:.16em;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.tools-kicker svg{width:17px}.tools-hero h1{z-index:1;letter-spacing:-.055em;max-width:660px;margin:18px 0;font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(42px,6vw,68px);line-height:1.12;position:relative}.tools-hero p{z-index:1;color:#6d7771;margin:0;font-size:15px;line-height:1.9;position:relative}.tool-collection{padding:0 4%}.tool-collection>header{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.tool-collection>header span{color:#d16b4e;letter-spacing:.17em;font-size:11px;font-weight:800}.tool-collection h2{letter-spacing:-.04em;margin:8px 0 0;font-family:STSong,Songti SC,SimSun,serif;font-size:29px}.tool-collection>header p{color:#929791;margin:0 0 4px;font-size:12px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-card{min-height:208px;color:var(--ink);background:#fffdf8b3;border:1px solid #3f4e451a;border-radius:24px;flex-direction:column;align-items:flex-start;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #483b2a0e}.tool-card:not(.coming-soon):hover{border-color:#4b6a583d;transform:translateY(-4px);box-shadow:0 18px 38px #483b2a1a}.tool-card:focus-visible{outline-offset:3px;outline:3px solid #e96f4c40}.tool-card:after{content:"";background:#587e6814;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-55px;right:-35px}.tool-card:first-child:after{background:#6296be1a}.tool-card:nth-child(3):after{background:#e0ab481f}.tool-icon{z-index:1;border-radius:15px;place-items:center;width:46px;height:46px;display:grid;position:relative}.tool-icon svg{width:22px;height:22px}.tool-icon.green{color:#547b65;background:#e1eee6}.tool-icon.blue{color:#557f9c;background:#e1ebf4}.tool-icon.yellow{color:#ac7c2c;background:#f9edcf}.tool-copy{z-index:1;gap:7px;margin-top:22px;display:grid;position:relative}.tool-copy strong{font-size:17px}.tool-copy>span{color:#737d77;font-size:12px;line-height:1.65}.tool-action{z-index:1;color:#959a96;align-items:center;gap:6px;margin-top:auto;font-size:11px;font-weight:700;display:inline-flex;position:relative}.tool-action.available{color:#517762}.tool-action svg{width:14px}.coming-soon{opacity:.82}.tailscale-badge{z-index:1;color:#4b7660;background:#e5f1e9;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:24px;right:18px}.tailscale-badge>span{background:#65a37d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #65a37d1f}.tailscale-note{background:#e6f1e99e;border:1px solid #4f745f1f;border-radius:20px;align-items:flex-start;gap:14px;margin:30px 4% 0;padding:18px 20px;display:flex}.note-icon{color:#517962;background:#fffdf9;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.note-icon svg{width:18px}.tailscale-note strong{font-size:13px}.tailscale-note p{color:#6d7a72;margin:6px 0 0;font-size:11px;line-height:1.65}.tools-footer{color:#929791;border-top:1px solid var(--line);justify-content:space-between;margin:42px 4% 0;padding-top:20px;font-size:10px;display:flex}.tools-footer i{color:#df7658;font-style:normal}@media (max-width:760px){.tools-page{width:min(100% - 28px,560px)}.tools-nav{height:78px}.tools-hero{padding:51px 2% 45px}.tools-hero:after{width:225px;height:225px;top:0;right:-100px}.tools-hero h1{font-size:clamp(39px,11vw,54px)}.tools-hero p{font-size:14px}.tool-collection{padding:0 2%}.tool-collection>header{align-items:start}.tool-collection>header p{margin-top:8px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:178px;padding:20px}.tool-copy{margin-top:15px}.tailscale-note{margin:24px 2% 0}.tools-footer{align-items:flex-start;gap:12px;margin:34px 2% 0}.tools-footer span:last-child{text-align:right;max-width:180px}}