/* QFELL — title page. Static reference images are from the approved screenshot. */
.qf-home{display:block;padding-top:0}
.qf-welcome{display:flex;align-items:center;gap:12px;min-height:59px;margin:0 0 11px;padding:7px 13px;border:1px solid #cfe8fc;border-radius:11px;background:linear-gradient(105deg,#fff,#f7fcff);}
.qf-welcome-icon{width:31px;height:31px;object-fit:contain;flex:0 0 auto}
.qf-welcome h1{margin:0 0 3px;color:#0054b2;font-size:16px;line-height:1.2;font-weight:800}
.qf-welcome p{margin:0;color:#5f8cc7;font-size:12px;line-height:1.35}
.qf-dashboard{display:grid;grid-template-columns:1.05fr .99fr 1.05fr;gap:11px;align-items:start}
.qf-column{display:flex;flex-direction:column;gap:11px;min-width:0}
.qf-card{min-width:0;overflow:hidden;border:1px solid #d4e8fa;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 2px 6px rgba(26,93,149,.025)}
.qf-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px;padding:6px 12px;border-bottom:1px solid #e4f0fa;background:rgba(255,255,255,.88)}
.qf-card-head h2{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:#08245b;font-size:15px;line-height:1.15;font-weight:800;white-space:nowrap}
.qf-card-head h2 img{width:25px;height:25px;object-fit:contain;flex:0 0 auto}
.qf-card-head>a{color:#0075ff!important;text-decoration:none!important;font-size:11px;font-weight:700;white-space:nowrap}
.qf-card-head>a:hover{text-decoration:underline!important}
.qf-pair-card{height:297px;background:#fff8fc;border-color:#f7d9e9}
.qf-pair-card .qf-card-head{background:rgba(255,255,255,.86)}
.qf-pair-body{position:relative;height:255px;padding:14px 11px 12px;background:radial-gradient(circle at 18% 18%,rgba(255,117,189,.08),transparent 34%),linear-gradient(140deg,#fff4fa,#fff9fc)}
.qf-pair-silhouette{position:absolute;inset:7px 0 auto;text-align:center;color:rgba(255,78,168,.11);font-size:28px;letter-spacing:22px;pointer-events:none}
.qf-pair-people{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:4px;margin-top:15px}
.qf-pair-person{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;width:39%}
.qf-pair-person>img{display:block;width:clamp(86px,10.8vw,116px);height:clamp(86px,10.8vw,116px);object-fit:cover;border-radius:7px;border:2px solid #ff238f;background:#fff;padding:2px;}
.qf-pair-person:last-child>img{border-color:#078cff}
.qf-pair-person strong{font-size:14px;white-space:nowrap;font-weight:800}
.qf-pair-person .female{color:#ff1689}.qf-pair-person .male{color:#0785ff}
.qf-pair-heart{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:34px;height:34px;object-fit:contain;z-index:2}
.qf-together{position:relative;z-index:1;width:max-content;max-width:100%;margin:15px auto 0;padding:9px 18px;border:1px solid #ffb9dd;border-radius:13px;background:#fff;color:#09265c;font-size:14px;font-weight:700;text-align:center}
.qf-together b{color:#ff168f;font-size:16px}
.qf-new-members{height:236px}
.qf-new-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 5px;padding:9px 10px 8px}
.qf-mini-user{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;text-decoration:none!important}
.qf-mini-user img{width:clamp(47px,5.8vw,62px);height:clamp(47px,5.8vw,62px);object-fit:cover;border-radius:5px}
.qf-mini-user strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;font-weight:700}
.qf-mini-user .female{color:#fa1d8e}.qf-mini-user .male{color:#087cff}
.qf-comment-card{height:199px}
.qf-comment-body{display:grid;grid-template-columns:57px minmax(0,1fr);gap:9px 8px;padding:11px 13px}
.qf-comment-avatar{width:57px;height:57px;object-fit:cover;border-radius:5px}
.qf-comment-content{min-width:0;padding-top:2px}
.qf-comment-content>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}
.qf-comment-content b{color:#0878ff;font-size:12px}.qf-comment-content time{color:#7c9cc8;font-size:11px}
.qf-comment-content p{margin:7px 0 0;color:#2763b1;font-size:13px;line-height:1.35}
.qf-comment-empty{grid-column:1/-1;min-height:60px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #dceefa;border-radius:9px;background:#f7fbff;color:#6083b9;text-align:center;font-size:12px;line-height:1.45}
.qf-gifts-card{height:790px}
.qf-gifts-card>.qf-card-head{height:40px}
.qf-gift-list{padding:7px 12px 6px;display:flex;flex-direction:column;gap:8px}
.qf-gift-row{display:grid;grid-template-columns:60px minmax(65px,1fr) 60px;grid-template-rows:80px 25px;align-items:center;min-width:0;}
.qf-gift-person{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-decoration:none!important;align-self:start}
.qf-gift-person img{display:block;width:60px;height:62px;object-fit:cover;border-radius:4px}
.qf-gift-person b{max-width:100%;font-size:11px;line-height:1.1;color:#087dff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qf-gift-person b.female{color:#ff1689}
.qf-gift-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:76px}
.qf-gift-art img{width:75px;height:67px;object-fit:contain}
.qf-gift-art span{position:absolute;right:-1px;top:27px;color:#ff7cbb;font-size:24px;font-weight:900;line-height:1}
.qf-gift-note{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-width:0;margin-top:1px;padding:4px 5px;border-radius:7px;background:#f0f8ff;color:#6d8ebd;font-size:11px;line-height:1.15}
.qf-gift-note img{width:16px;height:16px;object-fit:contain;flex:0 0 auto}
.qf-gift-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.qf-gift-note time{font-size:10px;white-space:nowrap;color:#5d8acb}
.qf-store-banner{display:block;overflow:hidden;line-height:0;padding:6px;border:1px solid #d6e8fa;border-radius:10px;background:#fff}
.qf-store-banner img{display:block;width:100%;height:auto;aspect-ratio:314/154;object-fit:cover;border-radius:5px}
.qf-online-card{height:135px}
.qf-online-card .qf-card-head{min-height:40px}
.qf-online-card .qf-card-head h2{font-size:14px}
.qf-online-dot{width:16px;height:16px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#12cf85;box-shadow:0 0 0 5px #dcfff0;margin-right:1px}
.qf-online-card .qf-card-head h2 b{color:#08245b}
.qf-online-body{height:93px;padding:9px 15px}
.qf-online-user{display:flex;flex-direction:column;align-items:center;width:67px;gap:2px;color:#007bff!important;text-decoration:none!important;font-size:11px}
.qf-online-user img{width:64px;height:64px;border-radius:5px;object-fit:cover}
.qf-top-card{height:214px;background:#fffbec;border-color:#f2e3b4}
.qf-top-card .qf-card-head{min-height:40px}
.qf-top-body{position:relative;display:grid;grid-template-columns:68px 70px minmax(0,1fr);align-items:center;gap:6px;padding:10px 10px 8px;background:linear-gradient(120deg,#fffdf5,#fff9e4)}
.qf-medal{width:65px;height:65px;object-fit:contain}
.qf-top-avatar{width:67px;height:67px;object-fit:cover;border-radius:6px}
.qf-top-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.qf-top-name b{color:#0783f6;font-size:19px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
.qf-top-name span{color:#7398cd;font-size:12px;line-height:1.25}
.qf-top-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:5px}
.qf-top-metrics>div{min-width:0;height:59px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:24px 20px;align-items:center;justify-items:center;column-gap:2px;padding:5px;border:1px solid #e2eafa;border-radius:9px;background:#fff}
.qf-top-metrics img{width:18px;height:18px;object-fit:contain}
.qf-top-metrics b{font-size:14px;color:#0b2e70}
.qf-top-metrics span{grid-column:1/-1;color:#7295c7;font-size:10px;white-space:nowrap}
.qf-birthday-card{height:241px;background:#fff4fa;border-color:#f8d7ea}
.qf-birthday-card .qf-card-head{min-height:40px}
.qf-birthday-body{height:200px;position:relative;padding:13px 8px 8px;overflow:hidden;background:radial-gradient(circle at 15% 80%,rgba(255,105,184,.17),transparent 22%),radial-gradient(circle at 90% 75%,rgba(255,105,184,.16),transparent 20%),linear-gradient(140deg,#fff1f9,#fffafd)}
.qf-birthday-sparkles{position:absolute;top:1px;left:0;right:0;text-align:center;color:#ffb9de;letter-spacing:3px;font-size:17px;white-space:nowrap}
.qf-birthday-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:9px}
.qf-birthday-grid a{display:flex;align-items:center;flex-direction:column;gap:3px;min-width:0;color:#09265c!important;text-decoration:none!important}
.qf-birthday-grid img{width:clamp(47px,5.7vw,64px);height:clamp(47px,5.7vw,64px);object-fit:cover;border-radius:4px}
.qf-birthday-grid b{font-size:11px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf-birthday-grid span{color:#9b79bb;font-size:12px;white-space:nowrap}
.qf-birthday-bottom{position:absolute;bottom:-2px;left:0;right:0;text-align:center;color:#ff8bc7;font-size:25px;letter-spacing:9px;white-space:nowrap}
.qf-gallery-card{margin-top:11px}
.qf-gallery-card .qf-card-head{min-height:39px}
.qf-gallery-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:6px 12px 7px}
.qf-gallery-grid a{display:block;min-width:0;overflow:hidden;border-radius:6px;line-height:0;background:#f6fbff}
.qf-gallery-grid img{display:block;width:100%;aspect-ratio:116/103;object-fit:cover}
.qf-stats-card{margin-top:10px;margin-bottom:0}
.qf-stats-card .qf-card-head{min-height:36px;border-bottom:0}
.qf-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 12px 9px}
.qf-stat{min-width:0;min-height:72px;display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid #dcecfb;border-radius:9px;background:linear-gradient(115deg,#fff,#f4faff)}
.qf-stat-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#e1f4ff}
.qf-stat-icon img{width:29px;height:29px;object-fit:contain}
.qf-stat-icon.green{background:#ddfff0}.qf-stat-icon.purple{background:#f0e9ff}.qf-stat-icon.pink{background:#ffe7f3}
.qf-stat>div:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}
.qf-stat span{font-size:10px;color:#0c3677;white-space:nowrap}
.qf-stat strong{font-size:18px;line-height:1.1;color:#08265e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qf-stat small{font-size:10px;line-height:1.1;color:#7397c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){.qf-shell{max-width:100%}.qf-card-head{padding-left:9px;padding-right:9px}.qf-card-head h2{font-size:14px}.qf-gift-list{padding-left:8px;padding-right:8px}.qf-gift-row{grid-template-columns:57px minmax(57px,1fr) 57px}.qf-gift-person img{width:57px;height:60px}.qf-gift-art img{width:67px}.qf-gift-art span{right:-2px}.qf-top-body{grid-template-columns:58px 61px minmax(0,1fr);gap:5px;padding-left:7px;padding-right:7px}.qf-medal{width:57px;height:57px}.qf-top-avatar{width:60px;height:64px}.qf-top-name b{font-size:17px}.qf-top-metrics{gap:4px}.qf-top-metrics>div{padding:3px}.qf-stat{gap:5px;padding:6px}.qf-stat-icon{width:39px;height:39px}.qf-stat-icon img{width:25px;height:25px}.qf-stat strong{font-size:15px}}
@media(max-width:820px){.qf-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.qf-left{grid-column:1}.qf-gifts-card{grid-column:2;grid-row:1/3;height:auto}.qf-right{grid-column:1;grid-row:2}.qf-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qf-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qf-stats-grid .qf-stat:last-child{grid-column:1/-1}.qf-pair-person>img{width:clamp(84px,12vw,112px);height:clamp(84px,12vw,112px)}}
@media(max-width:560px){.qf-welcome{align-items:flex-start;padding:10px}.qf-welcome h1{font-size:15px}.qf-welcome p{font-size:11px}.qf-dashboard{grid-template-columns:minmax(0,1fr);gap:10px}.qf-left,.qf-gifts-card,.qf-right{grid-column:1;grid-row:auto}.qf-gifts-card{height:auto}.qf-gift-row{grid-template-columns:60px minmax(70px,1fr) 60px;grid-template-rows:80px 25px}.qf-gift-person img{width:60px;height:62px}.qf-gift-art img{width:75px}.qf-gift-art span{right:2px}.qf-column{gap:10px}.qf-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:6px}.qf-stats-grid{grid-template-columns:1fr 1fr;padding:0 6px 8px}.qf-stat{min-height:64px}.qf-stat strong{font-size:14px}.qf-stat small{font-size:9px}.qf-pair-person>img{width:clamp(96px,30vw,130px);height:clamp(96px,30vw,130px)}.qf-pair-card{height:297px}.qf-new-grid{gap:10px 4px}.qf-mini-user img{width:58px;height:58px}.qf-comment-card{height:auto;min-height:199px}.qf-top-card,.qf-birthday-card{height:auto}.qf-birthday-body{height:200px}}