:root{--brand:#008a73;--brand-dark:#006c59;--brand-soft:#e7f4f1;--ink:#171717;--muted:#62656b;--surface:#fff;--page:#fff;--border:#e7e7e7;--radius:18px;--shadow:0 4px 14px rgba(0,0,0,.07)}
*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#f7f8f8}body{margin:0;background:var(--page)}button,input,textarea{font:inherit}.app{min-height:100vh;padding:92px max(16px,calc((100vw - 680px)/2)) 105px}.topbar{position:fixed;inset:0 0 auto;z-index:20;height:72px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.logo{width:44px;height:44px;border-radius:13px;object-fit:contain;background:#fff;box-shadow:var(--shadow)}.icon-btn{width:42px;height:42px;border:1px solid #ddd;border-radius:13px;background:#f7f7f7;font-size:21px;display:grid;place-items:center}.content{width:100%;max-width:640px;margin:auto}.banner{width:100%;display:block;margin:24px 0;border-radius:2px}.section-title{font-size:20px;margin:24px 0 16px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.card-footer{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px;color:var(--brand);font-weight:700;font-size:14px}.arrow{width:25px;height:25px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center}.back{border:0;border-radius:99px;background:#f1f2f3;padding:9px 16px;margin-bottom:18px;cursor:pointer}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.module{text-align:center;cursor:pointer}.module img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.module h3{font-size:14px;color:var(--brand);line-height:1.35;margin:9px 2px 0}.bottom-nav{position:fixed;z-index:20;inset:auto 0 0;height:78px;background:rgba(255,255,255,.97);border-top:1px solid #e8e8e8;display:flex;justify-content:center}.nav-inner{width:min(100%,680px);display:grid;grid-template-columns:repeat(4,1fr)}.nav-item{border:0;background:transparent;color:#444;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:11px;cursor:pointer}.nav-item .nav-icon{font-size:21px}.nav-item.active{color:var(--brand);font-weight:600}.nav-item.active .nav-icon{width:48px;height:48px;margin-top:-24px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--brand);box-shadow:0 5px 16px rgba(0,138,115,.32)}.floating-mail{position:fixed;right:max(22px,calc((100vw - 690px)/2));bottom:92px;width:54px;height:54px;border:0;border-radius:50%;background:var(--brand);color:#fff;font-size:25px;box-shadow:var(--shadow);z-index:12}.page-title{font-size:24px;margin:12px 0 26px}.feed article,.composer,.community-post,.profile-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:16px;margin-bottom:14px}.post-author{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e1f2ef;color:var(--brand);font-weight:700}.post-logo{width:26px;height:26px;object-fit:contain}.post-meta strong{display:block}.post-meta span{color:var(--muted)}.post-body{font-size:14px;line-height:1.58}.post-body h3{font-size:14px;text-decoration:underline;margin:16px 0 8px}.post-body p{margin:8px 0}.composer{display:grid;grid-template-columns:42px 1fr;gap:10px}.composer textarea{border:0;border-radius:16px;background:#f0f0f2;min-height:74px;padding:14px;resize:vertical}.composer-actions{grid-column:2;display:flex;justify-content:flex-end}.primary{border:0;border-radius:99px;background:#85c4b9;color:#fff;font-weight:700;padding:11px 23px;cursor:pointer}.community-post p{line-height:1.5;margin:8px 0}.social-row{border-top:1px solid #eee;margin:14px -16px -16px;padding:12px 16px;display:flex;gap:28px;color:#555}.social-row button{border:0;background:none;font-size:14px;cursor:pointer}.profile-card{padding:32px}.profile-head{display:flex;justify-content:space-between;align-items:center}.logout{border:0;background:none;color:#e45262;font-weight:600}.profile-avatar{width:128px;height:128px;border-radius:50%;background:#dce9e8;color:var(--brand);display:grid;place-items:center;font-size:38px;font-weight:600;margin:34px auto 14px}.profile-note{text-align:center;color:var(--muted)}.field{background:#f0f0f2;border-radius:16px;padding:15px;margin-top:18px}.field small{display:block;color:#6f7076;font-weight:700;margin-bottom:7px}.field-row{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600}.edit{color:var(--brand);border:0;background:none;font-weight:700}.modal{position:fixed;z-index:60;inset:0;background:#fff;overflow:auto}.modal-head{height:70px;border-bottom:1px solid #e7e7e7;display:flex;align-items:center;justify-content:center;padding:0 58px;position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font-size:16px;text-align:center}.close{position:absolute;right:18px;border:0;background:none;font-size:28px;color:#888}.media-wrap{max-width:920px;margin:24px auto;padding:0 16px}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000}.pdf{width:100%;height:calc(100vh - 110px);border:0}.desc{max-width:720px;margin:18px auto;line-height:1.55}.empty{padding:80px 20px;text-align:center;color:#777}.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#151515;color:white;padding:11px 18px;border-radius:99px;z-index:100}.mail-link{color:inherit;text-decoration:none}@media(min-width:720px){.app{padding-top:90px}.module-grid{grid-template-columns:repeat(3,1fr)}.product-grid{gap:16px}.content{max-width:640px}}