:root{color:#202a3a;background:#f8faff;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--brand-copy-color: #687184;--brand-copy-size: 17px;--brand-copy-line: 2.08;--brand-copy-weight: 420;--page-max: 1120px;--page-pad: 24px;--hero-gap: clamp(82px, 10vw, 136px);--hero-visual-width: 430px;--hero-pad-x: 32px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 12%,rgba(159,149,255,.18),transparent 30%),radial-gradient(circle at 14% 28%,rgba(137,171,255,.14),transparent 28%),linear-gradient(180deg,#fbfcff,#eef4ff 54%,#f8f9ff);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--page-max);padding:20px var(--page-pad)}.brand,.nav nav,.actions,.button,.category,.cardActions,.smallButton,footer,.feedback{align-items:center;display:flex}.brand{color:#68738a;font-size:15px;font-weight:420;gap:9px;letter-spacing:.04em;min-height:36px;opacity:.92;transition:opacity .18s ease,transform .18s ease}.brand:hover{opacity:1;transform:translateY(-1px)}.brandMark{border-radius:999px;display:inline-flex;height:30px;overflow:hidden;position:relative;width:30px}.brandMark:before{background:radial-gradient(circle,rgba(255,255,255,.72),rgba(139,124,255,.1),transparent 70%);border-radius:inherit;content:"";inset:3px;position:absolute}.brandLogo{height:auto;left:-20px;object-fit:cover;position:absolute;top:-17px;width:92px}.brandName{line-height:1}.nav nav{color:#7d8495;gap:28px;font-size:14px;font-weight:400;letter-spacing:.03em}.nav nav a{transition:color .18s ease,transform .18s ease}.nav nav a:hover{color:#6688f5;transform:translateY(-1px)}.hero,.detailHero{align-items:center;display:grid;gap:var(--hero-gap);grid-template-columns:minmax(0,.95fr) minmax(330px,var(--hero-visual-width));margin:0 auto;max-width:var(--page-max);padding:54px var(--hero-pad-x) 104px}.hero{min-height:calc(100vh - 92px)}.toolIntro{margin:0 auto;max-width:var(--page-max);padding:18px var(--hero-pad-x) 18px}.toolIntroCopy{max-width:820px}.toolIntro h1{font-size:clamp(34px,4.2vw,52px);margin-bottom:6px}.toolIntro .cnName{display:none;font-size:clamp(20px,1.9vw,24px);margin-bottom:4px}.toolIntro .brandTone{margin-bottom:12px}.detailHero.compact{grid-template-columns:auto minmax(0,1fr)}.kicker,.eyebrow{color:#6f92ff;font-size:12px;font-weight:560;margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{color:#202a3a;font-size:clamp(44px,6.5vw,78px);font-weight:440;line-height:1.14;margin-bottom:18px}h2{font-size:clamp(27px,3.8vw,42px);font-weight:440;line-height:1.24}.cnName{color:#9388ff;font-size:clamp(25px,2.8vw,32px);font-weight:360;line-height:1.35;margin-bottom:16px}.brandTone{color:#6e8bff;font-size:15px;font-weight:430;line-height:1.9;margin-bottom:42px}.lead{color:#697486;font-size:clamp(18px,1.6vw,20px);font-weight:380;line-height:2.2;max-width:470px}.actions{flex-wrap:wrap;gap:20px;margin-top:48px}.button,.smallButton,.feedback button{border:1px solid rgba(230,236,245,.84);border-radius:999px;color:#485267;gap:8px;min-height:42px;padding:11px 15px;font-weight:500}.button{background:#ffffffbd;box-shadow:0 12px 32px #6f8de614}.button.primary,.smallButton.primary{background:linear-gradient(135deg,#6890ffdb,#9184ffc2);border-color:transparent;color:#fff;font-weight:570}.button.ghost{background:#ffffff70}.moonToolVisual,.screenshot,.panel,.statusPanel,.toolCard,.feedback{background:#ffffffd6;border:1px solid #e6ecf5;border-radius:22px;box-shadow:0 18px 54px #5b8cff1a}.screenshot{overflow:hidden}.moonToolVisual{display:grid;gap:14px;padding:28px}.toolSearchPreview{align-items:center;background:#f8faffeb;border:1px solid #e6ecf5;border-radius:18px;color:#758096;display:flex;gap:10px;min-height:58px;padding:0 16px}.toolSearchPreview svg{color:#6f92ff}.moonToolVisual img{background:linear-gradient(135deg,#1f2937e6,#5b8cff9e,#8b7cff94);border:1px solid rgba(255,255,255,.5);border-radius:18px;filter:drop-shadow(0 18px 34px rgba(91,140,255,.2));margin:0 auto 10px;max-width:260px;padding:12px;width:76%}.softMetric{align-items:center;background:#f8faffe6;border:1px solid #e6ecf5;border-radius:16px;display:flex;justify-content:space-between;padding:16px}.softMetric span{color:#6b7280}.softMetric strong{color:#1f2937}.softMetric.quiet{color:#5b8cff;gap:10px;justify-content:flex-start}.section{margin:0 auto;max-width:var(--page-max);padding:78px var(--page-pad)}.searchSection{padding-bottom:26px;padding-top:10px}.searchBox{align-items:center;background:radial-gradient(circle at 88% 20%,rgba(159,149,255,.11),transparent 34%),#ffffffc2;border:1px solid rgba(230,236,245,.82);border-radius:24px;box-shadow:0 18px 54px #6f8de612;color:#6f92ff;display:flex;gap:14px;min-height:74px;padding:0 24px}.searchBox input{background:transparent;border:0;color:#202a3a;flex:1;font:inherit;font-size:18px;outline:none}.searchBox input::placeholder{color:#98a2b5}.heroSearch{margin-top:20px;max-width:560px}.searchWrap{max-width:720px;position:relative}.searchResults{background:#ffffffeb;border:1px solid rgba(230,236,245,.86);border-radius:22px;box-shadow:0 20px 60px #687edc1f;display:grid;gap:6px;margin-top:10px;padding:10px}.searchResults a{align-items:center;border-radius:16px;display:flex;justify-content:space-between;gap:14px;padding:12px 14px;transition:background .18s ease,transform .18s ease}.searchResults a:hover{background:#6890ff14;transform:translateY(-1px)}.searchResults span{color:#202a3a;font-weight:560}.searchResults small{color:#778196;font-size:12px;text-align:right}.toolIntro .heroSearch{max-width:720px;min-height:64px}.firstContent{padding-top:34px}.sectionTitle{max-width:680px}.sectionLead{color:#737c8f;font-size:16.5px;font-weight:400;line-height:2;margin-bottom:0;max-width:620px}.categoryGrid,.toolGrid,.twoCol{display:grid;gap:18px}.categoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.category{background:#ffffffb8;border:1px solid rgba(230,236,245,.72);border-radius:18px;box-shadow:0 12px 34px #6f8de612;color:#485267;gap:10px;min-height:122px;padding:20px;flex-wrap:wrap}.category span,.category small{display:block;width:100%}.category span{color:#202a3a;font-size:17px;font-weight:540}.category small,.category em{color:#748096;font-size:13px;line-height:1.7}.category em{color:#6f92ff;font-style:normal;font-weight:520}.toolGrid,.twoCol{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.popularGrid,.compactToolGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.categoryToolList{display:grid;gap:34px;margin-top:30px}.categoryBlock h3{color:#202a3a;font-size:23px;font-weight:460;margin-bottom:14px}.toolCard,.panel,.feedback,.statusPanel{padding:24px}.softToolCard{background:radial-gradient(circle at 92% 14%,rgba(159,149,255,.1),transparent 28%),#ffffffc7}.softToolCard .cardActions{margin-top:18px}.compactCard{padding:20px}.compactCard h3{font-size:19px}.compactCard p{font-size:14px}.updatePanel .panel{max-width:720px}.toolCard svg,.feedback svg,.detailHero.compact svg{color:#5b8cff}.toolCard p,.panel p,.sectionTitle p,.list,footer{color:#687184;font-weight:420;line-height:1.9}.meta{color:#4b5563;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.meta span{background:#6890ff17;border-radius:999px;padding:6px 10px}.cardActions,.feedbackActions{flex-wrap:wrap;gap:10px}.smallButton{display:inline-flex}.statusPanel{display:grid;gap:14px}.statusPanel div{border-bottom:1px solid #e6ecf5;display:flex;justify-content:space-between;padding-bottom:14px}.statusPanel div:last-child{border-bottom:0;padding-bottom:0}.statusPanel span{color:#6b7280}.feedback{gap:18px;justify-content:space-between}.feedback button{background:#f8faffe6;cursor:default}footer{border-top:1px solid #e6ecf5;gap:14px;justify-content:center;padding:28px 24px}.previewHeader{align-items:center;background:linear-gradient(135deg,#5b8cff1f,#8b7cff1a);color:#5b8cff;display:flex;font-weight:700;gap:8px;padding:16px 18px}.previewRows{display:grid;gap:12px;padding:18px}.previewRows div{align-items:center;background:#f8faffdb;border:1px solid #e6ecf5;border-radius:14px;display:flex;justify-content:space-between;padding:14px}.previewRows span{color:#6b7280}.previewRows strong{color:#1f2937}.footerLogo{align-items:center;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(139,124,255,.12),transparent 72%);border-radius:999px;display:inline-flex;flex:0 0 34px;height:34px;justify-content:center;overflow:hidden;position:relative;width:34px}.footerLogo img{height:auto;left:-22px;object-fit:cover;position:absolute;top:-18px;width:96px}.footerCopy{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;line-height:1.7}.footerCopy strong{color:#5f82ff;font-weight:560}.footerCopy span{color:#687184;font-weight:390}.inspirationCard{align-items:start;background:radial-gradient(circle at 92% 12%,rgba(159,149,255,.11),transparent 28%),#ffffff75;border:1px solid rgba(230,236,245,.72);border-radius:30px;box-shadow:0 18px 60px #5b8cff0e;display:grid;gap:50px;grid-template-columns:.75fr 1fr}.inspirationCard:before{content:none}.inspirationCopy p{color:var(--brand-copy-color);font-size:var(--brand-copy-size);font-weight:var(--brand-copy-weight);line-height:var(--brand-copy-line);margin-bottom:18px;max-width:600px}.moonTag{background:linear-gradient(180deg,transparent 58%,rgba(151,141,255,.14) 0),linear-gradient(135deg,#6890ff12,#978dff17);border-radius:14px;box-shadow:0 10px 28px #5b8cff0f;color:#6578f4;display:inline-block;font-weight:560;margin:0 4px;padding:0 8px 2px;transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap}.moonTag:hover{box-shadow:0 14px 34px #5b8cff1f;transform:translateY(-1px)}.inspirationAction{align-items:center;color:#687184;display:inline-flex;flex-wrap:wrap;gap:8px 12px;margin-top:4px}.inspirationAction a{align-items:center;color:#5f82ff;display:inline-flex;font-size:15px;font-weight:520;gap:7px;line-height:1.4}.inspirationAction small{color:#7a8293;font-size:13px;line-height:1.6}.mobileNav{align-items:center;flex-direction:row;justify-content:space-between;padding:16px 18px 8px}.mobileNav nav{background:#ffffff8a;border:1px solid rgba(230,236,245,.72);border-radius:999px;box-shadow:0 12px 34px #6f8de60f;gap:5px;font-size:13px;max-width:min(286px,66vw);overflow-x:auto;padding:6px;scrollbar-width:none;white-space:nowrap}.mobileNav nav::-webkit-scrollbar{display:none}.mobileNav nav a{border-radius:999px;padding:6px 8px}.mobileToolHero{padding:18px 18px 38px}.mobileToolVisual{background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.95),transparent 32%),linear-gradient(145deg,#ffffffb8,#f4f7ff80);border:1px solid rgba(255,255,255,.78);border-radius:30px;box-shadow:0 28px 90px #687edc1a;display:grid;gap:12px;margin:18px 0 30px;padding:24px}.mobileToolVisual img{background:linear-gradient(135deg,#1f2937c7,#5b8cff94,#8b7cff85);border:1px solid rgba(255,255,255,.62);border-radius:22px;filter:drop-shadow(0 18px 34px rgba(91,140,255,.16));margin:0 auto 8px;padding:20px;width:220px}.mobileMetricRow{align-items:center;background:#f8faffe0;border:1px solid rgba(230,236,245,.78);border-radius:17px;color:#687184;display:flex;justify-content:space-between;min-height:52px;padding:14px}.mobileMetricRow strong{color:#202a3a}.mobileMetricRow.soft{color:#5b8cff;gap:10px;justify-content:flex-start}.mobileEyebrow{color:#6f92ff;font-size:12px;font-weight:560;margin-bottom:10px}.mobileToolCopy h1{color:#202a3a;font-size:36px;font-weight:430;line-height:1.18;margin-bottom:10px}.mobileTone{color:#6e8bff;font-size:15px;font-weight:440;line-height:1.8;margin-bottom:24px}.mobileLead{color:#687184;font-size:16px;font-weight:390;line-height:2}.mobileActions{display:grid;gap:12px;margin-top:22px}.mobileActions .button{justify-content:center;min-height:48px}.toolPageHero{align-items:center;display:grid;gap:clamp(54px,7vw,112px);grid-template-columns:minmax(0,1fr) minmax(260px,380px);margin:0 auto;max-width:var(--page-max);padding:72px var(--hero-pad-x) 44px}.toolPageHero h1{font-size:clamp(42px,5.4vw,68px);margin-bottom:16px}.toolBadges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.toolBadges span{background:#6890ff17;border:1px solid rgba(230,236,245,.72);border-radius:999px;color:#5f6c82;font-size:13px;padding:8px 12px}.toolHeroOrb{align-items:center;aspect-ratio:1;background:radial-gradient(circle at 64% 18%,rgba(255,255,255,.92),transparent 30%),radial-gradient(circle at 30% 78%,rgba(139,124,255,.16),transparent 34%),#ffffff94;border:1px solid rgba(255,255,255,.86);border-radius:38px;box-shadow:0 28px 90px #687edc1f;color:#6f92ff;display:grid;justify-items:center;padding:44px}.toolHeroOrb span{color:#687184;font-size:17px;font-weight:520;margin-top:16px}.toolWorkspaceSection{padding-top:34px}.toolWorkspace{background:radial-gradient(circle at 92% 12%,rgba(159,149,255,.11),transparent 32%),#ffffff9e;border:1px solid rgba(230,236,245,.78);border-radius:30px;box-shadow:0 24px 72px #5b8cff12;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);padding:26px}.workspaceInput,.workspaceResult{min-width:0}.workspaceInput h2{font-size:clamp(26px,3vw,34px);margin-bottom:12px}.workspaceInput p,.plannedPanel p{color:#687184;line-height:1.9}.toolWorkspace textarea,.toolWorkspace input,.toolWorkspace select{background:#f8faffd1;border:1px solid rgba(230,236,245,.9);border-radius:18px;color:#202a3a;font:inherit;outline:none;width:100%}.toolWorkspace textarea{min-height:220px;padding:16px;resize:vertical}.toolWorkspace input,.toolWorkspace select{min-height:48px;padding:0 14px}.toolWorkspace label{color:#687184;display:grid;gap:8px;font-size:14px;line-height:1.6;margin-bottom:14px}.workspaceResult{background:#f8faffb8;border:1px solid rgba(230,236,245,.78);border-radius:24px;padding:20px}.workspaceResult pre{color:#202a3a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.7;margin:0 0 16px;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word}.resultStats{color:#6f92ff;font-size:13px;margin-bottom:10px}.formGrid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented{background:#f8faffe6;border:1px solid rgba(230,236,245,.82);border-radius:999px;display:inline-flex;gap:4px;margin-bottom:14px;padding:4px}.segmented button{background:transparent;border:0;border-radius:999px;color:#687184;cursor:pointer;padding:9px 14px}.segmented button.active{background:linear-gradient(135deg,#6890ffdb,#9184ffc2);color:#fff}.metricGrid{display:grid;gap:12px}.metricGrid div{align-items:center;background:#ffffffb3;border:1px solid rgba(230,236,245,.78);border-radius:16px;display:flex;justify-content:space-between;gap:12px;padding:14px}.metricGrid span{color:#687184}.metricGrid strong{color:#202a3a;text-align:right}.statusResult{align-items:center;color:#687184;display:flex;gap:12px;line-height:1.8}.statusResult svg{color:#6f92ff;flex:0 0 auto}.statusResult.error svg{color:#e8798f}.pillResult{display:flex;flex-wrap:wrap;gap:10px}.pillResult button{background:#6890ff17;border:1px solid rgba(230,236,245,.8);border-radius:999px;color:#506079;cursor:pointer;padding:10px 14px}.bigResult{color:#6f7ff6;font-size:clamp(42px,8vw,72px);font-weight:420;line-height:1.2;text-align:center}.colorResult{align-items:center;color:#202a3a;display:grid;gap:10px;justify-items:center}.colorResult span{border:1px solid rgba(255,255,255,.86);border-radius:50%;box-shadow:0 18px 40px #687edc29;display:block;height:96px;width:96px}.colorResult small{color:#687184}.wheelResult{align-items:center;color:#6f7ff6;display:grid;font-size:30px;gap:14px;justify-items:center;min-height:180px}.markdownPreview{color:#687184;line-height:1.9}.markdownPreview h1,.markdownPreview h2,.markdownPreview h3{color:#202a3a;font-size:24px;margin:0 0 10px}.fileButton{align-items:center;background:#ffffffb8;border:1px solid rgba(230,236,245,.86);border-radius:999px;color:#506079;cursor:pointer;display:inline-flex!important;font-weight:520;gap:8px!important;min-height:46px;padding:0 16px;width:auto!important}.fileButton input{display:none}.quietNote{color:#687184;font-size:14px}.imageResult{display:grid;gap:14px}.imageResult img{border-radius:18px;max-height:320px;max-width:100%;object-fit:contain}.imageGridResult{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.imageGridResult img{aspect-ratio:1;border-radius:10px;object-fit:cover;width:100%}.plannedPanel{align-items:flex-start;background:#ffffffad;border:1px solid rgba(230,236,245,.82);border-radius:30px;box-shadow:0 24px 72px #5b8cff12;display:flex;gap:18px;padding:28px}.plannedPanel svg{color:#6f92ff;flex:0 0 auto}@media(min-width:1600px){:root{--page-max: min(78vw, 1740px);--page-pad: 40px;--hero-gap: clamp(116px, 7vw, 176px);--hero-visual-width: min(31vw, 560px);--hero-pad-x: 40px}.nav{padding-top:26px;padding-bottom:26px}.hero,.detailHero{padding-bottom:126px;padding-top:76px}.toolIntro{padding-bottom:18px;padding-top:18px}.hero{min-height:calc(100vh - 104px)}h1{font-size:92px}.moonToolVisual{gap:18px;padding:38px}.moonToolVisual img{max-width:332px;padding:16px}.softMetric{min-height:64px;padding:18px 20px}.section{padding-bottom:92px;padding-top:92px}.firstContent{padding-top:52px}.toolPageHero{grid-template-columns:minmax(0,1fr) minmax(360px,520px);padding-top:86px}.toolWorkspace{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);padding:34px}}@media(max-width:900px){main{max-width:100vw;overflow-x:hidden}.nav{align-items:flex-start;gap:18px;flex-direction:column}.mobileNav{align-items:center;flex-direction:row;gap:0}.hero,.detailHero,.detailHero.compact,.toolPageHero,.toolWorkspace,.toolGrid,.popularGrid,.compactToolGrid,.twoCol,.categoryGrid,.inspirationCard{grid-template-columns:1fr}.mobileToolHero,.section,.inspirationCard{margin-left:auto;margin-right:auto;width:calc(100vw - 36px)}.mobileToolHero{padding:22px 0 18px}.section{padding-left:0;padding-right:0}.firstContent{padding-top:18px}.searchSection{padding-bottom:20px;padding-top:20px}.searchBox{border-radius:22px;min-height:62px;padding:0 18px}.searchBox input{font-size:15px}.category{min-height:108px}.feedback{align-items:flex-start;flex-direction:column}.inspirationAction{align-items:center}.inspirationCard{border-radius:26px;gap:0;margin-bottom:18px;padding:24px}.inspirationCard .sectionTitle{max-width:none}.inspirationCard .sectionTitle h2{color:#202a3a;font-size:40px;font-weight:380;line-height:1.18;margin-bottom:10px}.inspirationCopy p{color:#687184;font-size:16px;font-weight:390;line-height:1.92;margin-bottom:0}.siteFooter{align-items:center;justify-content:flex-start;margin:0 auto;padding:24px 18px calc(30px + env(safe-area-inset-bottom));width:calc(100vw - 36px)}.footerCopy{align-items:flex-start;display:grid;gap:2px}.footerCopy strong{font-size:16px;line-height:1.45}.footerCopy span{font-size:13px;line-height:1.75}.toolPageHero{margin-left:auto;margin-right:auto;padding:26px 0 12px;width:calc(100vw - 36px)}.toolPageHero h1{font-size:42px}.toolHeroOrb{border-radius:28px;margin-top:12px;padding:32px}.toolWorkspaceSection{padding-top:18px}.toolWorkspace{border-radius:26px;gap:18px;padding:18px}.workspaceResult{border-radius:20px;padding:16px}.formGrid{grid-template-columns:1fr}.searchResults a{align-items:flex-start;flex-direction:column;gap:2px}.searchResults small{text-align:left}.metricGrid div{align-items:flex-start;flex-direction:column}.metricGrid strong{text-align:left}.plannedPanel{border-radius:26px;padding:22px}}