/* q3 - Soft Pastel 柔粉彩 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Nunito",-apple-system,"PingFang SC",sans-serif;background:linear-gradient(180deg,#fdf2f8,#f0fdf4,#eff6ff);background-attachment:fixed;color:#4a3060;font-size:15px;line-height:1.7}
a{color:#a855f7;text-decoration:none}a:hover{color:#9333ea}
.q3-container{max-width:1060px;margin:0 auto;padding:0 20px}
.q3-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;margin:16px 0;background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);border-radius:100px}.q3-nav .q3-brand{font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px;color:#a855f7}.q3-nav .q3-brand img{height:28px;border-radius:50%}.q3-nav .q3-links{display:flex;gap:4px}.q3-nav .q3-links a{padding:7px 16px;border-radius:50px;font-size:13px;font-weight:600;color:#7c5e9e}.q3-nav .q3-links a:hover{background:#fdf2f8;color:#a855f7}.q3-nav .drop{position:relative}.q3-nav .drop-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border-radius:20px;min-width:160px;padding:8px 0;box-shadow:0 8px 30px rgba(0,0,0,0.06)}.q3-nav .drop:hover .drop-menu{display:block}.q3-nav .drop-menu a{display:block;padding:8px 20px;font-size:13px}
.q3-btn{display:inline-block;padding:11px 28px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#a855f7,#d946ef);color:#fff;box-shadow:0 4px 20px rgba(168,85,247,0.25)}.q3-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(168,85,247,0.35)}.q3-btn-soft{background:#fff;color:#a855f7;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.q3-hero{text-align:center;padding:60px 0 40px}.q3-hero .q3-badge{display:inline-block;padding:6px 22px;background:linear-gradient(135deg,#fdf2f8,#ede9fe);border-radius:50px;font-size:12px;font-weight:700;color:#a855f7;margin-bottom:20px}.q3-hero h1{font-size:42px;font-weight:800;line-height:1.15;margin-bottom:12px}.q3-hero p{color:#8b7e9e;font-size:15px;max-width:480px;margin:0 auto 24px}
.q3-stats{display:flex;justify-content:space-around;padding:24px;background:#fff;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,0.03);text-align:center;margin:20px 0}.q3-stat .qs-val{font-size:32px;font-weight:800;background:linear-gradient(135deg,#a855f7,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.q3-stat .qs-lbl{font-size:11px;color:#8b7e9e;margin-top:4px}
.q3-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.q3-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 3px 16px rgba(0,0,0,0.03);transition:.3s}.q3-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(168,85,247,0.1)}.q3-card .qc-thumb{height:150px;overflow:hidden;border-radius:20px 20px 0 0}.q3-card .qc-thumb img{width:100%;height:100%;object-fit:cover}.q3-card .qc-body{padding:16px 18px}.q3-card .qc-body h4{font-size:15px;font-weight:700}.q3-card .qc-body .qc-meta{font-size:11px;color:#b0a0c0;margin-top:4px}
.q3-hgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0}.q3-hcard{display:flex;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,0.03)}.q3-hcard:hover{box-shadow:0 6px 24px rgba(168,85,247,0.08)}.q3-hcard .qh-img{width:190px;flex-shrink:0;border-radius:20px 0 0 20px;overflow:hidden}.q3-hcard .qh-img img{width:100%;height:100%;object-fit:cover}.q3-hcard .qh-body{padding:24px}.q3-hcard .qh-body .qh-tag{display:inline-block;padding:3px 12px;background:#fdf2f8;color:#a855f7;border-radius:50px;font-size:10px;font-weight:700;margin-bottom:8px}.q3-hcard .qh-body h4{font-size:16px;font-weight:700}.q3-hcard .qh-body p{font-size:13px;color:#8b7e9e}
.q3-faq .fq{background:#fff;border-radius:18px;margin-bottom:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.02)}.q3-faq .fq .q{padding:16px 24px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.q3-faq .fq .q::after{content:'+'}.q3-faq .fq.open .q::after{content:'−'}.q3-faq .fq .a{padding:0 24px;max-height:0;overflow:hidden;transition:.4s;color:#8b7e9e}.q3-faq .fq.open .a{padding:0 24px 18px;max-height:240px}
.q3-cta{text-align:center;padding:60px 0;background:linear-gradient(135deg,#fdf2f8,#ede9fe,#ddf0ff);border-radius:24px;margin:30px 0}.q3-cta h2{font-size:28px;font-weight:800;margin-bottom:8px}.q3-cta p{color:#8b7e9e;margin-bottom:24px}
.q3-partners{overflow:hidden;padding:24px 0}.q3-partners .track{display:flex;gap:16px;animation:q3p 24s linear infinite;width:fit-content}.q3-partners .item{flex-shrink:0;background:#fff;border-radius:16px;padding:14px 22px;box-shadow:0 2px 8px rgba(0,0,0,0.02)}.q3-partners .item img{height:34px;opacity:0.5}.q3-partners .item:hover img{opacity:1}@keyframes q3p{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.q3-footer{background:#4a3060;color:#b0a0c0;padding:40px 0 24px;font-size:13px;text-align:center}.q3-footer a{color:#b0a0c0}.q3-footer a:hover{color:#e9d5ff}
.q3-detail{padding-top:24px}.q3-row{display:flex;gap:20px;flex-wrap:wrap}.q3-col-main{flex:2}.q3-col-side{flex:1;min-width:240px}.q3-pcard{background:#fff;border-radius:20px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,0.02);overflow:hidden}.q3-pcard-hd{padding:16px 20px;border-bottom:1px solid #f5f0fa;font-weight:700}.q3-pcard-bd{padding:20px}.q3-bread{font-size:12px;color:#b0a0c0;padding:10px 0}.q3-art-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #faf5ff}.q3-art-item .art-t{width:160px;height:110px;border-radius:14px;overflow:hidden;flex-shrink:0}.q3-art-item .art-t img{width:100%;height:100%;object-fit:cover}.q3-art-item .art-i h4{font-size:14px;font-weight:700}.q3-art-item .art-i .art-d{font-size:12px;color:#b0a0c0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.q3-list-i{padding:8px 0;border-bottom:1px solid #faf5ff}.q3-list-i a{color:#7c5e9e;font-size:13px}.q3-tags{display:flex;gap:6px;flex-wrap:wrap}.q3-tags a{padding:5px 14px;background:#fdf2f8;color:#a855f7;border-radius:50px;font-size:11px;font-weight:600}.q3-pag{display:flex;justify-content:center;gap:6px;padding:24px 0}.q3-pag a,.q3-pag span{padding:8px 16px;background:#fff;border-radius:50px;font-size:12px;color:#8b7e9e;box-shadow:0 1px 4px rgba(0,0,0,0.03)}.q3-pag a:hover{background:#a855f7;color:#fff}.q3-pag .active span{background:#a855f7;color:#fff}.q3-404{text-align:center;padding:100px 20px}.q3-404 .code{font-size:140px;font-weight:800;color:#faf5ff}
@media(max-width:768px){.q3-nav{flex-wrap:wrap;gap:8px;justify-content:center}.q3-nav .q3-brand{width:100%;justify-content:center}.q3-nav .q3-links{flex-wrap:wrap;justify-content:center}.q3-grid3{grid-template-columns:1fr}.q3-hgrid{grid-template-columns:1fr}}
.q3-tagstrip{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;justify-content:center}.q3-tagstrip a{padding:5px 16px;background:#fdf2f8;color:#a855f7;border-radius:50px;font-size:11px;font-weight:600}.q3-tagstrip a:hover{background:#a855f7;color:#fff}
.q3-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:30px 0}.q3-icon{text-align:center;padding:28px 20px;background:#fff;border-radius:20px;box-shadow:0 3px 14px rgba(0,0,0,0.03)}.q3-icon .pi-img{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#fdf2f8,#ede9fe)}.q3-icon .pi-img img{width:100%;height:100%;object-fit:cover}.q3-icon h4{font-size:15px;font-weight:700}.q3-icon p{font-size:12px;color:#b0a0c0}
.q3-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:30px 0}.q3-review{text-align:center;padding:24px 20px;background:#fff;border-radius:20px;box-shadow:0 3px 14px rgba(0,0,0,0.03)}.q3-review .pr-stars{font-size:15px;color:#f59e0b;margin-bottom:8px}.q3-review .pr-text{font-size:13px;color:#8b7e9e;line-height:1.7;font-style:italic}.q3-review .pr-name{font-weight:700;font-size:13px;margin-top:8px}
@media(max-width:768px){.q3-icons{grid-template-columns:1fr 1fr}.q3-reviews{grid-template-columns:1fr}}