:root{color-scheme:dark;--bg: #0c1018;--bg-deep: #070910;--bg-soft: #111620;--ink: #f8fbff;--muted: #a8b2c4;--muted-2: #748094;--line: rgb(255 255 255 / 12%);--line-strong: rgb(255 255 255 / 20%);--panel: rgb(12 16 24 / 82%);--panel-strong: rgb(17 22 32 / 90%);--panel-solid: #111620;--accent: #6ea8ff;--accent-2: #29f4df;--accent-3: #c9ff68;--accent-dark: #9b6cff;--success: #c9ff68;--shadow: 0 28px 90px rgb(0 0 0 / 34%);--glow: 0 0 0 1px rgb(41 244 223 / 18%), 0 24px 90px rgb(41 244 223 / 16%);--radius: 8px;--container: 1480px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-deep);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 8%,rgb(41 244 223 / 20%),transparent 32rem),radial-gradient(circle at 86% 12%,rgb(155 108 255 / 21%),transparent 30rem),linear-gradient(180deg,#080a11,#0b1018 48%,#070910);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgb(255 255 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 4%) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgb(0 0 0 / 82%),transparent 74%)}body,button,input,select,textarea{font:inherit}html[lang=zh-CN] body,html[lang=zh-CN] button,html[lang=zh-CN] input,html[lang=zh-CN] select,html[lang=zh-CN] textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[lang=ja] body,html[lang=ja] button,html[lang=ja] input,html[lang=ja] select,html[lang=ja] textarea{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}img{display:block;max-width:100%}.site-shell{min-height:100vh;position:relative}.container{width:min(var(--container),calc(100% - 28px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#070910bd;backdrop-filter:blur(18px)}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;text-decoration:none;letter-spacing:0}.brand-wordmark{color:#f8fbff}.brand-wordmark-accent{background:linear-gradient(135deg,#29f4df,#6ea8ff 58%,#9b6cff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#101722;color:#f8fbff;box-shadow:0 0 0 1px #ffffff1f,0 18px 46px #29f4df1a}.brand-mark svg{width:27px;height:27px}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.94rem}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--ink)}.language-switcher,.mobile-language-row,.mobile-nav-links{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f}.language-switcher a,.mobile-language-row a,.mobile-nav-links a{border-radius:6px;padding:6px 8px;color:var(--muted);font-size:.78rem;font-weight:850;text-decoration:none}.language-switcher a.active,.mobile-language-row a.active{color:#fff;background:#29f4df2e}.mobile-header-row{display:none}.mobile-language-row{width:min(100% - 24px,var(--container));justify-content:center}.mobile-nav-links{width:min(100% - 24px,var(--container));justify-content:center;flex-wrap:wrap}.button,button.button{border:0;border-radius:var(--radius);min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#061116;font-weight:820;text-decoration:none;cursor:pointer;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:0 18px 52px #29f4df38}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.secondary{background:#ffffff12;color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}.button.secondary:hover{background:#ffffff1c;border-color:#ffffff57}.button.accent{background:linear-gradient(135deg,#29f4df,#6ea8ff 58%,#9b6cff)}.hero{padding:clamp(24px,4vw,52px) 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr);gap:clamp(18px,2vw,30px);align-items:stretch}.hero-product-grid{align-items:center}.hero-copy{padding:10px 0}h1,h2,h3,p{margin-top:0}h1{max-width:700px;font-size:clamp(3.3rem,6.2vw,7.1rem);line-height:.88;letter-spacing:0;margin-bottom:22px}.title-line{display:block}html[lang=zh-CN] h1,html[lang=ja] h1{max-width:820px;font-size:clamp(2.7rem,4.5vw,5.35rem);line-height:1.08;font-weight:900;text-wrap:balance}html[lang=zh-CN] .hero-copy h1{max-width:640px}html[lang=ja] .hero-copy h1{max-width:720px}h2{font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1;letter-spacing:0;margin-bottom:14px}h3{font-size:1.05rem;line-height:1.25;margin-bottom:10px}.lead{max-width:680px;color:#b9c2d2;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.58}html[lang=zh-CN] .lead,html[lang=ja] .lead{color:#c2ccdc;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.72}.hero-actions,.row-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-actions{margin-top:20px}.proof-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;color:var(--muted)}.proof-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid rgb(255 255 255 / 8%)}.proof-list svg{flex:0 0 auto;width:18px;height:18px;color:var(--accent-2);margin-top:3px}.hero-generator-panel{border:1px solid rgb(255 255 255 / 16%);border-radius:var(--radius);padding:clamp(8px,1.2vw,14px);min-width:0;background:linear-gradient(135deg,rgb(41 244 223 / 12%),transparent 42%),linear-gradient(315deg,rgb(155 108 255 / 15%),transparent 45%),#ffffff0f;box-shadow:var(--glow);backdrop-filter:blur(18px)}.visual-panel{background:linear-gradient(135deg,rgb(41 244 223 / 12%),transparent 42%),linear-gradient(315deg,rgb(155 108 255 / 15%),transparent 48%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,28px);box-shadow:var(--shadow);min-height:480px;display:grid;backdrop-filter:blur(18px)}.prompt-card{background:#ffffff12;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,24px);display:grid;gap:16px;align-self:center}.prompt-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.small-label{color:var(--accent-2);font-size:.76rem;font-weight:850;text-transform:uppercase}html[lang=zh-CN] .small-label,html[lang=ja] .small-label,html[lang=zh-CN] .category-tag,html[lang=ja] .category-tag{letter-spacing:0}.generated-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;align-items:stretch}.preview-art{min-height:190px;border-radius:var(--radius);background:radial-gradient(circle at 22% 20%,#c9ff68 0 14%,transparent 15%),linear-gradient(140deg,#08151a,#29f4df 42%,#9b6cff);position:relative;overflow:hidden}.preview-art:before,.preview-art:after{content:"";position:absolute;border-radius:999px}.preview-art:before{width:110px;height:110px;left:28px;bottom:24px;background:#ffffff29;border:1px solid rgb(255 255 255 / 35%)}.preview-art:after{width:92px;height:180px;right:28px;bottom:-28px;background:#18171470;transform:rotate(-8deg)}.preview-lines{display:grid;gap:8px;align-content:center}.preview-lines span{min-height:12px;border-radius:999px;background:#ffffff2e}.preview-lines span:nth-child(2){width:82%}.preview-lines span:nth-child(3){width:66%}.section{padding:clamp(34px,5vw,58px) 0}.section.alt{background:radial-gradient(circle at 16% 0%,rgb(41 244 223 / 9%),transparent 26rem),linear-gradient(180deg,rgb(255 255 255 / 3%),transparent 46%),#ffffff05;border-block:1px solid rgb(255 255 255 / 8%)}.tool-section{padding-top:clamp(28px,4vw,46px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.section-head p{color:var(--muted);max-width:600px;line-height:1.6;margin-bottom:0}.generator{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(12px,1.5vw,18px);align-items:stretch;min-width:0}.generator-compact{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr)}.generator-compact .form-panel,.generator-compact .result-panel{padding:clamp(12px,1.4vw,18px)}.generator-compact .lead{font-size:.98rem}.generator-compact .output-box{min-height:270px;max-height:390px;overflow:auto}.form-panel,.result-panel,.content-panel{background:linear-gradient(180deg,#ffffff14,#ffffff0a),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,2.5vw,24px);box-shadow:var(--shadow);backdrop-filter:blur(18px);min-width:0}.result-panel{border-color:#29f4df42;box-shadow:0 0 0 1px #29f4df14,0 24px 80px #00000057}.form-grid{display:grid;gap:12px}.field{display:grid;gap:7px}.field label{color:var(--ink);font-size:.9rem;font-weight:780}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid rgb(255 255 255 / 14%);background:#03060ca8;color:var(--ink);border-radius:var(--radius);min-height:46px;padding:10px 12px;outline:none;box-shadow:inset 0 1px #ffffff0f}.field textarea{resize:vertical;min-height:84px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #29f4df24}.field select{color-scheme:dark}.split-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-output{display:grid;gap:14px}.output-box{border-radius:var(--radius);border:1px solid rgb(41 244 223 / 18%);background:linear-gradient(180deg,rgb(41 244 223 / 8%),transparent 38%),#050910;color:#f3f7ff;padding:16px;min-height:220px;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.58;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.94rem}.note-box{color:var(--muted);background:#c9ff6812;border:1px solid rgb(201 255 104 / 22%);border-radius:var(--radius);padding:12px;line-height:1.5}.status{min-height:20px;color:var(--success);font-size:.9rem;font-weight:760}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.prompt-link-card{background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0c10189e;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius);padding:18px;min-height:154px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:inset 0 1px #ffffff0a}.prompt-link-card:hover{transform:translateY(-2px);border-color:#29f4df52;box-shadow:0 18px 46px #00000038;background:linear-gradient(180deg,#29f4df14,#ffffff08),#0c1018bd}.prompt-link-card p{color:var(--muted);line-height:1.5;margin-bottom:0}.prompt-link-card h3{margin-bottom:2px}.featured-prompt-grid{grid-template-columns:minmax(320px,1.14fr) repeat(3,minmax(0,.95fr));grid-auto-flow:dense;gap:10px 16px}.featured-prompt-grid .prompt-link-card,.prompt-directory-grid .prompt-link-card{min-height:150px;justify-content:space-between;position:relative}.featured-prompt-grid .prompt-link-card{min-height:126px;padding:16px 18px;background:linear-gradient(90deg,#ffffff0d,#ffffff05),#0c10186b}.featured-prompt-grid .prompt-link-card:first-child{grid-row:span 2;min-height:268px;padding:26px;justify-content:end;background:radial-gradient(circle at 22% 10%,rgb(41 244 223 / 18%),transparent 18rem),linear-gradient(135deg,#ffffff14,#ffffff08),#0c1018cc;border-color:#29f4df38;box-shadow:0 26px 80px #00000038}.featured-prompt-grid .prompt-link-card:first-child h3{max-width:18ch;font-size:clamp(1.6rem,2vw,2.25rem);line-height:1.02}.featured-prompt-grid .prompt-link-card:first-child p{max-width:34ch;font-size:1rem}.featured-prompt-grid .prompt-link-card:after,.prompt-directory-grid .prompt-link-card:after{content:"";position:absolute;right:16px;bottom:16px;width:22px;height:10px;border-right:2px solid rgb(41 244 223 / 46%);border-bottom:2px solid rgb(41 244 223 / 46%);opacity:0;transform:translate(-4px);transition:opacity .16s ease,transform .16s ease}.featured-prompt-grid .prompt-link-card:hover:after,.prompt-directory-grid .prompt-link-card:hover:after{opacity:1;transform:translate(0)}.category-showcase-section .section-head,.workflow-section .section-head{margin-bottom:22px}.category-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid rgb(255 255 255 / 10%);border-bottom:1px solid rgb(255 255 255 / 10%)}.category-directory-grid .prompt-link-card{min-height:0;padding:18px 0;background:transparent;border:0;border-bottom:1px solid rgb(255 255 255 / 8%);border-radius:0;box-shadow:none;display:grid;grid-template-columns:.66fr 1.34fr;gap:16px;align-items:start}.category-directory-grid .prompt-link-card:hover{background:transparent;box-shadow:none;transform:none}.category-directory-grid .prompt-link-card h3{font-size:1.05rem;margin:0}.category-directory-grid .prompt-link-card p{font-size:.92rem}.category-directory-grid .prompt-link-card .category-tag,.category-directory-grid .prompt-link-card h3{grid-column:1}.category-directory-grid .prompt-link-card p{grid-column:2;grid-row:1 / span 2}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workflow-grid .prompt-link-card{min-height:190px;padding:22px;background:radial-gradient(circle at 18px 18px,rgb(41 244 223 / 18%),transparent 9rem),linear-gradient(180deg,#ffffff0d,#ffffff05)}.workflow-grid .category-tag{width:38px;height:38px;border:1px solid rgb(41 244 223 / 34%);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#29f4df14;color:var(--ink)}html[lang=zh-CN] .prompt-link-card h3,html[lang=ja] .prompt-link-card h3,html[lang=zh-CN] .faq-item h3,html[lang=ja] .faq-item h3{line-height:1.36}html[lang=zh-CN] .prompt-link-card p,html[lang=ja] .prompt-link-card p,html[lang=zh-CN] .note-box,html[lang=ja] .note-box{line-height:1.68}.category-tag{width:fit-content;color:var(--accent-2);font-size:.74rem;font-weight:850;text-transform:uppercase}.page-hero{padding:clamp(30px,5vw,56px) 0 34px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted-2);font-size:.9rem;margin-bottom:22px}.breadcrumbs a{color:var(--accent-2)}.two-column{display:grid;grid-template-columns:minmax(0,.74fr) minmax(280px,.26fr);gap:22px;align-items:start}.stack{display:grid;gap:18px}.example-list,.tip-list,.faq-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.example-list li,.tip-list li,.faq-item{background:linear-gradient(180deg,#ffffff14,#ffffff0a),var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);padding:16px;line-height:1.58}.example-list li{color:#f3f7ff;background:linear-gradient(180deg,rgb(41 244 223 / 8%),transparent 45%),#050910;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.94rem}.sidebar-list{display:grid;gap:8px}.sidebar-list a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius);background:#ffffff12;border:1px solid var(--line);text-decoration:none;color:var(--muted)}.sidebar-list a:hover{color:var(--ink);border-color:#29f4df57}html[lang=ja] .sidebar-list a{align-items:flex-start}.site-footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted);background:#070910b8}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-inner a{color:var(--muted);margin-left:14px}@media(max-width:1280px){.container{width:min(100% - 32px,var(--container))}.hero-grid{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr)}html[lang=zh-CN] .hero-copy h1,html[lang=ja] .hero-copy h1{font-size:clamp(2.55rem,4.8vw,4.65rem)}.generator-compact{grid-template-columns:1fr}.generator-compact .output-box{min-height:168px}.card-grid,.featured-prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-prompt-grid .prompt-link-card:first-child{grid-row:span 1}.category-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.hero-grid,.generator,.two-column{grid-template-columns:1fr}.hero{padding-top:34px}.hero-copy{padding-top:0}.visual-panel{min-height:360px}.card-grid,.featured-prompt-grid,.category-directory-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-compact{grid-template-columns:1fr}}@media(max-width:760px){.container{width:min(100% - 24px,var(--container))}.nav{min-height:auto;padding:12px 0;align-items:center}.brand{font-size:.96rem}.nav-links{display:none}.mobile-header-row{width:min(100% - 24px,var(--container));margin:0 auto 12px;display:grid;gap:8px}.mobile-language-row,.mobile-nav-links{width:100%}.hero,.page-hero{padding-top:24px}h1{font-size:clamp(2.8rem,13vw,4.25rem);line-height:.95}html[lang=zh-CN] h1,html[lang=ja] h1{font-size:clamp(2.2rem,10vw,3.35rem);line-height:1.12}h2{font-size:clamp(1.55rem,8vw,2.3rem)}.prompt-card-header,.section-head,.generated-preview,.split-fields{grid-template-columns:1fr;display:grid}.section-head{align-items:start}.card-grid,.featured-prompt-grid{grid-template-columns:1fr}.featured-prompt-grid .prompt-link-card,.prompt-directory-grid .prompt-link-card,.category-directory-grid .prompt-link-card,.workflow-grid .prompt-link-card{min-height:auto}.featured-prompt-grid .prompt-link-card:first-child{min-height:auto;padding:20px}.category-directory-grid,.workflow-grid{grid-template-columns:1fr}.category-directory-grid .prompt-link-card{grid-template-columns:1fr;gap:8px}.category-directory-grid .prompt-link-card .category-tag,.category-directory-grid .prompt-link-card h3,.category-directory-grid .prompt-link-card p{grid-column:auto;grid-row:auto}.hero-actions,.row-actions{align-items:stretch}.button{width:100%}html[lang=zh-CN] .button,html[lang=ja] .button{min-height:48px;white-space:normal}.section{padding:42px 0}.generator-compact .output-box,.output-box{max-height:none}}@media(max-width:430px){.container{width:min(100% - 20px,var(--container))}.hero-generator-panel{padding:8px}.form-panel,.result-panel,.content-panel,.prompt-link-card{padding:14px}.lead{font-size:.98rem}html[lang=zh-CN] .lead,html[lang=ja] .lead{font-size:.96rem;line-height:1.68}html[lang=zh-CN] h1,html[lang=ja] h1{font-size:clamp(2rem,9.5vw,2.9rem)}.output-box{font-size:.88rem;padding:14px}.footer-inner{display:grid}.footer-inner a{margin-left:0;margin-right:14px}}