:root{--sw1-bg:#fbf9f4;--sw1-card:#ffffff;--sw1-text:#1b1c19;--sw1-muted:#424841;--sw1-primary:#17341c;--sw1-secondary:#7e562e;--sw1-line:#c2c8bf;--sw1-soft:#f0eee9;--sw1-shadow:0 10px 28px rgba(23,52,28,.12)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--sw1-bg);color:var(--sw1-text);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}
body{display:flex;justify-content:center}
#sw1-app{position:relative;width:420px;min-height:100vh;background:var(--sw1-bg);overflow:hidden;padding-bottom:84px}

.sw1-topbar{position:sticky;top:0;z-index:20;height:62px;padding:0 14px;background:rgba(251,249,244,.92);border-bottom:1px solid var(--sw1-line);display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(8px)}
.sw1-topbar strong{font-size:20px;color:var(--sw1-primary)}
.sw1-icon{width:36px;height:36px;border:0;border-radius:10px;background:#f1ede3;color:var(--sw1-primary);font-size:20px;cursor:pointer}

.sw1-main{padding:14px;display:grid;gap:14px}
.sw1-section{background:var(--sw1-card);border-radius:16px;border:1px solid rgba(194,200,191,.7);box-shadow:var(--sw1-shadow);padding:14px}

.sw1-hero{padding:12px}
.sw1-hero-image-wrap{position:relative;border-radius:14px;overflow:hidden}
.sw1-hero-image-wrap img{display:block;width:100%;height:240px;object-fit:cover}
.sw1-badge{position:absolute;left:10px;top:10px;display:inline-block;padding:5px 10px;border-radius:999px;background:#ffdea5;color:#5d4201;font-size:12px;font-weight:700}
.sw1-thumbs{margin-top:10px;display:flex;gap:8px}
.sw1-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--sw1-line);opacity:.7}
.sw1-thumb-active{opacity:1;border:2px solid var(--sw1-primary)}

.sw1-title{margin:0;font-size:34px;line-height:1.2;color:var(--sw1-primary);font-weight:700}
.sw1-subtitle{margin:6px 0 0 0;font-size:16px;color:var(--sw1-secondary);font-weight:600}
.sw1-card{margin-top:12px;padding:12px;border-radius:12px;background:var(--sw1-soft);border:1px solid rgba(194,200,191,.7)}
.sw1-card-title{margin:0 0 6px 0;font-size:18px;color:var(--sw1-primary)}
.sw1-text{margin:0;color:var(--sw1-muted);line-height:1.7;font-size:14px}
.sw1-text-italic{font-style:italic}
.sw1-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--sw1-muted);font-size:14px;line-height:1.7}

.sw1-price{margin-top:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#2d4b31,#17341c);color:#fff;text-align:center}
.sw1-price-label{display:block;font-size:12px;opacity:.85}
.sw1-price-value{margin-top:6px;font-size:28px;font-weight:700;line-height:1.25}
.sw1-book-btn{margin-top:10px;width:100%;height:44px;border:0;border-radius:10px;background:#ffffff;color:var(--sw1-primary);font-weight:700;font-size:15px}

.sw1-h2{margin:0 0 8px 0;font-size:24px;color:var(--sw1-primary);line-height:1.3}
.sw1-story-image{display:block;margin-top:12px;width:100%;height:220px;object-fit:cover;border-radius:12px}
.sw1-enterprise .sw1-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.sw1-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--sw1-soft);border:1px solid var(--sw1-line);font-size:12px;color:var(--sw1-muted)}

.sw1-footer{margin:14px;padding:16px;border-radius:14px;background:var(--sw1-soft);border:1px solid rgba(194,200,191,.7);text-align:center}
.sw1-footer-brand{font-size:18px;font-weight:700;color:var(--sw1-primary)}
.sw1-footer-links{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sw1-footer-links a{text-decoration:none;color:var(--sw1-muted);font-size:13px}
.sw1-footer-copy{margin-top:10px;font-size:12px;color:#72786f}

.sw1-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:420px;height:62px;background:rgba(255,255,255,.96);border-top:1px solid var(--sw1-line);display:grid;grid-template-columns:repeat(4,1fr);z-index:30}
.sw1-nav-btn{border:0;background:transparent;color:#5c635c;font-size:13px}
.sw1-nav-btn-active{color:var(--sw1-primary);font-weight:700}

.sw1-grain{position:fixed;left:50%;top:0;transform:translateX(-50%);width:420px;height:100vh;pointer-events:none;opacity:.17;background-image:url("/images/oy-01/swang_/natural-paper.png")}
