:root{--text:#ece9f7;--muted:#a9a3c4;--border:#ffffff21;--cyan:#6ee7ff;color-scheme:dark;font-family:Inter,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.65;color:var(--text);background:#14102b}body{background:radial-gradient(circle at 15% 18%,#ff7ad92e,transparent 38%),radial-gradient(circle at 82% 12%,#7c7cff38,transparent 40%),radial-gradient(circle at 68% 68%,#6ee7ff1c,transparent 34%),#14102b;background-attachment:fixed;min-height:100vh}a{color:var(--cyan);text-underline-offset:4px}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
header{position:sticky;top:0;z-index:60;max-width:none;padding:0;background:#14102bbf;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:block}.site-nav{max-width:1120px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;text-decoration:none;color:var(--text);white-space:nowrap}.site-brand img{width:30px;height:30px;border-radius:9px}.site-brand span{background:linear-gradient(120deg,#ff7ad9,var(--cyan));background-clip:text;color:transparent}nav{display:flex;gap:22px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-size:14px}nav a[aria-current=page]{color:var(--text)}nav a.nav-cta{padding:7px 16px;border:1px solid var(--border);border-radius:99px;color:var(--text)}
main{max-width:1120px;margin:32px auto 80px;padding:0 24px}h1{font-size:clamp(30px,4vw,46px);line-height:1.25;letter-spacing:-1.2px;margin:12px 0 16px}h2{font-size:21px;line-height:1.4;margin:0 0 12px}h3{font-size:16px;margin:18px 0 8px}p{color:var(--muted);margin:10px 0 18px}.eyebrow{color:#ff7ad9;font-size:12px;letter-spacing:2px}.page-heading{margin:24px 0}.page-heading p{max-width:65ch}.crumb{display:inline-block;font-size:13px;color:var(--muted);text-decoration:none;margin-bottom:8px}.steps{display:flex;align-items:center;gap:12px;list-style:none;padding:0;margin:18px 0 30px;font-size:13px;color:var(--muted)}.steps li{margin:0;display:flex;gap:8px;align-items:center}.steps li+li:before{content:'';width:30px;height:1px;background:var(--border);margin-right:4px}.steps b{border:1px solid var(--border);border-radius:50%;width:25px;height:25px;display:inline-grid;place-items:center;font-weight:500}.steps [aria-current=step]{color:var(--text)}.steps [aria-current=step] b{background:#b794f433;border-color:#b794f4}
.card{background:#ffffff0e;border:1px solid var(--border);padding:26px;border-radius:18px;margin:20px 0}.grid{gap:22px}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.share-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.flow-layout>.card,.share-layout>.card{margin:0}.side-note{position:sticky;top:100px}.benefit{padding:16px 0;border-bottom:1px solid var(--border)}.benefit:last-child{border:0}.benefit strong{display:block;margin-bottom:5px}.benefit p{font-size:14px;margin:0}.input-title{display:flex;justify-content:space-between;gap:10px}.input-title small{font-weight:400}label{font-size:14px;font-weight:500}input,textarea,select{color:var(--text);background:#100c237d;border:1px solid #ffffff29;border-radius:12px;padding:12px 14px;margin-top:8px}textarea{min-height:260px;line-height:1.7}textarea::placeholder,input::placeholder{color:#8c84a8;font-size:13px}select option{background:#211b3a}input[type=checkbox]{width:16px;height:16px;accent-color:#b794f4;margin:3px 0;flex-shrink:0}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px!important;font-weight:400;color:var(--muted)}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check-list .check{align-items:center}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;background:linear-gradient(120deg,#ff7ad9,#b794f4 55%,#6ee7ff);color:#16112e;padding:12px 22px;border:1px solid transparent;border-radius:999px;line-height:1.5;margin:0}button.secondary,.button.secondary{background:#ffffff08;border-color:var(--border);color:var(--text)}button.text-button{background:none;border:0;color:var(--muted);padding:10px 4px;border-radius:4px}.full-width{width:100%}.actions{gap:12px;align-items:center;margin-top:20px}.status{font-size:13px;min-height:22px;margin:12px 0 0}.error{color:#ffb5b9}.score{font-size:52px;color:var(--cyan);margin:12px 0}.score small{color:var(--muted)}pre{color:var(--muted)}li{overflow-wrap:anywhere}.muted,small{color:var(--muted)}.key{background:#ffffff0a}.pill{background:#b794f424;border:1px solid #b794f44d;color:#dfccff}summary{color:var(--muted);font-size:13px}.result-top{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin:16px 0}.result-top p{margin:0}.report-sections section{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.report-sections ul{padding-left:20px;color:var(--muted);font-size:14px}
.link-card{display:block;text-decoration:none;color:var(--text);border:1px solid #b794f44d;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#36204b,#211c3d 55%,#18323b)}a.link-card:hover{border-color:var(--cyan)}.link-card-art{padding:30px}.link-card h2{font-size:clamp(22px,3vw,30px);margin:18px 0}.link-card ul{padding-left:20px;color:#d4cde7;font-size:14px}.link-card-footer{padding:16px 24px;background:#14102b80;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--cyan)}.link-card .eyebrow{margin:0}.share-preview-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:var(--muted);font-size:13px}.public-content{max-height:430px;overflow:auto;padding-right:12px}.public-content h2{font-size:16px;margin-top:24px}.public-content li{font-size:14px;color:var(--muted)}.channel-hint{font-size:13px;color:#d9c9ee;padding:14px;border-radius:12px;background:#b794f415;line-height:1.8}.share-copy{min-height:170px}.preview-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.image-tile{min-width:0;background:#100c2355;padding:12px;border:1px solid var(--border);border-radius:14px}.image-tile img{display:block;width:100%;border:0;border-radius:8px}.image-state{min-height:80px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);text-align:center}.image-tile button{font-size:12px;padding:9px 12px;width:100%;margin-top:10px}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.public-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;border-color:#b794f45c}.public-cta p{margin:6px 0 0}.public-cta .button{flex-shrink:0}.site-footer{border-top:1px solid var(--border);max-width:1072px;margin:0 auto;padding:22px 0;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.site-footer a{color:var(--muted)}dialog{background:#211b3a;color:var(--text);border:1px solid var(--border)}dialog::backdrop{background:#0e0b1fbb}
@media(max-width:900px){.flow-layout,.share-layout{grid-template-columns:1fr}.side-note{position:static}.side-note .benefit{display:inline-block;vertical-align:top;width:32%;padding:0 10px;border:0}.output-grid{grid-template-columns:1fr}.site-nav nav{gap:14px}.site-nav nav .nav-optional{display:none}}
@media(max-width:640px){header{padding:0}nav{margin:0}main{padding:0 18px;margin-top:20px}.site-nav{padding:13px 18px;gap:12px}.site-brand{font-size:17px;gap:6px}.site-brand img{width:24px;height:24px}nav{gap:12px!important}nav a{font-size:12px}nav a.nav-cta{padding:6px 11px}.grid{gap:6px}.card{padding:20px}.side-note .benefit{display:block;width:100%;padding:12px 0}.page-heading{margin:16px 0 22px}h1{font-size:30px}textarea{min-height:190px}.link-card-art{padding:24px}.public-cta{display:block}.public-cta .button{margin-top:18px}.site-footer{margin:0 18px}.steps{gap:8px}.steps li+li:before{width:16px}.preview-images{grid-template-columns:1fr 1fr}.actions .button,.actions button{max-width:100%}}

@media(max-width:640px){.site-nav{flex-wrap:wrap}.site-nav nav{width:100%;justify-content:flex-start;flex-wrap:wrap}}