*,:before,:after{box-sizing:border-box}:root{--pink:#f0506e;--pink-dark:#e03d5c;--pink-light:#ff8fa3;--red-deep:#d62839;--text:#333;--text-muted:#888;--border:#e8e8e8;--white:#fff;--shadow-card:0 12px 40px #0000001f;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}#root{min-height:100vh}img{max-width:100%;display:block}button,input,select{font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.hero{background:linear-gradient(125deg,#c41e3a 0%,#e8354f 35%,#ff6b8a 70%,#ff9eb0 100%);padding:48px 24px 64px;position:relative;overflow:hidden}.hero__decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal{background:#ffc8d280;border-radius:50% 0 50% 50%;width:24px;height:24px;position:absolute;transform:rotate(45deg)}.petal--1{opacity:.6;top:12%;left:8%}.petal--2{opacity:.4;width:16px;height:16px;top:55%;left:15%}.petal--3{opacity:.35;width:20px;height:20px;top:25%;right:42%}.heart-outline{border:3px solid #ffffff26;border-radius:50%;width:80px;height:80px;position:absolute;top:18%;right:28%;transform:rotate(-15deg)}.heart-outline:before{content:"";width:36px;height:36px;clip-path:path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");background:#ffffff14;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}.balloon{background:#ffb4c359;border-radius:50%/60% 60% 40% 40%;width:40px;height:52px;position:absolute}.balloon--1{bottom:20%;left:5%}.balloon--2{background:#ffdce64d;width:28px;height:36px;top:30%;right:8%}.hero__inner{z-index:1;grid-template-columns:1fr 380px;align-items:center;gap:40px;max-width:1100px;margin:0 auto;display:grid;position:relative}.hero__copy{color:var(--white);text-align:left}.hero__tagline{opacity:.95;letter-spacing:2px;margin:0 0 16px;font-size:15px}.hero__title{letter-spacing:1px;text-shadow:0 2px 12px #00000026;margin:0 0 20px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.25}.hero__subtitle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:4px;margin:0;padding:10px 18px;font-size:14px;display:inline-block}.register-card{background:var(--white);box-shadow:var(--shadow-card);text-align:left;border-radius:12px;padding:28px 24px 24px}.register-card__title{color:var(--text);text-align:center;margin:0 0 22px;font-size:17px;font-weight:600;line-height:1.4}.form-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.form-label{color:var(--text-muted);flex:0 0 48px;font-size:14px}.form-radios{flex:1;gap:16px;display:flex}.radio-pill{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:14px;display:flex}.radio-pill input{accent-color:var(--pink);width:16px;height:16px}.form-selects{flex:1;gap:8px;min-width:0;display:flex}.form-selects select,.form-select-full{border:1px solid var(--border);min-width:0;height:36px;color:var(--text);background:var(--white);cursor:pointer;border-radius:4px;flex:1;padding:0 10px;font-size:13px}.form-select-full{width:100%}.btn-register{background:var(--pink);width:100%;height:44px;color:var(--white);cursor:pointer;border:none;border-radius:6px;margin-top:8px;font-size:16px;font-weight:600;transition:background .2s,transform .15s}.btn-register:hover{background:var(--pink-dark)}.btn-register:active{transform:scale(.98)}.elite{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:48px 24px 56px}.elite__header{text-align:center;margin-bottom:28px}.elite__title{color:var(--text);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:600;display:inline-flex}.elite__icon{color:var(--pink);display:flex}.elite__en{color:var(--text-muted);font-size:16px;font-weight:400}.elite__line{background:linear-gradient(90deg, transparent, var(--pink-light), transparent);border-radius:2px;width:120px;height:3px;margin:12px auto 0}.elite__tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.elite__tab{border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 24px;font-size:14px;transition:all .2s}.elite__tab:hover{border-color:var(--pink-light);color:var(--pink)}.elite__tab--active{background:var(--pink);border-color:var(--pink);color:var(--white)}.member-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.member-card{margin:0}.member-card__btn{cursor:pointer;aspect-ratio:1;background:#f5f5f5;border:none;border-radius:6px;width:100%;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.member-card__btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f0506e40}.member-card__btn{color:inherit;text-decoration:none;display:block;position:relative}.member-card__btn img{object-fit:cover;width:100%;height:100%}.member-card__name{color:#fff;text-align:center;background:linear-gradient(#0000,#000000a6);padding:8px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.form-input-full{border:1px solid var(--border);border-radius:4px;flex:1;height:36px;padding:0 10px;font-size:13px}.form-error{color:#c41e3a;background:#fff0f2;border-radius:4px;margin:0 0 12px;padding:8px 12px;font-size:13px}.register-card--done p{text-align:center;color:var(--text-muted);margin:0}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#fffffff2;position:sticky;top:0;box-shadow:0 1px 8px #0000000a}.navbar__inner{align-items:center;gap:16px;max-width:1100px;height:56px;margin:0 auto;padding:0 20px;display:flex}.navbar__brand{color:var(--pink);white-space:nowrap;font-size:18px;font-weight:700;text-decoration:none}.navbar__brand span{color:var(--text);font-weight:500}.navbar__links{flex:1;gap:4px;display:flex}.navbar__links button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:14px}.navbar__links button:hover{color:var(--pink);background:#fff5f7}.navbar__actions{align-items:center;gap:10px;display:flex}.navbar__user{color:var(--text-muted);font-size:12px}.navbar__btn{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:6px 16px;font-size:13px;text-decoration:none}.navbar__btn--outline{color:var(--pink);border:1px solid var(--pink);background:0 0}.section{max-width:1100px;margin:0 auto;padding:48px 24px}.section__header,.elite__header{text-align:center;margin-bottom:28px}.section__title{margin:0;font-size:22px;font-weight:600}.section__line,.elite__line{background:linear-gradient(90deg, transparent, var(--pink-light), transparent);width:120px;height:3px;margin:12px auto 0}.section__loading{text-align:center;color:var(--text-muted)}.stories__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.story-card{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.story-card img{object-fit:cover;width:100%;height:160px}.story-card__body{text-align:left;padding:16px}.story-card h3{margin:0 0 6px;font-size:16px}.story-card__couple{color:var(--pink);margin:0 0 8px;font-size:13px}.story-card__text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.matchmakers__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mm-card{text-align:center;border:1px solid var(--border);border-radius:12px;padding:24px 20px}.mm-card img{object-fit:cover;border-radius:50%;width:120px;height:120px;margin:0 auto 16px}.mm-card h3{margin:0 0 4px}.mm-card__title{color:var(--pink);margin:0 0 8px;font-size:14px}.mm-card__stats{color:var(--text-muted);margin:0 0 12px;font-size:12px}.mm-card__bio{color:var(--text-muted);text-align:left;margin:0;font-size:13px;line-height:1.6}.auth-page,.member-detail,.admin{max-width:1100px;margin:0 auto;padding:40px 24px}.auth-card{border:1px solid var(--border);text-align:left;border-radius:12px;max-width:400px;margin:0 auto;padding:32px}.auth-card h1{text-align:center;margin:0 0 24px;font-size:22px}.auth-card label{color:var(--text-muted);margin-bottom:16px;font-size:14px;display:block}.auth-card input{border:1px solid var(--border);border-radius:6px;width:100%;height:40px;margin-top:6px;padding:0 12px;display:block}.auth-card__hint,.auth-card__demo{text-align:center;color:var(--text-muted);margin:16px 0 0;font-size:13px}.auth-card__demo{background:#f9f9f9;border-radius:4px;padding:8px;font-size:12px}.page-status{text-align:center;color:var(--text-muted);padding:80px 24px}.page-status--error{color:#c41e3a}.back-link{color:var(--pink);margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-block}.member-detail__card{grid-template-columns:360px 1fr;align-items:start;gap:40px;display:grid}.member-detail__card>img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.member-detail__info h1{margin:0 0 16px;font-size:28px}.member-detail__meta{color:var(--text-muted);margin:0 0 20px;padding:0;list-style:none}.member-detail__meta li{margin-bottom:6px}.member-detail__bio{margin-bottom:24px;line-height:1.8}.admin h1{margin:0 0 20px}.admin__tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.admin__msg{color:#276749;background:#f0fff4;border-radius:6px;margin-bottom:16px;padding:10px 14px}.admin-form{text-align:left;background:#fafafa;border-radius:10px;margin-bottom:24px;padding:20px}.admin-form__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-form h2{margin:0;font-size:16px}.admin-link-btn{color:var(--pink);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.admin-form__full{grid-column:1/-1}.admin-form__photo{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-form__preview{object-fit:cover;border-radius:8px;width:72px;height:72px}.admin-form__preview--wide{width:120px;height:72px}.admin-form__hint{color:var(--text-muted);font-size:12px}.admin-form__grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:13px}.admin-check{align-items:center;gap:6px;font-size:13px;display:flex}.admin-list{text-align:left;margin:0;padding:0;list-style:none}.admin-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.admin-list__active{background:#fff8fa;border-radius:8px;margin:0 -12px;padding-left:12px;padding-right:12px}.admin-list__actions{gap:8px;margin-left:auto;display:flex}.admin-edit{border:1px solid var(--pink);color:var(--pink);cursor:pointer;background:#fff;border-radius:4px;padding:4px 12px;font-size:12px}.admin-msg-close{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:12px;font-size:16px}.admin-list img{object-fit:cover;border-radius:6px}.admin-del{color:#c41e3a;cursor:pointer;background:#fee;border:none;border-radius:4px;margin-left:auto;padding:4px 12px;font-size:12px}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{border:1px solid var(--border);text-align:left;padding:8px 12px}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:20px;font-size:12px}.site-footer p{margin:0}@media (width<=900px){.hero__inner{grid-template-columns:1fr;max-width:420px}.hero__copy{text-align:center}.hero__tagline{text-align:right}.member-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.hero{padding:32px 16px 48px}.form-row{flex-direction:column;align-items:stretch;gap:6px}.form-label{flex:none}.member-grid{grid-template-columns:repeat(2,1fr);gap:10px}.elite__tab{padding:8px 16px;font-size:13px}.navbar__links{display:none}.stories__grid,.matchmakers__grid,.member-detail__card,.admin-form__grid{grid-template-columns:1fr}}