:root{--bg:#f6f1ea;--bg-strong:#f0e5d6;--ink:#1c1a17;--muted:#5f5a52;--accent:#d97745;--accent-2:#2f6f6d;--card:#fff;--line:#1c1a171f;--shadow:0 24px 60px #1c1a1726}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top, #fffaf4 0%, var(--bg) 45%, #efe3d1 100%);margin:0;font-family:Noto Sans SC,Source Han Sans SC,Noto Sans CJK SC,sans-serif;overflow-x:hidden}.skip-link{border:1px solid var(--line);color:var(--ink);z-index:20;background:#fffaf4;border-radius:999px;padding:8px 14px;text-decoration:none;transition:transform .2s;position:absolute;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.bg-orbit{filter:blur(6px);z-index:0;background:radial-gradient(circle,#2f6f6d47,#2f6f6d00);border-radius:50%;width:520px;height:520px;position:fixed;inset:-20% 10% auto auto}.orbit-2{background:radial-gradient(circle,#d9774538,#d9774500);width:620px;height:620px;inset:auto auto -25% -15%}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f1eabf;border-bottom:1px solid #1c1a1714;position:sticky;top:0}.side-nav{z-index:12;gap:12px;display:grid;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.side-nav-dot{border:1px solid var(--line);cursor:pointer;background:#1c1a1726;border-radius:999px;width:10px;height:10px;padding:0;transition:transform .2s,background .2s,border-color .2s;position:relative}.side-nav-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #d9774533}.side-nav-dot:hover{transform:scale(1.2)}.side-nav-label{border:1px solid var(--line);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;background:#ffffffe6;border-radius:999px;padding:4px 8px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)translate(6px)}.side-nav-dot:hover .side-nav-label,.side-nav-dot:focus-visible .side-nav-label{opacity:1;transform:translateY(-50%)translate(0)}.nav{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.nav-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{width:48px;height:48px;box-shadow:var(--shadow);border-radius:14px}.brand-title{letter-spacing:.08em;font-family:Noto Serif SC,Source Han Serif SC,serif;font-size:20px}.brand-subtitle{color:var(--muted);font-size:12px}.nav-links{gap:20px;font-size:14px;display:flex}.nav-links a,.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--ink)}.nav-links a:focus-visible,.footer-links a:focus-visible,.nav-cta:focus-visible,.primary:focus-visible,.ghost:focus-visible,.carousel-btn:focus-visible,.carousel-dot:focus-visible,.side-nav-dot:focus-visible,.feedback-field input:focus-visible,.feedback-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.nav-cta,.primary,.ghost{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-cta,.primary{background:var(--ink);color:#fffaf4;box-shadow:0 12px 28px #1c1a1733}.nav-cta:hover,.primary:hover{transform:translateY(-2px)}.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.ghost:disabled{opacity:.5;cursor:not-allowed}.hero{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:1200px;margin:0 auto;padding:90px 24px 60px;display:grid;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:12px;font-size:12px}.hero h1{margin:0 0 16px;font-family:Noto Serif SC,Source Han Serif SC,serif;font-size:46px;line-height:1.2}.hero-highlight{color:var(--accent-2)}.hero-desc{color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.metric-value{font-size:18px;font-weight:600}.metric-label{color:var(--muted);font-size:13px}.hero-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #1c1a1714;border-radius:28px;flex-direction:column;gap:20px;padding:24px;animation:8s ease-in-out infinite float;display:flex}.hero-card-top{align-items:center;gap:16px;display:flex}.hero-card-top img{background:#fff;border-radius:16px;width:60px;height:60px;box-shadow:0 10px 24px #1c1a1726}.card-title{font-size:18px;font-weight:600}.card-subtitle{color:var(--muted);font-size:13px}.hero-reader{background:linear-gradient(140deg,#fff5e6,#f4ede2);border-radius:18px;gap:10px;padding:16px;display:grid}.reader-title{color:var(--accent);font-weight:600}.reader-line{background:#1c1a1714;border-radius:999px;height:10px}.reader-line.short{width:60%}.hero-card-foot{flex-wrap:wrap;gap:10px;display:flex}.badge{color:var(--accent-2);background:#2f6f6d1a;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.section{z-index:1;max-width:1200px;margin:0 auto;padding:64px 24px;position:relative}.section-head{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.section h2{margin:0;font-family:Noto Serif SC,Source Han Serif SC,serif;font-size:32px}.section p{color:var(--muted);margin:0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card{background:var(--card);border:1px solid #1c1a1714;border-radius:20px;padding:22px;box-shadow:0 16px 36px #1c1a1714}.card h3{margin:0 0 10px;font-size:18px}.card p{line-height:1.7}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.panel{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;padding:24px}.panel.muted{background:#fff9}.panel ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.7}.timeline{gap:24px;display:grid}.timeline-item{grid-template-columns:auto 1fr;align-items:flex-start;gap:16px;display:grid}.timeline-dot{background:var(--accent);border-radius:50%;width:14px;height:14px;margin-top:6px;box-shadow:0 0 0 6px #d9774533}.timeline-item h3{margin:0 0 6px}.timeline-item p{color:var(--muted);margin:0}.showcase-carousel{--per-view:3;align-items:center;gap:12px;display:flex}.carousel-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;font-size:18px;line-height:1;transition:transform .2s,box-shadow .2s}.carousel-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1c1a171f}.carousel-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.showcase-viewport{flex:1;overflow:hidden}.showcase-track{transition:transform .45s;display:flex}.showcase-slide{min-width:calc(100% / var(--per-view));box-sizing:border-box;padding:0 6px}.showcase-card{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;gap:16px;display:grid;overflow:hidden;box-shadow:0 16px 36px #1c1a1714}.showcase-media{background:linear-gradient(135deg,#2f6f6d2e,#d9774529);justify-content:center;align-items:center;padding:18px;display:flex}.phone-frame{aspect-ratio:9/19.5;background:linear-gradient(160deg,#f7f2ea,#d7cfc6);border:1px solid #1c1a171f;border-radius:34px;width:min(260px,100%);padding:10px;box-shadow:0 20px 40px #1c1a172e}.phone-screen{background:#0f0f12;border-radius:26px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:2;background:#0a0a0d;border-radius:12px;width:44%;height:16px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #00000059}.phone-home{z-index:2;background:#ffffff59;border-radius:999px;width:38%;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone-image{object-fit:cover;width:100%;height:100%;display:block}.phone-placeholder{color:#ffffffb3;text-align:center;background:#ffffff14;border:1px dashed #fff6;border-radius:20px;justify-content:center;align-items:center;width:calc(100% - 24px);height:calc(100% - 48px);padding:0 12px;font-size:13px;display:flex}.showcase-body{padding:0 20px 22px}.showcase-body h3{margin:0 0 8px;font-size:18px}.showcase-body p{color:var(--muted);margin:0}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.carousel-dot{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;width:10px;height:10px;transition:transform .2s,background .2s,border-color .2s}.carousel-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.download-card{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;gap:12px;padding:24px;display:grid}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.community-card{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:24px;display:grid;box-shadow:0 16px 36px #1c1a1714}.community-media{width:120px;height:120px;color:var(--muted);background:#2f6f6d1f;border:1px dashed #2f6f6d66;border-radius:18px;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.community-media a{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.community-media a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:14px}.community-media img{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:100%}.community-body h3{margin:0 0 8px;font-size:18px}.community-body p{color:var(--muted);margin:0 0 8px}.community-note{color:var(--muted);margin:0;font-size:12px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.product-card{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;gap:10px;padding:24px;display:grid;box-shadow:0 16px 36px #1c1a1714}.product-icon{background:linear-gradient(135deg,#2f6f6d33,#d9774533);border-radius:12px;width:40px;height:40px}.product-card h3{margin:0;font-size:18px}.product-card p{color:var(--muted);margin:0}.product-note{font-size:12px}.donation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.donation-card{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:24px;display:grid;box-shadow:0 16px 36px #1c1a1714}.donation-qr{width:120px;height:120px;color:var(--muted);background:#2f6f6d1f;border:1px dashed #2f6f6d66;border-radius:18px;justify-content:center;align-items:center;font-size:12px;display:flex}.donation-body h3{margin:0 0 8px;font-size:18px}.donation-body p{color:var(--muted);margin:0 0 8px}.donation-note{margin:0;font-size:12px}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.feedback-panel{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;padding:24px;box-shadow:0 16px 36px #1c1a1714}.feedback-panel h3{margin:0 0 10px;font-size:18px}.feedback-panel p{color:var(--muted);margin:0 0 16px}.feedback-panel ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.7}.feedback-form{background:var(--card);border:1px solid #1c1a1714;border-radius:22px;gap:16px;padding:24px;display:grid;box-shadow:0 16px 36px #1c1a1714}.feedback-action{border:1px solid var(--line);background:#f6f1eab3;border-radius:18px;gap:12px;padding:18px;display:grid}.feedback-action h3{margin:0 0 6px;font-size:18px}.feedback-action p{color:var(--muted);margin:0;line-height:1.7}.feedback-field{color:var(--muted);gap:8px;font-size:14px;display:grid}.feedback-field span{font-size:13px}.feedback-field input,.feedback-field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px}.feedback-field textarea{resize:vertical;min-height:130px}.feedback-note{color:var(--muted);margin:0;font-size:12px}.note{color:var(--muted);background:#2f6f6d14;border-radius:16px;margin-top:24px;padding:16px 20px}.site-footer{text-align:center;border-top:1px solid #1c1a1714;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex}.footer-title{margin-bottom:6px;font-weight:600}.footer-links{align-items:center;gap:16px;display:flex}.footer-icp{text-align:center;color:var(--muted);font-size:12px}.footer-icp a{color:inherit;text-decoration:none}.footer-icp a:hover{text-decoration:underline}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (width<=1024px){.hero{grid-template-columns:1fr}.nav-links,.side-nav{display:none}}@media (width<=768px){.hero h1{font-size:36px}.hero-metrics,.grid-3,.split,.download-grid,.community-grid,.product-grid,.donation-grid,.feedback-grid{grid-template-columns:1fr}.showcase-carousel{gap:8px}.carousel-btn{width:32px;height:32px;font-size:16px}.site-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}