:root{color-scheme:light;--bg: #f4f1ea;--card: #ffffff;--ink: #2c2a24;--muted: #8e8679;--gold: #c79a54;--gold-dark: #9c753f;--green: #5f6b52;--shadow: 0 24px 40px rgba(43, 36, 27, .18)}*{box-sizing:border-box}body{margin:0;font-family:Urbanist,"Noto Serif SC",serif;background:radial-gradient(circle at top,#f8f2e9,#efe7d8 40%,#e6dfd2);color:var(--ink)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.phone-frame{width:min(420px,92vw);height:min(880px,92vh);background:linear-gradient(180deg,#f6f0e6,#f2eadc);border-radius:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;position:relative}.phone-header{padding:18px 22px 12px}.header-title{display:flex;align-items:center;gap:10px}.header-title h1{margin:0;font-size:22px;letter-spacing:2px;font-family:"Noto Serif SC",serif}.back-btn{border:none;background:#fff9;color:var(--gold-dark);width:32px;height:32px;border-radius:12px;font-size:18px;cursor:pointer}.phone-content{flex:1;overflow-y:auto;padding:0 22px 24px;scrollbar-width:none}.phone-content::-webkit-scrollbar{width:0}.bottom-nav{display:flex;justify-content:space-between;padding:14px 18px 22px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(160,140,110,.2)}.nav-item{text-decoration:none;font-size:12px;color:var(--muted);display:grid;gap:4px;place-items:center}.nav-item.active{color:var(--gold-dark);font-weight:600}.nav-icon{font-size:16px;line-height:1}.hero-card{background:linear-gradient(135deg,#323c2acc,#7d5b3599),url(/assets/image-BKW2loPr.png) center/cover;border-radius:24px;color:#fff;padding:20px;position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.hero-overlay h2{margin:8px 0 6px;font-size:22px;font-family:"Noto Serif SC",serif}.hero-tag{font-size:12px;letter-spacing:2px;opacity:.85}.hero-sub{font-size:12px;opacity:.85}.hero-actions{display:flex;gap:10px}.pill{text-decoration:none;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.4);padding:6px 14px;border-radius:999px;font-size:12px}.section{margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:10px}.section-title h3{font-size:16px;margin:0;color:var(--ink);font-family:"Noto Serif SC",serif}.card-row{display:grid;gap:12px}.event-card{display:flex;gap:12px;background:var(--card);border-radius:18px;padding:12px;align-items:center;box-shadow:0 8px 20px #46321e1f}.event-card.big{flex-direction:column;align-items:stretch}.event-thumb{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,#c9b395,#f1e5d1)}.event-thumb.alt{background:linear-gradient(135deg,#87936c,#d4c5a9)}.event-thumb.wide{width:100%;height:120px}.banner{background:var(--card);border-radius:20px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:0 12px 24px #3c28141f}.ghost-btn{text-decoration:none;color:var(--gold-dark);border:1px solid var(--gold);padding:6px 14px;border-radius:999px;font-size:12px}.hero-mini{background:linear-gradient(120deg,#efe3d1,#e2d4bd);border-radius:20px;padding:18px;margin-bottom:16px}.hero-mini h2{margin:8px 0 0;font-family:"Noto Serif SC",serif}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{padding:6px 12px;border-radius:999px;background:#f7f1e6;border:1px solid rgba(160,140,110,.2);font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-card{background:var(--card);border-radius:18px;padding:12px;box-shadow:0 10px 22px #3c28141a}.product-thumb{height:110px;border-radius:16px;background:linear-gradient(135deg,#d3b89b,#f0e3cf);margin-bottom:10px}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gold-dark)}.mini-btn{border:none;background:#f2e5d1;padding:4px 10px;border-radius:999px;font-size:11px}.zen-hero{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#e4dccf,#f8f1e5);border-radius:20px;padding:16px}.zen-badge{width:56px;height:56px;border-radius:16px;background:var(--gold);color:#fff;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-size:24px}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.icon-tile{background:var(--card);border-radius:16px;padding:12px 8px;text-align:center;font-size:12px;box-shadow:0 10px 18px #46321e1a}.icon-circle{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#b6a07f,#f3ead7);margin:0 auto 6px}.muted{background:#ffffffb3;padding:12px 16px;border-radius:16px}.list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;color:var(--muted);font-size:13px}.course-hero{background:linear-gradient(135deg,#14141499,#8c693cb3),url(https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=800&q=80) center/cover;border-radius:24px;padding:18px;color:#fff;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.hero-title h2{margin:0 0 6px;font-family:"Noto Serif SC",serif}.timeline{display:grid;gap:10px}.timeline-item{display:flex;gap:10px;align-items:center;background:var(--card);border-radius:14px;padding:10px 12px;font-size:13px;box-shadow:0 8px 16px #3c28141a}.dot{width:24px;height:24px;border-radius:8px;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:12px}.form-card{background:var(--card);border-radius:24px;padding:18px;box-shadow:0 16px 28px #3c28141f;display:grid;gap:12px}.form-group{display:grid;gap:6px;font-size:12px;color:var(--muted)}.form-group input{border:1px solid rgba(160,140,110,.3);border-radius:12px;padding:10px 12px;font-size:13px;background:#faf7f1}.option-row{display:flex;gap:8px}.option-pill{padding:6px 12px;border-radius:999px;border:1px solid rgba(160,140,110,.3);font-size:12px;color:var(--muted)}.option-pill.active{background:var(--gold);color:#fff;border-color:var(--gold)}.primary-btn{text-decoration:none;background:var(--gold);color:#fff;border-radius:14px;padding:12px 16px;text-align:center;font-size:14px;border:none;display:inline-block}.primary-btn.small{padding:8px 12px;font-size:12px}.muted-text{color:var(--muted);font-size:12px}.success-card{background:linear-gradient(135deg,#fff,#f7f1e6);border-radius:24px;padding:22px;display:grid;gap:12px;text-align:center;box-shadow:0 16px 28px #3c28141f}.success-mark{background:var(--gold);color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;justify-self:center}.map-card{background:var(--card);border-radius:24px;padding:16px;box-shadow:0 16px 28px #3c28141f;display:grid;gap:16px}.map-grid{height:320px;border-radius:20px;background:linear-gradient(135deg,#dfe8f1,#c7d5e4);position:relative;overflow:hidden}.map-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.4) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 28px)}.pin{position:absolute;width:14px;height:14px;background:var(--gold);border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:45%;left:52%}.pin.alt{top:30%;left:28%;background:#5f7a6a}.pin.small{top:62%;left:70%;width:10px;height:10px}.map-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.detail-hero{background:linear-gradient(135deg,#f1e7d7,#e1d2bd);border-radius:20px;padding:18px;display:flex;justify-content:space-between;align-items:center}.detail-body{margin-top:16px;display:grid;gap:12px;font-size:13px;color:var(--muted);line-height:1.6}.detail-footer{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.price{font-size:20px;font-weight:700;color:var(--gold-dark)}.gallery-hero{background:var(--card);border-radius:20px;padding:16px;box-shadow:0 12px 22px #3c28141f}.gallery-main{height:200px;border-radius:18px;background:linear-gradient(135deg,#9fa487,#f2e5d1);margin-bottom:12px}.gallery-text h3{margin:0 0 6px;font-family:"Noto Serif SC",serif}.avatar-row{display:flex;gap:8px;overflow-x:auto}.avatar{min-width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#d0b391,#f2e5d1);display:grid;place-items:center;font-size:12px;color:#fff}.settings-card{background:var(--card);border-radius:20px;padding:12px;display:grid;gap:10px;box-shadow:0 12px 22px #3c28141f}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:10px 6px;border-bottom:1px solid rgba(160,140,110,.2);font-size:13px}.settings-item:last-child{border-bottom:none}.arrow{color:var(--muted)}.next-course{display:grid;gap:12px}.next-card{height:220px;border-radius:24px;background:linear-gradient(135deg,#28282866,#96734699),url(https://images.unsplash.com/photo-1482192505345-5655af888cc4?auto=format&fit=crop&w=800&q=80) center/cover}.next-info{background:var(--card);border-radius:20px;padding:14px;box-shadow:0 12px 22px #3c28141f}.next-info h3{margin:0 0 6px;font-family:"Noto Serif SC",serif}@media (max-width: 480px){.phone-frame{width:100%;height:100vh;border-radius:0}.app-shell{padding:0}}