:root{--blue:#1d6ff2;--blue-dark:#1558c7;--blue-soft:#e8f0fe;--blue-tint:#f3f7ff;--ink:#0f1a33;--ink-2:#3b4863;--ink-3:#6b7690;--line:#e3e8f2;--bg:#ffffff;--bg-2:#f6f8fc;--green:#12a35a;--radius:18px;--radius-sm:12px;--shadow:0 2px 4px rgba(15,26,51,0.04),0 10px 30px rgba(29,111,242,0.08);--shadow-lg:0 6px 12px rgba(15,26,51,0.06),0 24px 50px rgba(29,111,242,0.14);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.01em}p{margin:0}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.section{padding:36px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title{font-size:1.35rem;font-weight:800}.section-sub{color:var(--ink-3);font-size:.95rem;margin-top:2px}.link{color:var(--blue);font-weight:600}.link:hover{text-decoration:underline}.muted{color:var(--ink-3)}.small{font-size:.88rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(29,111,242,.28)}.btn-primary:hover{background:var(--blue-dark)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-2)}.btn-lg{padding:14px 24px;font-size:1.02rem;border-radius:14px}.btn[disabled]{opacity:.6;cursor:default}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{gap:24px;height:68px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.brand-mark{width:38px;height:38px}.brand-text span{color:var(--blue)}.nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-weight:600;color:var(--ink-2)}.nav a:hover{color:var(--blue)}.nav .btn{margin-left:6px}.nav-toggle{display:none}.hero{padding:28px 0 8px}.hero-card{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:24px;gap:24px;align-items:stretch;background:linear-gradient(135deg,#f7faff,#eef4ff);border:1px solid var(--line);border-radius:26px;overflow:hidden}.hero-copy{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px}.hero h1{font-size:clamp(2rem,3.4vw,2.7rem);font-weight:850;letter-spacing:-.03em;line-height:1.05}.hero h1 span{color:var(--blue);display:block}.hero-sub{color:var(--ink-2);font-size:1.08rem;max-width:520px}.hero-perks{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--ink-2);font-size:.9rem;font-weight:600}.hero-perks span:before{content:"✓";color:var(--blue);margin-right:6px;font-weight:800}.search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:var(--shadow);max-width:560px}.search svg{flex:none;color:var(--ink-3)}.search input{flex:1 1;border:0;outline:0;padding:10px 12px;font-size:1.02rem;background:transparent;min-width:0}.search input::placeholder{color:var(--ink-3)}.search button{flex:none}.mall{position:relative;min-height:360px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0,#ffffff 0,#dfeaff 45%,#c7d9fb 100%)}.mall-roof{position:absolute;inset:0 0 auto 0;height:46%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 26px,rgba(29,111,242,.1) 26px 30px);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 60%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 60%,0 100%);opacity:.8}.mall-floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,#eaf1ff,#d5e2fb);transform:perspective(500px) rotateX(48deg);transform-origin:bottom}.mall-floor:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(29,111,242,.16) 58px 60px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(29,111,242,.16) 34px 36px)}.mall-banners{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:space-evenly;padding:0 26px}.mall-banner{width:54px;height:92px;border-radius:6px 6px 22px 22px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 8px 18px rgba(15,26,51,.16)}.mall-shops{position:absolute;left:0;right:0;bottom:34%;display:flex;justify-content:space-around;padding:0 22px}.mall-shop{width:78px;height:74px;background:#fff;border:1px solid var(--line);border-radius:12px 12px 6px 6px;position:relative;box-shadow:0 10px 22px rgba(15,26,51,.1);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-size:1.4rem}.mall-shop:before{content:"";position:absolute;top:-8px;left:-4px;right:-4px;height:16px;border-radius:8px;background:repeating-linear-gradient(90deg,var(--awn,var(--blue)) 0 10px,#fff 10px 20px)}.mall-sign{position:absolute;right:22px;bottom:26px;width:150px;padding:18px 16px;background:var(--blue-dark);color:#fff;border-radius:12px;font-weight:800;font-size:1.05rem;line-height:1.25;box-shadow:var(--shadow-lg);border:4px solid #0e3f8f}.mall-sign small{display:block;margin-top:8px;font-size:1.3rem}.mall-plant{position:absolute;left:18px;bottom:18px;font-size:2.6rem;filter:saturate(.9)}.seller{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:22px;gap:22px;border:1px solid #cfe0ff;background:var(--blue-tint);border-radius:20px;padding:18px 22px}.seller-icon{font-size:2.4rem;width:62px;height:62px;display:grid;place-items:center;background:#fff;border-radius:16px;border:1px solid var(--line)}.seller-title{font-weight:800;font-size:1.15rem}.seller-title span{color:var(--blue);display:block}.seller-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:var(--ink-2);font-weight:600;font-size:.92rem}.seller-points span:before{content:"•";color:var(--blue);margin-right:8px}.seller-cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.seller-cta small{color:var(--ink-3);font-size:.8rem}.chips{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.chips-all{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.chip{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s}.chip:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#cfe0ff}.chip-icon{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;color:#fff}.chip b{display:block;font-size:.95rem}.chip small{color:var(--ink-3);font-size:.78rem;line-height:1.25;display:block}.chip.active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:16px;gap:16px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-art{position:relative;height:130px;display:grid;place-items:center;font-size:3rem}.card-live{left:10px;background:rgba(255,255,255,.92);color:var(--green);font-size:.72rem;padding:4px 9px}.card-demo,.card-live{position:absolute;top:10px;font-weight:800;border-radius:999px}.card-demo{right:10px;background:var(--ink);color:#fff;font-size:.68rem;padding:4px 8px;letter-spacing:.04em}.card-cat{position:absolute;right:10px;bottom:-14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.95rem;color:#fff;box-shadow:0 4px 10px rgba(15,26,51,.18)}.card-body{padding:18px 16px 14px;display:flex;flex-direction:column;gap:8px;flex:1 1}.card-title{font-size:1.02rem;font-weight:800}.card-desc{color:var(--ink-2);font-size:.9rem}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag{font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--bg-2);color:var(--ink-2)}.tag-cat{color:#fff}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 16px}.price{font-weight:850;font-size:1.15rem;color:var(--blue)}.price small{color:var(--ink-3);font-weight:600;font-size:.82rem;margin-left:5px}.arrow{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2)}.featured{display:grid;grid-template-columns:1fr 250px;grid-gap:20px;gap:20px;align-items:start}.panel{border-radius:20px;padding:22px}.panel-green{background:#f0faf4;border:1px solid #cdeedb}.panel-blue{background:var(--blue-tint);border:1px solid #cfe0ff}.panel h3{font-size:1.25rem;font-weight:850;margin-bottom:12px}.panel h3 span{color:var(--green);display:block}.panel ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;color:var(--ink-2);font-size:.92rem}.panel li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.panel .big{font-size:3.6rem;text-align:center;margin-top:14px}.how{display:grid;grid-template-columns:200px 1fr;grid-gap:20px;gap:20px;align-items:center;background:var(--blue-tint);border:1px solid #cfe0ff;border-radius:22px;padding:26px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.step{display:flex;gap:14px;align-items:flex-start}.step-icon{width:56px;height:56px;flex:none;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:1.5rem}.step-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:.75rem;font-weight:800;margin-right:6px}.step b{font-size:1rem}.step p{color:var(--ink-2);font-size:.88rem;margin-top:4px}.page-head{padding:34px 0 6px}.page-head h1{font-size:2rem;font-weight:850;letter-spacing:-.02em}.page-head p{color:var(--ink-2);margin-top:6px}.crumbs{font-size:.85rem;color:var(--ink-3);margin-bottom:10px}.crumbs a:hover{color:var(--blue)}.detail{display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px;align-items:start}.detail-hero{display:flex;gap:18px;align-items:center}.detail-art{width:96px;height:96px;border-radius:22px;display:grid;place-items:center;font-size:2.6rem;flex:none}.detail h1{font-size:1.9rem;font-weight:850}.detail-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:18px}.detail-block h2{font-size:1.05rem;font-weight:800;margin-bottom:8px}.detail-block p{color:var(--ink-2)}.facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 18px;gap:10px 18px;font-size:.92rem}.facts dt{color:var(--ink-3);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.facts dd{margin:2px 0 0;word-break:break-word}.buy{position:-webkit-sticky;position:sticky;top:88px}.buy .price{font-size:2rem}.status{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--bg-2);color:var(--ink-2)}.notice{border:1px solid #ffe2a8;background:#fff8e8;color:#6b4b00;border-radius:12px;padding:12px 14px;font-size:.88rem}.notice-blue{border-color:#cfe0ff;background:var(--blue-tint);color:var(--ink-2)}.form{grid-gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.form,.form-row{display:grid;gap:16px}.form-row{grid-template-columns:1fr 1fr;grid-gap:16px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-weight:700;font-size:.9rem}.field small{color:var(--ink-3);font-size:.8rem}.field input,.field select,.field textarea{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue-soft);border-color:var(--blue)}.field textarea{min-height:96px;resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ink-2)}.check input{margin-top:4px}.form-error{color:#b42318;background:#fff1f0;border:1px solid #ffd3ce;border-radius:10px;padding:10px 12px;font-size:.9rem}.form-ok{text-align:center;padding:40px 20px;background:#f0faf4;border:1px solid #cdeedb;border-radius:var(--radius)}.form-ok h2{color:var(--green);margin-bottom:8px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.add-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:24px;gap:24px;align-items:start}.empty{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-2)}.footer{margin-top:40px;border-top:1px solid var(--line);background:var(--bg-2);padding:34px 0 28px;color:var(--ink-3);font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:24px;gap:24px}.footer b{color:var(--ink);display:block;margin-bottom:8px}.footer a{display:block;margin-top:6px}.footer a:hover{color:var(--blue)}.footer-legal{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:.8rem;line-height:1.5}@media (max-width:1040px){.featured,.how{grid-template-columns:1fr}}@media (max-width:860px){.hero-card{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.hero-copy{padding:30px 22px}.mall{min-height:260px}.seller{grid-template-columns:1fr}.seller-cta{align-items:flex-start}.add-layout,.detail{grid-template-columns:1fr}.buy{position:static}.footer-grid,.how-steps{grid-template-columns:1fr}.nav{display:none}.nav-toggle{display:inline-flex;margin-left:auto}.nav.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px 18px;gap:14px}.nav.open .btn{margin:0}}@media (max-width:560px){.chips{grid-template-columns:repeat(2,1fr)}.facts,.form-row{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.mall-sign{width:118px;font-size:.9rem;padding:12px}}@media (max-width:400px){.grid{grid-template-columns:1fr}}