:root{--brand: #ff7a45;--brand-deep: #f0561f;--brand-soft: #ffece1;--ink: #423b35;--muted: #8b8177;--bg: #fffaf3;--bg-alt: #fff3e6;--card: #ffffff;--line: #ffe1cd;--radius: 18px;--shadow: 0 10px 30px rgba(240, 86, 31, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:10;background:#fffaf3eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:700;color:var(--ink);text-decoration:none}.brand-bell{font-size:22px}.site-nav{display:flex;gap:22px}.site-nav a{font-size:14px;color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--brand-deep)}.hero{position:relative;overflow:hidden;text-align:center;padding:84px 0 72px;background:linear-gradient(180deg,#fff1e0 0%,var(--bg) 100%)}.hero-inner{position:relative;z-index:1}.hero-badge{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--brand-deep);font-size:13px;letter-spacing:.05em;box-shadow:var(--shadow)}.hero-title{margin:22px 0 6px;font-size:clamp(40px,8vw,60px);line-height:1.2;letter-spacing:.04em;color:var(--ink)}.hero-subtitle{margin:0 0 18px;font-size:clamp(18px,3.6vw,24px);font-weight:600;color:var(--brand-deep)}.hero-lead{max-width:560px;margin:0 auto 30px;color:var(--muted);font-size:16px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 30px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);box-shadow:0 8px 20px #f0561f47}.btn-ghost{color:var(--brand-deep);background:var(--card);border:1.5px solid var(--brand)}.hero-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:34px 0 0;padding:0;list-style:none}.hero-facts li{padding:6px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-size:13px}.float-emoji{position:absolute;font-size:30px;opacity:.55;animation:float 6s ease-in-out infinite}.e1{top:18%;left:8%;animation-delay:0s}.e2{top:62%;left:12%;animation-delay:1.5s}.e3{top:22%;right:9%;animation-delay:.8s}.e4{top:66%;right:12%;animation-delay:2.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.float-emoji{animation:none}}.section{padding:72px 0}.section-alt{background:var(--bg-alt)}.section-head{text-align:center;max-width:640px;margin:0 auto 40px}.kicker{display:inline-block;margin-bottom:10px;padding:4px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-size:13px;font-weight:600}.section-head h2{margin:0 0 12px;font-size:clamp(24px,4.5vw,32px);line-height:1.35}.section-lead{margin:0;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.intro-card{padding:30px 28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.intro-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--brand-soft);font-size:28px;margin-bottom:14px}.intro-card h3{margin:0 0 10px;font-size:19px}.intro-card p{margin:0;color:var(--muted);font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:26px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s ease}.feature-card:hover{transform:translateY(-4px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--brand-soft);font-size:24px;margin-bottom:12px}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.usage-card{padding:30px 28px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.usage-card h3{margin:0 0 8px;font-size:19px}.usage-card p{margin:0 0 16px;color:var(--muted);font-size:14px}.usage-url{display:inline-block;padding:8px 22px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-weight:600;font-size:15px;text-decoration:none}.usage-url:hover{background:var(--brand);color:#fff}.contact-card{max-width:480px;margin:0 auto;padding:34px 28px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.contact-card p{margin:0 0 10px;color:var(--muted)}.contact-mail{font-size:20px;font-weight:700;color:var(--brand-deep);text-decoration:none}.contact-mail:hover{text-decoration:underline}.site-footer{padding:30px 0 36px;border-top:1px solid var(--line);background:var(--bg)}.footer-inner{text-align:center;color:var(--muted);font-size:13px}.footer-inner p{margin:4px 0}.footer-inner a{color:var(--muted);text-decoration:none}.footer-inner a:hover{color:var(--brand-deep)}@media (max-width: 860px){.feature-grid{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.site-nav{display:none}.hero{padding:60px 0 52px}.section{padding:52px 0}.intro-grid,.usage-grid,.feature-grid{grid-template-columns:1fr}.float-emoji{display:none}}