/* q1 - Art Deco 装饰艺术 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Playfair Display",Georgia,"Noto Serif SC",serif;background:#faf8f0;color:#1a1a0e;font-size:16px;line-height:1.7}
a{color:#b8860b;text-decoration:none}a:hover{color:#d4a017}
.q1-container{max-width:1060px;margin:0 auto;padding:0 24px}
.q1-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:3px double #b8860b;margin-bottom:32px}.q1-nav .q1-brand{font-size:20px;font-weight:900;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.q1-nav .q1-brand img{height:30px}.q1-nav .q1-links{display:flex;gap:20px}.q1-nav .q1-links a{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#3d3d2e}.q1-nav .q1-links a:hover{color:#b8860b}.q1-nav .drop{position:relative}.q1-nav .drop-menu{display:none;position:absolute;top:100%;right:0;background:#faf8f0;border:3px double #b8860b;min-width:160px;padding:6px 0}.q1-nav .drop:hover .drop-menu{display:block}.q1-nav .drop-menu a{display:block;padding:8px 18px;font-size:12px}
.q1-btn{display:inline-block;padding:10px 28px;background:linear-gradient(135deg,#b8860b,#d4a017);color:#fff;font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;border:none}.q1-btn:hover{background:linear-gradient(135deg,#d4a017,#f0c040)}.q1-btn-outline{background:transparent;color:#b8860b;border:2px solid #b8860b;clip-path:none;border-radius:0}
.q1-hero{text-align:center;padding:50px 0 40px;position:relative}.q1-hero::before{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#b8860b,transparent)}.q1-hero .q1-tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#b8860b;border:2px solid #b8860b;padding:6px 20px;margin-bottom:24px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.q1-hero h1{font-size:46px;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}.q1-hero p{color:#6b6b5e;font-size:15px;max-width:480px;margin:0 auto 24px;font-family:Inter,sans-serif}
.q1-stats{display:flex;justify-content:space-around;padding:30px 0;text-align:center;border-top:3px double #b8860b;border-bottom:3px double #b8860b;margin:30px 0}.q1-stat .qs-val{font-size:36px;font-weight:900;color:#b8860b;letter-spacing:1px}.q1-stat .qs-lbl{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8b8b6e;margin-top:6px}
.q1-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.q1-card{background:#fff;border:2px solid #e8e4d0;overflow:hidden;transition:.3s;clip-path:polygon(0 0,100% 6px,100% 100%,0 calc(100% - 6px))}.q1-card:hover{border-color:#b8860b;transform:translateY(-2px)}.q1-card .qc-thumb{height:150px;overflow:hidden}.q1-card .qc-thumb img{width:100%;height:100%;object-fit:cover}.q1-card .qc-body{padding:16px 18px}.q1-card .qc-body h4{font-size:15px;font-weight:700;letter-spacing:0.5px}.q1-card .qc-body .qc-meta{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#b8860b;margin-top:4px}
.q1-hgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.q1-hcard{display:flex;background:#fff;border:2px solid #e8e4d0;overflow:hidden}.q1-hcard:hover{border-color:#b8860b}.q1-hcard .qh-img{width:200px;flex-shrink:0}.q1-hcard .qh-img img{width:100%;height:100%;object-fit:cover}.q1-hcard .qh-body{padding:24px}.q1-hcard .qh-body .qh-tag{display:inline-block;background:#b8860b;color:#fff;padding:2px 10px;font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.q1-hcard .qh-body h4{font-size:17px;font-weight:700}.q1-hcard .qh-body p{font-size:13px;color:#6b6b5e;font-family:Inter,sans-serif}
.q1-faq .fq{border-bottom:2px solid #e8e4d0;padding:16px 0}.q1-faq .fq .q{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;letter-spacing:1px}.q1-faq .fq .q::after{content:'+'}.q1-faq .fq.open .q::after{content:'−'}.q1-faq .fq .a{max-height:0;overflow:hidden;transition:.3s;color:#6b6b5e;font-family:Inter,sans-serif}.q1-faq .fq.open .a{max-height:240px;padding-top:10px}
.q1-cta{text-align:center;padding:50px 0;background:linear-gradient(135deg,#1a1a0e,#3d3d2e);color:#faf8f0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);margin:30px 0}.q1-cta h2{font-size:30px;font-weight:900;letter-spacing:2px}.q1-cta p{opacity:0.6;margin-bottom:24px;font-family:Inter,sans-serif}
.q1-partners{overflow:hidden;padding:24px 0}.q1-partners .track{display:flex;gap:24px;animation:q1p 24s linear infinite;width:fit-content}.q1-partners .item{flex-shrink:0;border:2px solid #e8e4d0;padding:14px 24px}.q1-partners .item img{height:34px;opacity:0.5}.q1-partners .item:hover img{opacity:1}@keyframes q1p{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.q1-footer{background:#1a1a0e;color:#8b8b6e;padding:40px 0 24px;font-size:13px;font-family:Inter,sans-serif}.q1-footer a{color:#8b8b6e}.q1-footer a:hover{color:#d4a017}.q1-footer .qf-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-bottom:20px}.q1-footer h4{color:#d4a017;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.q1-footer .qf-bot{text-align:center;padding-top:16px;border-top:2px solid rgba(184,134,11,0.2)}
.q1-detail{padding-top:24px}.q1-row{display:flex;gap:24px;flex-wrap:wrap}.q1-col-main{flex:2}.q1-col-side{flex:1;min-width:240px}.q1-pcard{background:#fff;border:2px solid #e8e4d0;margin-bottom:14px}.q1-pcard-hd{padding:14px 18px;border-bottom:2px solid #e8e4d0;font-weight:700;letter-spacing:1px}.q1-pcard-bd{padding:18px}.q1-bread{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b8860b;padding:10px 0}.q1-art-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f5f2e8}.q1-art-item .art-t{width:150px;height:100px;overflow:hidden;flex-shrink:0}.q1-art-item .art-t img{width:100%;height:100%;object-fit:cover}.q1-art-item .art-i h4{font-size:15px;font-weight:700}.q1-art-item .art-i .art-d{font-size:12px;color:#8b8b6e;font-family:Inter,sans-serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.q1-list-i{padding:8px 0;border-bottom:1px solid #faf8f0}.q1-list-i a{color:#6b6b5e;font-size:13px;font-family:Inter,sans-serif}.q1-tags{display:flex;gap:5px;flex-wrap:wrap}.q1-tags a{padding:4px 12px;border:1px solid #e8e4d0;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b8860b}.q1-pag{display:flex;justify-content:center;gap:4px;padding:20px 0}.q1-pag a,.q1-pag span{padding:8px 14px;border:2px solid #e8e4d0;font-size:12px;font-family:Inter,sans-serif;color:#6b6b5e}.q1-pag a:hover{background:#b8860b;color:#fff}.q1-pag .active span{background:#b8860b;color:#fff}.q1-404{text-align:center;padding:100px 20px}.q1-404 .code{font-size:160px;font-weight:900;color:#f5f2e8}
@media(max-width:768px){.q1-nav{flex-wrap:wrap;gap:10px;justify-content:center}.q1-nav .q1-brand{width:100%;justify-content:center}.q1-nav .q1-links{flex-wrap:wrap;justify-content:center}.q1-grid3{grid-template-columns:1fr}.q1-hgrid{grid-template-columns:1fr}}
.q1-tagstrip{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;justify-content:center}.q1-tagstrip a{padding:5px 16px;border:2px solid #e8e4d0;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#b8860b;font-family:Inter,sans-serif}.q1-tagstrip a:hover{background:#b8860b;color:#fff}
.q1-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 0}.q1-icon{text-align:center;padding:28px 20px;background:#fff;border:2px solid #e8e4d0;clip-path:polygon(0 0,100% 4px,100% 100%,0 calc(100% - 4px))}.q1-icon .pi-img{width:56px;height:56px;margin:0 auto 12px;overflow:hidden}.q1-icon .pi-img img{width:100%;height:100%;object-fit:cover}.q1-icon h4{font-size:14px;font-weight:700;letter-spacing:1px}.q1-icon p{font-size:11px;color:#8b8b6e;font-family:Inter,sans-serif}
.q1-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:30px 0}.q1-review{text-align:center;padding:24px 20px;background:#fff;border:2px solid #e8e4d0}.q1-review .pr-stars{color:#d4a017;font-size:14px;margin-bottom:8px}.q1-review .pr-text{font-size:13px;color:#6b6b5e;font-family:Inter,sans-serif;line-height:1.7;font-style:italic}.q1-review .pr-name{font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:8px;color:#b8860b}
@media(max-width:768px){.q1-icons{grid-template-columns:1fr 1fr}.q1-reviews{grid-template-columns:1fr}}
