html,body,#root{color:#f5ead6;background:#101010;min-height:100%;margin:0;font-family:Inter,PingFang HK,PingFang TC,sans-serif}button,input{font:inherit}.phone-shell{box-sizing:border-box;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 88px}.hero-card{background:linear-gradient(145deg,#1a1713,#3a2b16);border:1px solid #d8b46a66;border-radius:24px;padding:28px 22px}.eyebrow{color:#d8b46a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.hero-card h1{margin:0 0 12px;font-size:28px}.hero-card p,.content-card p{line-height:1.7}.content-card,.auth-card{background:#1d1d1d;border-radius:20px;margin-top:16px;padding:20px}.auth-card h2,.account-section h3{margin-top:0}.auth-card label{color:#cbbf9f;margin-top:16px;display:block}.auth-card input{color:#fff;box-sizing:border-box;background:#111;border:1px solid #4a3f2c;border-radius:12px;outline:none;width:100%;margin-top:8px;padding:13px 14px}.primary-button,.logout-button,.back-button{cursor:pointer;border:0;border-radius:12px}.primary-button{color:#151515;background:#d8b46a;width:100%;margin-top:18px;padding:13px;font-weight:700}.primary-button:disabled{opacity:.55;cursor:not-allowed}.helper-text,.empty-text{color:#a79d8f;font-size:14px}.error-text{color:#ff8a8a}.member-card{align-items:center;gap:16px;display:flex}.member-avatar{color:#151515;background:linear-gradient(135deg,#d8b46a,#7d5c21);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:800;display:flex}.member-card h2{margin:0 0 4px}.member-card p{color:#a79d8f;margin:0 0 8px}.level-badge{color:#d8b46a;letter-spacing:1px;background:#d8b46a29;border-radius:999px;padding:4px 10px;font-weight:700;display:inline-flex}.account-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.account-stats button{color:#f5ead6;background:#161616;border:1px solid #3d3528;border-radius:16px;padding:18px 12px}.account-stats strong,.account-stats span{display:block}.account-stats strong{color:#d8b46a;margin-bottom:6px;font-size:22px}.logout-button{color:#d8b46a;background:#302820;width:100%;margin-top:18px;padding:12px}.back-button{color:#d8b46a;background:#302820;margin-top:16px;padding:10px 14px}.points-hero{text-align:center;background:linear-gradient(135deg,#3a2b16,#171310);border-radius:16px;padding:20px}.points-hero span,.points-hero small{color:#a79d8f;display:block}.points-hero strong{color:#d8b46a;margin:6px 0;font-size:42px;display:block}.record-row{border-bottom:1px solid #302820;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.record-row strong,.record-row span{display:block}.record-row span{color:#a79d8f;margin-top:4px;font-size:13px}.points-plus{color:#d8b46a}.points-minus{color:#ff8a8a}.order-card{background:#171717;border:1px solid #3d3528;border-radius:16px;margin-top:14px;padding:16px}.order-card header,.order-card footer,.order-items div{justify-content:space-between;gap:12px;display:flex}.order-card header span,.order-card footer span{color:#a79d8f;font-size:13px;display:block}.order-card header strong{margin-top:4px;display:block}.order-card header b{color:#d8b46a}.order-items{color:#d9cfbd;border-top:1px solid #302820;border-bottom:1px solid #302820;margin:14px 0;padding:12px 0;font-size:14px}.order-items div+div{margin-top:8px}.reward-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.reward-tabs button{color:#a79d8f;background:#161616;border:1px solid #3d3528;border-radius:999px;padding:9px 0}.reward-tabs button.active{color:#d8b46a;background:#d8b46a29;border-color:#d8b46a}.reward-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.reward-card{color:#f5ead6;text-align:left;background:#171717;border:1px solid #3d3528;border-radius:16px;padding:0 0 14px;overflow:hidden}.reward-card img,.reward-detail>img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.reward-card strong,.reward-card span,.reward-card em{padding:0 12px;display:block}.reward-card strong{margin-top:12px}.reward-card span{color:#d8b46a;margin-top:6px}.reward-card em{color:#a79d8f;margin-top:8px;font-style:normal}.reward-detail{margin-top:16px}.reward-detail>img{border-radius:16px;margin-top:14px}.redeem-bar{background:#171717f5;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex;position:sticky;bottom:76px}.redeem-bar .primary-button{width:auto;margin-top:0;padding:12px 24px}.notice-text{color:#d8b46a}.redemption-card{background:#171717;border:1px solid #3d3528;border-radius:16px;grid-template-columns:96px 1fr;gap:14px;margin-top:14px;padding:14px;display:grid}.redemption-card img{object-fit:cover;border-radius:12px;width:96px;height:96px}.redemption-card h4{margin:0 0 6px}.redemption-card p,.redemption-card small{color:#a79d8f}.code-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.code-row strong,.code-row span.pending{color:#d8b46a}.code-row span.verified{color:#9a9a9a}.banner-strip,.activity-stack{gap:12px;margin-top:16px;display:grid}.banner-strip{scroll-snap-type:x mandatory;grid-auto-columns:82%;grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.banner-strip button,.activity-stack button,.article-card,.brand-list button,.catalog-grid button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.banner-strip img,.activity-stack img{object-fit:cover;scroll-snap-align:start;border-radius:18px;width:100%;display:block}.activity-stack img{aspect-ratio:5/2}.article-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.article-tabs button{color:#a79d8f;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0}.article-tabs button.active{color:#d8b46a;border-color:#d8b46a;font-weight:700}.article-card{border-bottom:1px solid #302820;grid-template-columns:108px 1fr;gap:14px;width:100%;padding:14px 0;display:grid}.article-card img{object-fit:cover;border-radius:12px;width:108px;height:82px}.article-card strong,.article-card small,.article-card em{display:block}.article-card small{color:#a79d8f;margin:6px 0;line-height:1.5}.article-card em{color:#d8b46a;font-style:normal}.article-detail>img,.section-cover,.product-main,.product-detail-image{object-fit:cover;border-radius:16px;width:100%;margin-top:14px}.rich-text{color:#d9cfbd;line-height:1.8}.rich-text img{border-radius:12px;max-width:100%}.brand-search input{color:#fff;box-sizing:border-box;background:#111;border:1px solid #4a3f2c;border-radius:12px;outline:none;width:100%;padding:13px 14px}.brand-list{gap:12px;margin-top:16px;display:grid}.brand-list button{background:#171717;border:1px solid #3d3528;border-radius:16px;grid-template-columns:92px 1fr;gap:14px;padding:14px;display:grid}.brand-list img{object-fit:cover;border-radius:12px;width:92px;height:72px}.brand-list strong,.brand-list small,.brand-list em{display:block}.brand-list small{color:#a79d8f;margin:6px 0}.brand-list em{color:#d8b46a;font-style:normal}.brand-header{grid-template-columns:112px 1fr;align-items:center;gap:16px;margin-top:14px;display:grid}.brand-header img{object-fit:cover;border-radius:14px;width:112px;height:88px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.catalog-grid button{background:#171717;border:1px solid #3d3528;border-radius:16px;overflow:hidden}.catalog-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.catalog-grid strong,.catalog-grid span{padding:0 12px;display:block}.catalog-grid strong{margin-top:10px}.catalog-grid span{color:#a79d8f;margin:6px 0 12px}.product-image-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.product-image-strip img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.product-meta{color:#d8b46a;gap:6px;margin:14px 0;display:grid}.bottom-nav{width:min(480px,100%);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#101010f5;border-top:1px solid #302820;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#a79d8f;background:0 0;border:0;border-radius:14px;padding:12px 0;font-size:14px}.bottom-nav button.active{color:#151515;background:#d8b46a;font-weight:700}