:root{--bg:#f6f7f9;--surface:#fff;--line:#e4e7ec;--ink:#0f172a;--muted:#5f6b7e;--acc:#ffb400;--soft:#fff4d1;--danger:#d92d20;--head:"Sora","Segoe UI",sans-serif;--body:"DM Sans","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}h1,h2,h3{font-family:var(--head);font-weight:700;margin:0;line-height:1.15;letter-spacing:-.02em}p{margin:0}a{color:inherit}svg.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 16px 24px;background:var(--surface);border-right:1px solid var(--line)}.logo{font:800 1.4rem var(--head);letter-spacing:-.04em;text-decoration:none;padding:0 14px 32px}.nav{display:flex;flex-direction:column;gap:4px}.nav a,.nav .si{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;font-weight:500;text-decoration:none;color:#334155}.nav a:hover{background:var(--bg)}.nav a[aria-current=page]{background:var(--ink);color:#fff}.nav .si{color:#94a3b8}.nav .badge{margin-left:auto}.side h4{margin:32px 14px 10px;font:600 .72rem var(--body);text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.side-foot{margin-top:auto;padding:18px;border-radius:16px;background:var(--soft);font-size:.88rem;line-height:1.55}.main{min-width:0}.top{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,4vw,48px);background:#f6f7f9e0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.ptitle{font-size:1.05rem}.usage{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--muted)}.bar{width:104px;height:6px;background:#e2e5eb;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--acc)}.content{padding:clamp(24px,4vw,48px);max-width:1200px}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px}.logo{padding:0 12px 0 4px}.side h4,.side-foot{display:none}.nav{flex-direction:row;flex-wrap:wrap}}.btn,button.btn{display:inline-flex;align-items:center;gap:8px;font:600 .95rem var(--body);padding:12px 24px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--acc);border-color:var(--acc);color:#1a1405}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.big{padding:16px 32px;font-size:1.02rem}button.link{border:0;background:none;padding:4px 8px;font:600 .9rem var(--body);text-decoration:underline;cursor:pointer;color:var(--ink)}button.link.danger{color:var(--danger)}.badge{display:inline-block;font:600 .72rem var(--body);padding:4px 10px;border-radius:999px;background:#eef0f4;color:#566074}.badge.live{background:#e4f6ea;color:#0a6b3a}.badge.pro{background:var(--soft);color:#8a5a00}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}.panel h2{font-size:1.1rem;margin-bottom:24px}.panel+.panel{margin-top:24px}.sec{font-size:1rem;margin:0 0 16px}#notice{margin:0 0 24px;padding:14px 18px;border-left:4px solid var(--acc);background:#fff;border-radius:10px;font-size:.94rem;box-shadow:0 1px 2px #0f172a0f}#notice:empty{display:none}.field{margin-bottom:24px}.field:last-child{margin-bottom:0}.lbl{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.hint{font-size:.8rem;color:var(--muted);margin-top:8px}.in,.money,.tags{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink)}.in{padding:12px 16px;display:block}textarea.in{min-height:96px;resize:vertical}.in:focus,.money:focus-within,.tags:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #ffb40059;outline:0}.money{display:flex;align-items:center;overflow:hidden}.money span{padding:12px 14px;background:var(--bg);color:var(--muted);font-weight:600;border-right:1px solid var(--line)}.money input{flex:1;min-width:0;border:0;outline:0;padding:12px 14px;font:inherit;background:transparent;color:var(--ink)}.money.sm span,.money.sm input{padding:9px 12px}.tags{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.tags input{flex:1;min-width:100px;border:0;outline:0;font:inherit;padding:4px 6px;background:transparent}.chip{display:inline-flex;align-items:center;gap:2px;background:var(--ink);color:#fff;border-radius:999px;padding:4px 6px 4px 12px;font-size:.85rem}.chip button{border:0;background:transparent;color:#fff;cursor:pointer;padding:0 6px;font-size:1rem;line-height:1}.sug{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sug button,.seg button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:500 .85rem var(--body);cursor:pointer;color:var(--ink)}.sug button[aria-pressed=true]{background:var(--soft);border-color:var(--acc)}.seg{display:inline-flex;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px}.seg button{border:0;background:transparent;padding:8px 16px;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.drop{display:flex;align-items:center;gap:16px;border:2px dashed var(--line);border-radius:14px;padding:18px;cursor:pointer;background:#fff;color:var(--muted)}.drop:hover,.drop.over{border-color:var(--acc);background:var(--soft)}.drop img{width:56px;height:56px;border-radius:10px;object-fit:cover}.drop b{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.editor{display:grid;gap:24px;grid-template-columns:1fr;margin-top:40px}@media(min-width:1000px){.editor{grid-template-columns:420px 1fr;align-items:start}}.tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:680px}.tpl{border:1.5px solid var(--line);border-radius:16px;padding:14px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}.tpl[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--soft)}.tpl small{display:block;color:var(--muted)}.mini{height:64px;border-radius:10px;background:var(--bg);display:grid;gap:6px;padding:8px;margin-bottom:10px}.mini i{background:#cfd4de;border-radius:4px}.mini.g{grid-template-columns:repeat(3,1fr)}.mini.l{grid-template-rows:repeat(3,1fr)}.mini.b{grid-template-columns:2fr 1fr}.item{display:grid;grid-template-columns:56px 1fr 148px auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.item:first-child{border-top:0;padding-top:0}.item img,.thumb{width:56px;height:56px;object-fit:cover;border-radius:12px;background:var(--bg)}.item .name{font-weight:600;overflow-wrap:anywhere}.item .sub{font-size:.84rem;color:var(--muted)}.empty{color:var(--muted);padding:24px 0}@media(max-width:620px){.item{grid-template-columns:56px 1fr}.item .money,.item .btns{grid-column:1/-1}}.pvwrap{margin-top:64px}.pvwrap h2{font-size:1.5rem}.pvwrap p{color:var(--muted);margin:8px 0 24px}.preview{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,48px)}.pv-head{border-bottom:3px solid var(--ink);padding-bottom:16px;margin-bottom:28px}.pv-head h2{font-size:1.9rem}.pv-head p{margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}.card{break-inside:avoid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.card img,.card .ph{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eef0f4}.card .body{padding:14px 16px 18px}.card h3{font-size:1rem;margin-bottom:4px}.card .pr{font:700 1.1rem var(--head)}.card .meta{font-size:.85rem;color:var(--muted);margin-top:6px}.card .desc{font-size:.88rem;margin-top:8px}.t-list .grid{grid-template-columns:1fr;gap:0}.t-list .card{display:flex;gap:16px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0}.t-list .card img,.t-list .card .ph{width:76px;height:76px;aspect-ratio:auto;border-radius:10px;flex:none}.t-list .card .body{padding:0}.pv-foot{margin:28px 0 0;font-size:.8rem;color:var(--muted);text-align:right}.home{max-width:1200px}.hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;max-width:19ch}.lead{max-width:60ch;margin-top:24px;font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted)}.cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.marquee{overflow:hidden;padding:8px 0 28px;margin:56px calc(-1*clamp(24px,4vw,48px)) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.track{display:flex;gap:28px;width:max-content;animation:slide 70s linear infinite;padding:0 14px}@keyframes slide{to{transform:translate(-50%)}}.marquee:hover .track{animation-play-state:paused}.tc{margin:0;flex:none;width:260px}.tc figcaption{display:flex;align-items:center;gap:10px;margin-top:16px;font-weight:600}.sheet{height:350px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px #0f172a1a;padding:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden;font-size:11px;line-height:1.35;color:var(--ink)}.sh-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:2px solid var(--ink);padding-bottom:10px}.sh-h b{font:700 13px var(--head)}.sh-h span{color:var(--muted);font-size:10px}.sh-f{margin-top:auto;font-size:9px;color:var(--muted);text-align:right}.im{background:var(--i) center/cover no-repeat,linear-gradient(160deg,var(--a),var(--b));border-radius:8px;min-height:0}.sg{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}.sc{display:flex;flex-direction:column;gap:4px;min-height:0}.sc .im{flex:1}.sc b{font-weight:600}.sc span{font-weight:700}.sl{display:flex;flex-direction:column;gap:12px;flex:1}.sr{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center}.sr .im{height:46px}.sr span{font-weight:700}.sk{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.sk .big{flex:1;display:flex;align-items:flex-end;padding:12px;color:#fff;font:700 15px var(--head)}.sk .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:84px}.sm{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}.sm .im{height:178px}.sm b{font:700 15px var(--head)}.sm span{font-weight:600}.s-dark{background:#14151a;color:#fff;border-color:#14151a}.s-dark .sh-h{border-color:var(--acc)}.s-dark .sh-h span,.s-dark .sh-f{color:#9aa1ae}.s-dark .sc span{color:var(--acc)}.s-fest{border:3px solid var(--acc)}.s-fest .sg{grid-template-columns:repeat(3,1fr)}.s-min .sh-h{border-bottom:1px solid var(--line)}.hsec{margin-top:clamp(80px,10vw,120px)}.hsec>h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;max-width:22ch}.hsec>p{color:var(--muted);max-width:58ch;margin:16px 0 40px}.demo{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:900px){.demo{grid-template-columns:380px 1fr;align-items:start}}.drow{display:grid;grid-template-columns:48px 1fr 130px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.drow:first-of-type{border-top:0;padding-top:0}.drow .im{height:48px}.drow b{font-weight:600}.demo .sheet{height:auto;min-height:400px}.demo .sg{grid-template-columns:repeat(3,1fr)}.demo .sc .im{flex:none;height:170px}.demo .sh-h b{font-size:15px}.demo .sc{font-size:12px}.pulse{animation:pop .8s ease;border-radius:6px}@keyframes pop{0%{background:var(--acc);transform:scale(1.2)}to{background:transparent;transform:none}}.flow{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}.st{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);transition:all .3s;font-weight:600}.st i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg);font-style:normal;font-size:.85rem}.st.on{border-color:var(--ink);background:var(--soft);color:var(--ink)}.st.on i{background:var(--ink);color:#fff}.cmp{margin-top:24px;display:grid;gap:20px}.cmp .lab{display:flex;justify-content:space-between;font-weight:600;margin-bottom:8px}.cmp .tr{height:14px;border-radius:7px;background:#e2e5eb;overflow:hidden}.cmp .tr i{display:block;height:100%;border-radius:7px}.fgrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.fgrid .panel h3{font-size:1.05rem;margin:16px 0 8px}.fgrid .panel p{color:var(--muted);font-size:.95rem}.band{margin-top:clamp(80px,10vw,120px);padding:clamp(32px,6vw,64px);border-radius:28px;background:var(--ink);color:#fff}.band h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;max-width:20ch}.band p{color:#cbd5e1;max-width:50ch;margin-top:16px}.foot{color:var(--muted);font-size:.85rem;padding:48px 0 8px}@media(prefers-reduced-motion:reduce){.track,.pulse{animation:none}}@page{margin:12mm}@media print{body{background:#fff}.side,.top,.no-print{display:none!important}.app{display:block}.content{padding:0;max-width:none}.pvwrap{margin:0}.preview{border:0;padding:0;border-radius:0}.grid{grid-template-columns:repeat(3,1fr)}.t-list .grid{grid-template-columns:1fr}}.lrow{margin-bottom:12px}.lrow textarea{resize:vertical}.lmeta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:.8rem;color:var(--muted)}.over{color:var(--danger);font-weight:600}.warn{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#fff4f2;color:#9a2a1c;font-size:.9rem}.listing-empty{color:var(--muted)}