:root{color-scheme:light;--ink:#142441;--muted:#748099;--blue:#3158b7;--cyan:#19b9d4;--line:#dfe7f3}
*{box-sizing:border-box}body{margin:0;background:#f5f8ff;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}.ambient{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(80px)}.ambient-blue{width:550px;height:550px;background:#dceaff;top:-280px;right:0}.ambient-coral{width:340px;height:340px;background:#ffede4;top:470px;left:-230px}
.header{height:94px;margin:auto;max-width:1240px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(201,213,236,.55)}.brand{display:flex;align-items:center;gap:22px}.brand img{width:205px;height:auto;display:block}.brand>span{font-size:14px;font-weight:650;padding-left:22px;border-left:1px solid #ced9eb;color:#60708b}.access-label{font-size:12px;color:#697a95;display:flex;align-items:center;gap:9px}.access-label i{width:6px;height:6px;background:#21b799;border-radius:50%;box-shadow:0 0 0 4px #21b79912}
main{max-width:1120px;margin:auto;padding:0 36px}.intro{padding:78px 0 54px}.eyebrow{font:650 11px/1.4 ui-monospace,monospace;letter-spacing:.18em;color:var(--blue)}.eyebrow>span{display:inline-block;margin-right:10px;color:var(--cyan);font-size:19px}.intro h1{font-size:clamp(34px,4.2vw,56px);font-weight:750;letter-spacing:-.04em;line-height:1.3;margin:22px 0}.intro h1>span{color:var(--blue)}.intro-copy{font-size:16px;line-height:1.95;color:var(--muted);margin:0}.intro-tags{display:flex;gap:10px;margin-top:23px}.intro-tags span{border:1px solid #dde6f3;border-radius:99px;padding:7px 13px;font-size:11px;background:#ffffff90;color:#6c7f9c}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:16px}.section-heading h2{font-size:20px;margin:0;display:flex;gap:12px;align-items:center}.section-heading h2>span{font:12px/1.5 ui-monospace,monospace;color:#8ca0bf;background:#eaf0fa;padding:1px 8px;border-radius:6px}.section-heading>p{font-size:12px;color:#8a97ad;margin:0}.tool-card{display:grid;grid-template-columns:1fr 1fr;min-height:350px;border:1px solid #dce6f5;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 16px 50px #193c7910;transition:transform .3s,box-shadow .3s,border-color .3s;isolation:isolate}.tool-card:hover{transform:translateY(-5px);border-color:#b9cde9;box-shadow:0 28px 60px #193c7920}.tool-copy{padding:34px 38px}.category{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;color:#9b795a}.category>span{display:grid;place-items:center;background:#fff1e7;color:#e67b4b;width:30px;height:30px;border-radius:9px;font-size:16px}.tool-copy h3{font-size:31px;letter-spacing:-.03em;margin:18px 0 12px}.tool-copy>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.features{padding:0;list-style:none;display:grid;gap:9px;margin:22px 0 26px;font-size:12px;color:#6a7991}.features li:before{content:"✓";color:#36adba;margin-right:9px}.open-tool{display:inline-flex;gap:32px;align-items:center;background:var(--blue);color:#fff;border-radius:11px;padding:13px 18px;font-size:13px;font-weight:650}.open-tool>span{font-size:18px;transition:transform .3s}.tool-card:hover .open-tool>span{transform:translate(2px,-2px)}
.card-visual{position:relative;min-height:330px;background:radial-gradient(ellipse at 55% 58%,#d7e4ff,#f1f6ff 72%);overflow:hidden}.orbit{position:absolute;width:320px;height:320px;border:1px solid #b6ccea70;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #d9e6fb50,0 0 0 62px #e0eaf930}.sample-card{position:absolute;width:66%;height:156px;left:17%;top:28%;border:1px solid #e1e7f2;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 20px 26px #16396717;transition:transform .5s}.sample-card small{font:8px/1.4 ui-monospace,monospace;letter-spacing:.18em;color:#899dba}.sample-card strong{font-size:29px;letter-spacing:.14em;margin:12px 0 9px;font-family:"Songti SC",SimSun,serif}.sample-card>span{font-size:8px;letter-spacing:.14em;color:#a4aec0}.sample-back{background:linear-gradient(#f9fcff,#e5f1ff);transform:translate(17px,-28px) rotate(10deg);color:#8498b3}.sample-front{background:linear-gradient(#fff 84%,#f0f4f9);transform:translate(-10px,24px) rotate(-8deg);color:#284674}.tool-card:hover .sample-front{transform:translate(-17px,17px) rotate(-11deg)}.tool-card:hover .sample-back{transform:translate(22px,-32px) rotate(13deg)}.spark{position:absolute;line-height:1;color:#24b7ce}.spark-one{top:20%;left:12%;font-size:31px}.spark-two{right:10%;bottom:24%;font-size:23px;color:#f49c75}.visual-label{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8195b0}.visual-label i{width:5px;height:5px;background:var(--cyan);border-radius:50%}
.catalog-note{font-size:12px;color:#93a0b5;text-align:center;margin:23px 0 45px}footer{max-width:1120px;margin:0 auto;padding:24px 36px 32px;display:flex;gap:18px;justify-content:space-between;color:#9aa7bb;font-size:11px;border-top:1px solid #e0e8f3}footer a:hover{color:var(--blue)}
@media(max-width:700px){.header{height:80px;padding:0 22px}.brand{gap:13px}.brand img{width:145px}.brand>span{font-size:12px;padding-left:13px}.access-label{display:none}main{padding:0 22px}.intro{padding:48px 0 37px}.intro h1>span{display:block}.intro-copy{font-size:14px}.section-heading>p{display:none}.tool-card{grid-template-columns:1fr}.tool-copy{padding:29px}.card-visual{min-height:280px;grid-row:1}.sample-card{max-width:310px;left:50%;margin-left:-33%;top:22%}.tool-copy h3{font-size:28px}footer{margin:0 22px;padding:22px 0;flex-direction:column;gap:12px}.catalog-note{font-size:11px;line-height:1.8}}
.header-actions{display:flex;align-items:center;gap:22px}.workbench-return{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid #ccd9ed;border-radius:11px;background:#ffffffb3;color:var(--blue);font-size:14px;font-weight:650;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.workbench-return:hover{background:#fff;border-color:#9cb5db;transform:translateY(-1px)}
@media(max-width:700px){.header{height:auto;min-height:80px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}.header-actions{gap:0}.workbench-return{font-size:13px;padding:0 11px;min-height:38px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}