:root{font-family:Inter,"Microsoft JhengHei",system-ui,sans-serif;background:#f8f7fb;color:#253043}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(24px,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid #e9e7f0}.brand{color:#b23b68;font-size:23px;font-weight:800}.brand small{color:#999;font-size:12px}nav{display:flex;gap:20px}a{color:#805084;text-decoration:none}main{max-width:1100px;margin:auto;padding:28px 20px}h1{font-size:clamp(26px,4vw,43px);margin:10px 0}h2{font-size:21px}.hero{background:linear-gradient(110deg,#fce7ef,#f3eafc);border-radius:22px;padding:40px;margin-bottom:30px}.hero p{max-width:720px;color:#5b5f70;line-height:1.8}.eyebrow{letter-spacing:3px;color:#ac4e78;font-size:11px}.controls{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.pill{padding:10px 15px;background:#fff;border-radius:25px;color:#754667}.sectiontitle{display:flex;justify-content:space-between;align-items:center}.sectiontitle p,.note,footer{color:#697080}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:15px}.card,.panel{border:1px solid #e8e5ee;background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px #47365b0a;margin-bottom:20px}.avatar{height:110px;width:110px;border-radius:50%;background:linear-gradient(135deg,#f2d7e9,#decdec);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#744261}.card p{line-height:1.6;color:#70798b;font-size:14px}.card button{width:100%}label{display:block;margin:12px 0;font-size:14px}input:not([type=checkbox]),select,textarea{display:block;padding:12px;border:1px solid #d9d5e4;border-radius:9px;width:100%;margin:7px 0;background:#fff;color:#263043}button{background:#a74477;color:white;border:0;border-radius:9px;padding:11px 18px;cursor:pointer;font-weight:700;margin:5px 3px 5px 0}button:hover{background:#8b315f}button.secondary{background:#ede9f3;color:#553f65}button:disabled{opacity:.45;cursor:not-allowed}.vip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.vip .card{margin:0}.vip strong{font-size:20px}.tag{background:#f1eaf9;border-radius:20px;display:inline-block;color:#814d90;padding:4px 10px;font-size:12px}.item{border-top:1px solid #ece8f0;padding:15px 0}.item:first-child{border:0}.muted{font-size:12px;color:#6e7180}.msg{padding:9px;background:#f8f3fa;border-radius:9px;margin:8px 0}.msg.me{background:#e9f5f0}footer{text-align:center;padding:24px}code{color:#753f78;background:#f3eff6;padding:4px;border-radius:4px}@media(max-width:600px){header{padding:14px;gap:8px}.brand{font-size:18px}nav{gap:8px;font-size:13px}.hero{padding:23px}}

.cta-link{display:inline-flex;background:#15966f;color:white!important;border-radius:10px;padding:13px 18px;text-decoration:none;font-weight:700;margin:6px 0}.cta-link:hover{background:#117d5e}.cta-link[hidden]{display:none!important}.inbox-item{width:100%;display:block;text-align:left;background:white;color:#333;border:1px solid #e6dfea;margin:8px 0}.inbox-item:hover{background:#f7edf4}.unread{display:inline-block;border-radius:12px;background:#d33b76;color:white;padding:3px 9px;font-size:12px}.mobile-actions{display:flex;gap:8px;flex-wrap:wrap}.login-shell{max-width:460px;margin:40px auto}.inbox-layout{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:16px}@media(max-width:740px){.inbox-layout{grid-template-columns:1fr}}