:root{--bg: #f6f4f1;--ink: #141210;--muted: #5c564e;--line: rgba(20, 18, 16, .08);--accent: #ff6a1a;--accent-deep: #e4550a;--accent-soft: rgba(255, 106, 26, .12);--card: #fffdfb;--shadow: 0 16px 40px rgba(40, 22, 8, .1);--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}.study-page{min-height:100vh;color:var(--ink);font-family:var(--font);line-height:1.6}.study-page .topbar{position:sticky;top:0;z-index:20;padding:calc(12px + var(--safe-top)) 16px 12px;background:#fffdfbeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.back{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;flex-shrink:0}.back svg{width:18px;height:18px}.topbar-title{flex:1;min-width:0}.topbar-title h1{margin:0;font-size:17px;font-weight:700;line-height:1.2}.topbar-title p{margin:2px 0 0;font-size:12px;color:var(--muted)}.page{width:min(100% - 32px,560px);margin:0 auto;padding:20px 0 calc(36px + var(--safe-bottom))}.intro{margin-bottom:20px}.intro h2{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.02em}.intro p{margin:0;color:var(--muted);font-size:14px}.toc{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:24px}.toc a{display:grid;place-items:center;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);font-size:12px;font-weight:700}.checklist,.steps-ol{margin:0 16px 12px;padding-left:1.2em;color:var(--muted);font-size:13px}.checklist li,.steps-ol li{margin:6px 0}.checklist strong,.steps-ol strong{color:var(--ink)}.dialog-list{margin:0 12px 12px;display:grid;gap:10px}.dialog-item{padding:12px 14px;border-radius:12px;background:#fff8f2;border:1px solid var(--line)}.dialog-item h4{margin:0 0 6px;font-size:14px;color:var(--accent-deep)}.dialog-item p{margin:0;font-size:13px;color:var(--muted)}@media(max-width:380px){.toc{grid-template-columns:repeat(4,1fr)}}.step{scroll-margin-top:84px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.step-head{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 12px}.badge{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#ff8c41,var(--accent-deep));color:#fff;font-size:15px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.step-copy h3{margin:0;font-size:17px;font-weight:700}.step-copy p{margin:6px 0 0;color:var(--muted);font-size:14px}.step-media{margin:0 12px 12px;border-radius:14px;overflow:hidden;background:#efe8e1;border:1px solid var(--line)}.step-media img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;object-position:top center}.tips{margin:0 16px 16px;padding:12px 14px;border-radius:12px;background:#ff6a1a14;color:var(--accent-deep);font-size:13px;font-weight:500}.footer-cta{margin-top:8px;text-align:center}.footer-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,#ff8c41,var(--accent-deep));color:#fff;font-weight:700;font-size:15px;box-shadow:0 10px 24px #e4550a47}.note{margin-top:14px;text-align:center;color:var(--muted);font-size:12px}@media(min-width:720px){.page{width:min(100% - 48px,720px);padding-top:28px}.step-media img{max-height:520px;margin-inline:auto}}html.from-app .topbar{display:none}html.from-app .page{padding-top:16px}html.from-app .footer-cta a[href="/"]{display:none}:root{--bg: #f6f4f1;--bg-soft: #fffdfb;--ink: #141210;--muted: #5c564e;--line: rgba(20, 18, 16, .08);--accent: #ff6a1a;--accent-deep: #e4550a;--accent-soft: rgba(255, 106, 26, .12);--ok: #1f8a5b;--shadow: 0 24px 60px rgba(40, 22, 8, .12);--radius: 18px;--wrap: 1120px;--pad: clamp(18px, 4vw, 40px);--font-display: "Outfit", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(255,138,61,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 95% 8%,rgba(255,196,120,.22),transparent 50%),linear-gradient(180deg,#fff8f2 0%,var(--bg) 42%,#efeae4 100%);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px;z-index:100}.skip:focus{left:12px;top:12px}.wrap{width:min(100% - (var(--pad) * 2),var(--wrap));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfbc7;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;letter-spacing:.04em}.brand-mark{width:28px;height:28px;border-radius:9px;background:radial-gradient(circle at 30% 30%,#fff 0 18%,transparent 19%),linear-gradient(145deg,#ff8a3d,#ff5a00);box-shadow:0 8px 18px #ff6a1a59}.brand-name{font-size:18px}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:14px;color:var(--muted)}.nav a:hover{color:var(--ink)}.nav-cta{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--ink);color:#fff!important;font-weight:600}.hero{position:relative;padding:clamp(36px,7vh,72px) 0 clamp(48px,8vh,96px);overflow:clip}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,rgba(255,106,26,.06) 100%),radial-gradient(ellipse 50% 60% at 78% 40%,rgba(255,120,40,.16),transparent 70%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}.eyebrow{margin:0 0 14px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);font-weight:700;font-family:var(--font-display)}.hero-copy h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(64px,10vw,108px);line-height:.92;letter-spacing:-.04em;color:var(--ink)}.hero-lead{margin:18px 0 0;max-width:18em;font-size:clamp(17px,2.1vw,22px);color:var(--muted);font-weight:500}.cta{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.btn-guide{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:14px;border:1.5px solid rgba(255,106,26,.35);background:#fff;color:var(--accent-deep);font-weight:700;font-size:15px;box-shadow:0 8px 20px #2816080f;transition:transform .15s ease,border-color .15s ease,background .15s ease}.btn-guide:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft)}.btn-download{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:14px;min-width:min(100%,300px);padding:16px 22px;border-radius:16px;background:linear-gradient(135deg,#ff7a2e,#f50);color:#fff;box-shadow:0 1px #ffffff47 inset,0 18px 36px #ff5a0a59;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 1px #ffffff52 inset,0 22px 44px #ff5a0a6b}.btn-download:active:not(:disabled){transform:translateY(0)}.btn-download:disabled{cursor:not-allowed;filter:grayscale(.25) brightness(.92)}.btn-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff2e}.btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.btn-label{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.01em}.btn-meta{font-size:12px;opacity:.85}.hint{margin:0;font-size:13px;color:var(--muted)}.trust{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.trust li{padding:7px 12px;border-radius:999px;background:#ffffffb8;border:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:500}.hero-visual{position:relative;display:grid;place-items:center;min-height:420px}.phone{position:relative;z-index:2;width:min(100%,300px);aspect-ratio:9 / 18.4;border-radius:36px;padding:12px;background:linear-gradient(160deg,#2a241f,#12100e);box-shadow:var(--shadow),0 0 0 1px #ffffff14 inset;animation:float 5.5s ease-in-out infinite}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:38%;height:18px;border-radius:999px;background:#0b0a09;z-index:3}.phone-screen{height:100%;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 70% 28%,rgba(255,120,40,.35),transparent 42%),linear-gradient(165deg,#1b1714,#2d241d 48%,#3a2a1d);color:#fff7ef;padding:42px 18px 18px;display:flex;flex-direction:column;gap:14px}.ui-top{display:flex;justify-content:space-between;align-items:center}.ui-logo{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;font-size:13px}.ui-badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#1f8a5b38;color:#8dffc4}.ui-map{position:relative;flex:1;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse 55% 40% at 18% 72%,rgba(120,190,140,.35),transparent 70%),radial-gradient(ellipse 40% 35% at 78% 22%,rgba(150,200,160,.28),transparent 65%),linear-gradient(160deg,#eef2f5,#e4ebf0 45%,#d9e3ea);min-height:160px;border:1px solid rgba(255,255,255,.2)}.map-park{position:absolute;border-radius:40% 55% 45% 50%;background:#78b48273;border:1px solid rgba(90,150,100,.2)}.map-park-a{left:6%;top:8%;width:34%;height:28%}.map-park-b{right:4%;bottom:10%;width:30%;height:24%;border-radius:50% 40% 55% 45%}.map-water{position:absolute;left:-8%;bottom:18%;width:48%;height:22%;border-radius:50%;background:#78aad259;border:1px solid rgba(90,140,190,.18);transform:rotate(-12deg)}.map-road{position:absolute;background:#ffffffeb;box-shadow:0 0 0 1px #aab9c88c}.map-road-h1{left:0;right:0;top:38%;height:6px}.map-road-h2{left:0;right:0;top:66%;height:5px;opacity:.9}.map-road-v1{top:0;bottom:0;left:32%;width:5px}.map-road-v2{top:0;bottom:0;left:68%;width:4px;opacity:.85}.map-block{position:absolute;border-radius:5px;background:#d2dae2f2;border:1px solid rgba(160,175,190,.45);box-shadow:0 2px 4px #50647814}.map-block-a{left:10%;top:14%;width:14%;height:16%}.map-block-b{left:40%;top:12%;width:22%;height:18%}.map-block-c{right:10%;top:42%;width:16%;height:14%}.map-block-d{left:48%;bottom:12%;width:18%;height:15%}.map-label{position:absolute;font-size:9px;letter-spacing:.04em;color:#465a6eb8;white-space:nowrap;font-weight:600;z-index:1}.map-label-n{left:12%;top:8%}.map-label-e{right:8%;top:30%}.map-label-w{left:8%;bottom:28%}.map-compass{position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid rgba(160,175,190,.5);color:#e4550a;font-size:9px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px #2832461f;z-index:2}.map-locate{position:absolute;left:50%;bottom:10px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 2px 8px #ff6a1a40;z-index:2}.map-locate:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--accent)}.map-bubble{position:absolute;left:52%;top:26%;transform:translate(-50%);padding:4px 8px;border-radius:8px;background:#fff;border:1px solid rgba(255,138,61,.55);color:var(--accent-deep);font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #281e141f;z-index:3}.map-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;margin-left:-4px;background:#fff;border-right:1px solid rgba(255,138,61,.55);border-bottom:1px solid rgba(255,138,61,.55);transform:rotate(45deg)}.ui-pin{position:absolute;left:52%;top:48%;width:18px;height:18px;margin:-18px 0 0 -9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(145deg,#4da3ff,#2b6de8);box-shadow:0 4px 10px #2b6de859;z-index:3}.ui-pin:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff}.ui-ring,.ui-ring-2{position:absolute;left:52%;top:48%;width:70px;height:70px;margin:-35px 0 0 -35px;border:1px solid rgba(43,109,232,.35);border-radius:50%;animation:pulse 2.8s ease-out infinite;z-index:1}.ui-ring-2{animation-delay:1.1s}.ui-card{padding:14px;border-radius:16px;background:#fff8f01a;border:1px solid rgba(255,220,190,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-label{margin:0;font-size:12px;opacity:.7}.ui-time{margin:6px 0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#fff7ef}.ui-place{margin:0;font-size:13px;opacity:.82}.ui-actions{display:flex;gap:8px}.ui-chip{font-size:12px;padding:8px 10px;border-radius:999px;background:#ffffff14}.ui-chip-accent{background:var(--accent-soft);color:#ffd2b0}.orb{position:absolute;border-radius:50%;filter:blur(8px);z-index:1}.orb-a{width:180px;height:180px;right:4%;top:8%;background:#ff782847;animation:drift 7s ease-in-out infinite}.orb-b{width:140px;height:140px;left:8%;bottom:10%;background:#ffbe7859;animation:drift 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(.55);opacity:.7}to{transform:scale(1.35);opacity:0}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(12px,-10px)}}.features{padding:clamp(48px,8vh,88px) 0}.section-head{max-width:34rem;margin-bottom:clamp(28px,5vw,48px)}.section-head h2,.benefits h2,.install h2{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;line-height:1.15}.section-head p,.section-desc{margin:0;color:var(--muted);font-size:clamp(15px,1.8vw,17px)}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:24px 22px;border-radius:var(--radius);background:#fffdfbd6;border:1px solid var(--line)}.feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-deep);font-weight:700;margin-bottom:16px}.feature h3{margin:0 0 8px;font-size:18px;font-family:var(--font-display);letter-spacing:-.02em}.feature p{margin:0;color:var(--muted);font-size:14px}.benefits{padding:clamp(36px,6vh,72px) 0}.benefits-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,48px);align-items:start;padding:clamp(24px,4vw,40px);border-radius:28px;background:linear-gradient(145deg,rgba(255,106,26,.1),transparent 40%),#1a1613;color:#fff8f1;box-shadow:var(--shadow)}.benefits h2{color:#fff}.benefits .section-desc{color:#ffecdcb8;margin-top:10px}.perk-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.perk-list li{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,220,190,.12)}.perk-list strong{font-family:var(--font-display);font-size:17px}.perk-list span{font-size:13px;color:#ffe6d2ad}.install{padding:0 0 clamp(48px,8vh,80px)}.install-box{padding:clamp(22px,3vw,32px);border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line)}.install ol{margin:14px 0 0;padding-left:1.2em;color:var(--muted)}.install li+li{margin-top:8px}.site-footer{padding:28px 0 max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdfba6}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.footer-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700}.footer-brand .brand-mark{width:22px;height:22px;border-radius:7px}.footer-ver{color:var(--muted);font-weight:500;font-size:13px}.footer-copy{margin:0;font-size:13px;color:var(--muted)}.footer-copy a{color:var(--accent-deep);font-weight:600}.footer-copy a:hover{text-decoration:underline}.disclaimer{margin:0;font-size:12px;line-height:1.7;color:#5c564eb8}@media(max-width:900px){.nav a:not(.nav-cta):not(.nav-guide){display:none}.hero-grid,.feature-row,.benefits-grid{grid-template-columns:1fr}.hero-visual{order:-1;min-height:360px}.phone{width:min(100%,260px)}.hero-copy h1{font-size:clamp(56px,18vw,84px)}.hero-lead{max-width:none}.btn-download{width:100%}}@media(max-width:520px){.header-inner{min-height:56px}.hero{padding-top:24px}.trust{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone,.orb,.ui-ring,.ui-ring-2{animation:none}.btn-download:hover:not(:disabled){transform:none}}