.rich-detail{color:var(--ink);font-size:15px;line-height:1.75;word-break:break-word} .rich-detail img{max-width:100%;height:auto;border-radius:10px;margin:8px 0;display:block} .rich-detail p{margin:8px 0} .rich-detail h1,.rich-detail h2,.rich-detail h3{font-weight:800;margin:14px 0 8px;line-height:1.4} .rich-detail ul,.rich-detail ol{padding-left:20px;margin:8px 0} .rich-detail li{margin:4px 0} .rich-detail table{border-collapse:collapse;width:100%;margin:10px 0} .rich-detail td,.rich-detail th{border:1px solid var(--line);padding:8px 10px;font-size:14px} .rich-detail blockquote{border-left:3px solid var(--gold);padding:6px 12px;margin:10px 0;color:var(--ink-soft);background:var(--gold-pale);border-radius:0 8px 8px 0} .rich-detail a{color:var(--gold-deep);text-decoration:underline} .section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px} .section-head h2{font-size:20px;font-weight:800} .flash-cd{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--red);background:#FBECEA;border:1px solid #F3D5D1;padding:4px 10px;border-radius:20px} .flash-cd b{font-size:13px;color:#C0392B;font-variant-numeric:tabular-nums} .link{color:var(--gold-deep);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px} .cat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px} .cat-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 10px;text-align:center;cursor:pointer;transition:all .2s} .cat-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold-bright)} .cat-ico{width:44px;height:44px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:var(--gold-deep);border-radius:12px;background:var(--gold-pale)} .cat-ico img{width:100%;height:100%;object-fit:cover;border-radius:12px} .banner-item{border-radius:18px} .addr-item{border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;transition:all .2s} .addr-item:hover{border-color:var(--gold)} .addr-item.sel{border-color:var(--gold-deep);background:var(--gold-pale)} .uc-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px} .uc-tabs span{padding:8px 16px;border-radius:9px;cursor:pointer;color:var(--ink-soft);font-weight:600;white-space:nowrap} .uc-tabs span.active{background:var(--gold-pale);color:var(--gold-deep)} .uc-grid>*{min-width:0} .uc-tabs::-webkit-scrollbar{height:4px} .uc-tabs::-webkit-scrollbar-thumb{background:rgba(201,162,91,.35);border-radius:4px} .banner-carousel{position:relative;border-radius:20px;overflow:hidden;margin-bottom:28px;height:240px;box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 0 1px rgba(226,184,108,.08)} .bc-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;display:flex;align-items:center;color:#fff;cursor:pointer;overflow:hidden} .bc-slide.active{opacity:1} .bc-slide::before{content:'';position:absolute;inset:-40%;background:radial-gradient(50% 50% at 20% 18%,rgba(226,184,108,.22),transparent 60%),radial-gradient(45% 45% at 82% 8%,rgba(226,184,108,.26),transparent 62%),radial-gradient(60% 60% at 50% 115%,rgba(120,150,220,.12),transparent 60%);mix-blend-mode:screen;animation:bcAurora 11s ease-in-out infinite} .bc-slide::after{content:'';position:absolute;top:-20%;bottom:-20%;left:-60%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);transform:skewX(-18deg);animation:bcSheen 5.5s ease-in-out infinite} .bc-deco{position:absolute;top:-48px;right:-30px;width:58%;height:auto;pointer-events:none;z-index:1} .bc-rings{animation:bcSpin 30s linear infinite;transform-origin:500px 52px} .bc-content{position:relative;z-index:2;text-align:left;max-width:76%;margin-left:5%;padding:22px 26px;background:linear-gradient(160deg,rgba(8,12,24,.62),rgba(8,12,24,.26));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,184,108,.22);border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)} .bc-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:2.6px;color:var(--gold-bright);text-transform:uppercase;margin-bottom:9px} .bc-content h2{font-size:28px;font-weight:800;letter-spacing:.5px;line-height:1.22;background:linear-gradient(115deg,#fff 0%,#f6e3b8 42%,#e2b86c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.28))} .bc-content p{opacity:.92;margin-top:8px;font-size:13.5px;color:#dbe4f2;line-height:1.6} .bc-hint{display:inline-flex;align-items:center;gap:6px;margin-top:15px;font-size:12.5px;font-weight:700;color:#f2d393} .bc-hint svg{width:13px;height:13px} .bc-dots{position:absolute;bottom:16px;right:20px;display:flex;gap:7px;z-index:3} .bc-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s} .bc-dot.active{width:26px;border-radius:5px;background:linear-gradient(90deg,var(--gold-bright),var(--gold-deep));box-shadow:0 0 10px rgba(226,184,108,.6)} @keyframes bcAurora{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,2%) scale(1.06)}} @keyframes bcSheen{0%{left:-60%}55%,100%{left:130%}} @keyframes bcSpin{to{transform:rotate(360deg)}} .ph-grad{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden} .ph-grad::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(168,132,63,.11) 1px,transparent 1px);background-size:13px 13px} .ph-grad::after{content:'';position:absolute;top:-32%;right:-26%;width:66%;height:66%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent 66%)} .ph-letter{position:relative;z-index:2;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 9px rgba(168,132,63,.08),0 0 0 20px rgba(168,132,63,.05),0 8px 20px rgba(168,132,63,.35);font-family:var(--font)} .shop-avatar{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;box-shadow:0 4px 12px rgba(168,132,63,.25)} .sort-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap} .sort-bar span{padding:7px 16px;border-radius:9px;cursor:pointer;color:var(--ink-soft);font-weight:600;font-size:13px;background:var(--bg-soft);transition:all .2s} .sort-bar span.active{background:var(--gold-deep);color:#fff} .cat-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap} .cat-tabs span{padding:7px 16px;border-radius:999px;cursor:pointer;color:var(--ink-soft);font-weight:600;font-size:13px;background:var(--bg-soft);transition:all .2s;border:1px solid transparent} .cat-tabs span:hover{border-color:var(--gold-bright);color:var(--gold-deep)} .cat-tabs span.active{background:var(--gold-pale);color:var(--gold-deep);border-color:var(--gold-bright)} .spec-values{display:flex;gap:8px;flex-wrap:wrap} .spec-val{padding:7px 16px;border-radius:9px;border:1px solid var(--line);cursor:pointer;font-size:13px;transition:all .2s;background:#fff} .spec-val:hover{border-color:var(--gold)} .spec-val.sel{border-color:var(--gold-deep);background:var(--gold-pale);color:var(--gold-deep);font-weight:600} .flash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px} .flash-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s} .flash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--pink)} .flash-card .thumb,.product-card .thumb{aspect-ratio:1/1;overflow:hidden;position:relative;background:linear-gradient(165deg,#f7efe0 0%,#efe2c8 55%,#e8d8b4 100%)} .flash-card .thumb img{width:100%;height:100%;object-fit:cover} .flash-tag{position:absolute;top:10px;left:10px} .fav-tag{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:all .2s;z-index:3} .fav-tag:hover{transform:scale(1.1);color:var(--red)} .fav-tag.favored{color:#fff;background:var(--red)} .fav-tag.favored svg{fill:currentColor} .btn-fav{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap} .btn-fav:hover{border-color:var(--red);color:var(--red)} .btn-fav.favored{border-color:var(--red);color:var(--red);background:#FFF5F5} .btn-fav.favored svg{fill:currentColor} .announce-bar{background:linear-gradient(90deg,var(--gold-pale),#FFF8EC 55%,var(--gold-pale));border-bottom:1px solid var(--gold-bright)} .announce-inner{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-size:13px;color:var(--gold-deep)} .announce-ico{display:flex;align-items:center;color:var(--gold-deep)} .announce-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .announce-link{display:inline-flex;align-items:center;gap:4px;color:var(--gold-deep);font-weight:700;margin-left:10px;flex-shrink:0;white-space:nowrap;padding:3px 14px;border:1px solid var(--gold-deep);border-radius:999px;background:#fff;cursor:pointer;transition:all .2s} .announce-link:hover{background:var(--gold-deep);color:#fff;border-color:var(--gold-deep)} .flash-card .body{padding:12px} .flash-card .name{font-size:13px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} .flash-card .shop{font-size:11px;color:var(--ink-soft);margin-top:2px} .flash-card .price-row{display:flex;align-items:baseline;gap:8px;margin-top:6px} .flash-card .price{font-size:17px;font-weight:800;color:var(--red)} .flash-card .market{font-size:11px;color:var(--ink-soft);text-decoration:line-through} .flash-progress{height:6px;background:var(--bg-soft);border-radius:3px;margin-top:8px;overflow:hidden} .flash-progress .bar{height:100%;background:linear-gradient(90deg,var(--red),var(--pink));border-radius:3px} .flash-meta{font-size:11px;color:var(--ink-soft);margin-top:6px} .coupon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px} .coupon-card{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s} .coupon-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gold-bright)} .coupon-card .cc-left{width:108px;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px} .coupon-card.platform .cc-left{background:linear-gradient(135deg,#E2B86C,#A8843F)} .coupon-card .cc-sym{font-size:13px;opacity:.9} .coupon-card .cc-amt{font-size:30px;font-weight:800;line-height:1} .coupon-card .cc-cond{font-size:11px;opacity:.9;margin-top:4px} .coupon-card .cc-right{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:4px} .coupon-card .cc-name{font-weight:700;font-size:14px} .coupon-card .cc-shop{font-size:12px;color:var(--ink-soft)} .coupon-card .cc-btn{display:inline-block;margin-top:6px;padding:4px 14px;border-radius:999px;border:1px solid var(--gold-deep);color:var(--gold-deep);font-size:12px;font-weight:600;text-align:center;width:fit-content} .coupon-card.received{opacity:.55} .coupon-card .cc-btn.received{border:1px solid var(--line);color:var(--ink-soft);background:var(--bg-soft)} .trace-timeline{position:relative;padding-left:22px} .trace-timeline::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line)} .trace-item{position:relative;padding:0 0 18px} .trace-item:last-child{padding-bottom:0} .trace-dot{position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--gold-bright)} .trace-item.latest .trace-dot{background:var(--gold-deep);border-color:var(--gold-deep);box-shadow:0 0 0 4px rgba(226,184,108,.25)} .trace-item.latest .trace-desc{color:var(--gold-deep);font-weight:700} .trace-desc{font-size:14px;line-height:1.4} .trace-meta{font-size:12px;color:var(--ink-soft);margin-top:3px} .topbar-search{flex:1 1 auto;max-width:300px;margin:0;min-width:130px;display:flex;align-items:center;background:var(--bg-soft);border-radius:999px;padding:0 12px;height:38px;border:1px solid var(--line);position:relative} .topbar-search input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--ink)} .topbar-search .ts-btn{color:var(--ink-soft);cursor:pointer;display:flex;align-items:center} .topbar-search .ts-btn:hover{color:var(--gold-deep)} .search-suggest{display:none;position:absolute;top:46px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;z-index:200;max-height:320px;overflow-y:auto} .search-suggest .ss-item{padding:10px 16px;font-size:14px;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:8px} .search-suggest .ss-item:hover{background:var(--gold-pale);color:var(--gold-deep)} .addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .pd-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap} .pd-btn{flex:1} .cart-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap} .checkout-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap} .share-prod{display:flex;gap:14px;align-items:center;margin:16px 0} .share-prod .sp-img{width:88px;height:88px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);background:var(--bg-soft)} .share-prod .sp-info{flex:1;min-width:0} .share-prod .sp-name{font-weight:700;font-size:14px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .share-prod .sp-price{color:var(--gold-deep);font-weight:800;font-size:20px;margin-top:6px} .share-prod .sp-market{font-size:12px;color:var(--ink-soft);text-decoration:line-through;margin-left:8px;font-weight:400} .share-prod .sp-shop{font-size:12px;color:var(--ink-soft);margin-top:4px} .share-actions{display:flex;gap:10px;margin-top:16px} .hot-tags{display:flex;gap:10px;flex-wrap:wrap} .hot-tag{padding:7px 16px;border-radius:999px;background:var(--bg-soft);cursor:pointer;font-size:13px;color:var(--ink);transition:all .2s} .hot-tag:hover{background:var(--gold-pale);color:var(--gold-deep)} .article-item{display:flex;gap:16px;margin-bottom:14px;padding:16px;cursor:pointer;transition:all .2s} .article-item:hover{box-shadow:var(--shadow-md);border-color:var(--gold-bright)} .article-cover{width:180px;min-height:110px;border-radius:12px;background-size:cover;background-position:center;flex-shrink:0} .article-body{flex:1;min-width:0} .article-title{font-size:17px;font-weight:700;line-height:1.4} .article-summary{font-size:13px;color:var(--ink-soft);margin-top:6px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .article-meta{font-size:12px;color:var(--ink-soft);margin-top:10px} .article-content{font-size:15px;line-height:1.9;color:var(--ink);padding:24px} .article-content p{margin:0 0 14px} .article-content img{max-width:100%;border-radius:12px} .article-content h2,.article-content h3{margin:20px 0 10px} .faq-item{margin-bottom:10px} .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;cursor:pointer;padding:4px 0} .faq-arrow{color:var(--gold-deep);flex-shrink:0;display:flex} .faq-a{font-size:14px;color:var(--ink-soft);line-height:1.8;padding:10px 0 4px;border-top:1px dashed var(--line);margin-top:8px;white-space:pre-wrap} .sign-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} .sign-week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:20px} .sign-day{background:var(--bg-soft);border-radius:12px;padding:12px 4px;text-align:center;transition:all .2s} .sign-day.done{background:var(--gold-pale)} .sign-day.today{border:2px solid var(--gold-bright)} .sd-check{height:22px;font-size:16px;font-weight:800;color:var(--gold-deep);display:flex;align-items:center;justify-content:center} .sd-wd{font-size:11px;color:var(--ink-soft);margin-top:4px} .sd-date{font-size:11px;color:var(--ink-soft);margin-top:2px} .dist-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px} .dh-item{background:linear-gradient(135deg,var(--gold-pale),#fff);border:1px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center} .dh-val{font-size:20px;font-weight:800;color:var(--gold-deep)} .dh-label{font-size:12px;color:var(--ink-soft);margin-top:6px} .dist-member{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)} .dm-avatar{width:42px;height:42px;border-radius:50%;background:var(--gold-pale);color:var(--gold-deep);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0} .dm-body{flex:1;min-width:0} .dm-name{font-weight:600} .dm-meta{font-size:12px;color:var(--ink-soft);margin-top:2px} .guide-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px} .guide-item{display:flex;align-items:flex-start;gap:16px;padding:18px;transition:all .2s} .guide-item:hover{box-shadow:var(--shadow-md);border-color:var(--gold-bright)} .guide-step{flex-shrink:0} .gs-num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(168,132,63,.25)} .guide-body{flex:1;min-width:0} .guide-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink)} .guide-title svg{color:var(--gold-deep);flex-shrink:0} .guide-content{font-size:13px;color:var(--ink-soft);line-height:1.7;margin-top:6px} .guide-action{flex-shrink:0;align-self:center} .nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--ink-soft);cursor:pointer;flex-shrink:0} .nav-toggle:hover{color:var(--gold-deep);background:var(--gold-pale)} .topbar-tools{display:flex;align-items:center;gap:6px} .topbar-user{display:flex;align-items:center;gap:10px} .mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(86vw,320px);max-width:320px;background:#fff;z-index:300;transform:translateX(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(36,30,21,.25)} .mobile-menu.open{transform:translateX(0)} .mm-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font-weight:800;font-size:16px} .mm-head span{display:flex;align-items:center;gap:8px;color:var(--ink)} .mm-head span svg{color:var(--gold-deep)} .mm-close{width:44px;height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;background:var(--bg-soft)} .mm-nav{display:flex;flex-direction:column;padding:10px 12px;overflow-y:auto} .mm-nav span{padding:13px 14px;border-radius:10px;font-size:15px;color:var(--ink);cursor:pointer;font-weight:500} .mm-nav span.active{background:var(--gold-pale);color:var(--gold-deep);font-weight:700} .mm-tools{padding:14px 20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px} .mm-tools label{font-size:12px;color:var(--ink-soft);font-weight:600} .mm-tools .cur-select{width:100%;padding:9px 12px} .mm-auth{padding:14px 20px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;margin-top:auto} .mobile-menu-mask{position:fixed;inset:0;background:rgba(36,30,21,.45);z-index:299;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s} .mobile-menu-mask.show{opacity:1;visibility:visible} @media(min-width:901px){.mobile-menu,.mobile-menu-mask{display:none!important}} @media(min-width:901px) and (max-width:1280px){.topbar-tools{display:none}.nav-toggle{display:flex}} @media(max-width:900px){ .topbar-inner{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:10px} .brand{order:1} .topbar-user{order:2;margin-left:auto} .nav-toggle{display:flex;order:3} .topbar-search{order:4;flex-basis:100%;display:flex;margin:0;max-width:none;width:100%} .topbar-tools{display:none} .topbar-search .ts-btn{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center} .search-suggest{top:44px}} @media(max-width:800px){.pd-grid,.uc-grid{grid-template-columns:1fr!important}.bc-content h2{font-size:19px}.bc-content p{font-size:12px}.article-item{flex-direction:column}.article-cover{width:100%;min-height:150px}.addr-grid{grid-template-columns:1fr}.pd-actions .btn-fav{flex:1 1 calc(50% - 6px)}.pd-actions .pd-btn{flex:1 1 calc(50% - 6px)}.pd-actions .btn-lg{padding:12px 10px;font-size:14px}.cart-footer{flex-direction:column;align-items:stretch}.cart-footer .btn{width:100%}.checkout-footer{flex-direction:column;align-items:stretch}.checkout-footer .btn{width:100%}.banner-carousel{height:200px}.bc-content{max-width:88%;margin-left:5%;padding:14px 16px}.bc-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:6px}.bc-hint{margin-top:10px;font-size:11px}.bc-deco{width:70%;top:-20px;right:-20px}.bc-dots{bottom:12px;right:14px}} .hero{position:relative;overflow:hidden;border-radius:28px;margin:20px 0 0;color:#fff; background:radial-gradient(1000px 540px at 88% -8%,rgba(90,150,205,.4),transparent 56%), radial-gradient(760px 440px at -6% 16%,rgba(196,77,140,.20),transparent 54%), radial-gradient(680px 420px at 50% 116%,rgba(226,184,108,.30),transparent 60%), linear-gradient(135deg,#0a1020 0%,#111a30 32%,#1a2440 58%,#24304d 100%); min-height:540px;display:flex;flex-direction:column;justify-content:center;} .hero::before{content:'';position:absolute;inset:0; background-image:linear-gradient(rgba(226,184,108,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(226,184,108,.05) 1px,transparent 1px); background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 38% 46%,#000,transparent 78%);mask-image:radial-gradient(circle at 38% 46%,#000,transparent 78%);} .hero::after{content:'';position:absolute;left:-8%;bottom:-42%;width:64%;height:64%;border-radius:50%; background:radial-gradient(circle,rgba(90,150,205,.16),transparent 66%);} .hero-grid-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(226,184,108,.14) 1px,transparent 1px); background-size:24px 24px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 72% 50%,#000,transparent 72%);mask-image:radial-gradient(circle at 72% 50%,#000,transparent 72%);} .hero-canvas{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%;} .btn-gold{position:relative;overflow:hidden;} .btn-gold::after{content:'';position:absolute;top:-40%;left:-80%;width:46%;height:180%;transform:rotate(22deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);opacity:0;pointer-events:none;} .btn-gold:hover::after{animation:btnShine 1s ease;opacity:1;} @keyframes btnShine{0%{left:-80%}100%{left:130%}} .hero-inner{position:relative;z-index:3;padding:58px 28px 44px;max-width:1280px;margin:0 auto;width:100%; display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center;} .hero-copy{position:relative;z-index:3;} .hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:4px;color:var(--gold-bright);text-transform:uppercase;font-weight:600;margin-bottom:20px;} .hero-eyebrow::before,.hero-eyebrow::after{content:'';width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright));} .hero-eyebrow::after{background:linear-gradient(90deg,var(--gold-bright),transparent);} .hero-title{font-size:54px;line-height:1.18;font-weight:800;letter-spacing:1px; background:linear-gradient(135deg,#fdf0cf 0%,#e9c078 40%,#c99b4f 72%,#f2dcab 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .hero-sub{font-size:16px;color:rgba(224,232,246,.82);margin-top:18px;letter-spacing:.5px;max-width:560px;line-height:1.8;} .hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;} .hero-cta .btn-lg{padding:15px 34px;font-size:16px;border-radius:12px;} .btn-gold{background:linear-gradient(135deg,#f2d393,#c99b4f);color:#3a2807;font-weight:800;box-shadow:0 10px 30px rgba(226,184,108,.4);} .btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(226,184,108,.55);} .btn-ghost-gold{background:rgba(255,255,255,.04);border:1px solid rgba(226,184,108,.45);color:#f6e3b8;font-weight:700;backdrop-filter:blur(6px);} .btn-ghost-gold:hover{background:rgba(226,184,108,.16);} .hero-trust{display:flex;gap:26px;margin-top:36px;flex-wrap:wrap;} .hero-trust .ht-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#dbe4f2;font-weight:600;letter-spacing:.3px;} .hero-trust .ht-item svg{color:var(--gold-bright);} .hero-globe{position:relative;z-index:2;} .hero-globe .gn-svg{width:100%;height:auto;display:block;} .hero-globe .gn-label{font-size:11px;} .hero-cities{position:relative;z-index:3;margin-top:6px;overflow:hidden;border-top:1px solid rgba(226,184,108,.16); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);} .hc-track{display:flex;padding:16px 0;white-space:nowrap;animation:hcScroll 44s linear infinite;} .hc-item{display:inline-flex;align-items:center;font-size:14px;color:#e6edf7;letter-spacing:3px;font-weight:600;margin-right:14px;} .hc-item::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold-bright);margin-left:14px;opacity:.9;box-shadow:0 0 8px rgba(226,184,108,.6);} @keyframes hcScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} @media(max-width:800px){.hero-title{font-size:32px}.hero{min-height:auto;border-radius:20px}.hero-inner{grid-template-columns:1fr;padding:44px 20px 30px;gap:8px}.hero-globe{order:2}.hero-sub{font-size:14px}.hero-globe .gn-label{font-size:9px}} .gn-svg{overflow:visible;} .gn-globe{fill:none;stroke:rgba(226,184,108,.15);stroke-width:1;} .gn-merid{stroke:rgba(226,184,108,.08);stroke-width:1;} .gn-links .gn-line{stroke:rgba(226,184,108,.22);stroke-width:1;} .gn-flows .gn-flow{fill:none;stroke:rgba(240,200,130,.6);stroke-width:1.5;stroke-linecap:round; stroke-dasharray:6 200;animation:gnFlow 5s linear infinite;} @keyframes gnFlow{0%{stroke-dashoffset:206}100%{stroke-dashoffset:0}} .gn-node .gn-halo{fill:none;stroke:rgba(226,184,108,.35);stroke-width:1;opacity:0;transform-origin:center;transform-box:fill-box;animation:gnPulse 3.6s ease-out infinite;} .gn-node .gn-core{fill:#e9c078;filter:drop-shadow(0 0 4px rgba(233,192,120,.85));} .gn-node.hub .gn-core{fill:#f2d393;} .gn-label{fill:#c9d4e6;font-size:10px;font-family:var(--font);letter-spacing:.5px;} .gn-label.hub{fill:#f2d393;font-weight:700;} @keyframes gnPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.4);opacity:0}} .eco-global{margin:22px 0 0;background:linear-gradient(165deg,#0e1626,#17203a);border-radius:24px;padding:30px 30px;color:#fff;overflow:hidden;position:relative;} .eco-global::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(226,184,108,.1) 1px,transparent 1px);background-size:28px 28px;opacity:.4;} .eg-head{position:relative;z-index:2;text-align:center;max-width:660px;margin:0 auto 30px;} .eg-eyebrow{font-size:11px;letter-spacing:5px;color:var(--gold-bright);text-transform:uppercase;font-weight:600;margin-bottom:12px;} .eg-title{font-size:30px;font-weight:800;background:linear-gradient(135deg,#fdf0cf,#e2b86c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .eg-sub{font-size:14px;color:rgba(224,232,246,.72);margin-top:10px;letter-spacing:.5px;} .eg-body{position:relative;z-index:2;display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:center;} .eg-map{background:rgba(255,255,255,.02);border:1px solid rgba(226,184,108,.12);border-radius:18px;padding:14px;} .eg-map .gn-svg{width:100%;height:auto;display:block;} .eg-side{display:grid;gap:14px;} .eg-stat{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.04);border:1px solid rgba(226,184,108,.14);border-radius:14px;padding:16px 18px;backdrop-filter:blur(6px);transition:all .25s;} .eg-stat:hover{border-color:rgba(226,184,108,.4);background:rgba(226,184,108,.08);transform:translateX(3px);} .egs-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(226,184,108,.25),rgba(226,184,108,.06));color:var(--gold-bright);flex-shrink:0;} .egs-ico svg{width:20px;height:20px;} .egs-val{font-size:20px;font-weight:800;color:#f2d393;line-height:1.1;} .egs-label{font-size:12px;color:#c9d4e6;margin-top:3px;letter-spacing:.5px;} @media(max-width:800px){.eco-global{padding:28px 18px}.eg-title{font-size:23px}.eg-body{grid-template-columns:1fr}.eg-map{padding:6px}} .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px;} .feature-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff,#fdf8ee);border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:all .3s;} .feature-card::after{content:'';position:absolute;right:-32px;top:-32px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,108,.16),transparent 70%);} .feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--gold-bright);} .feature-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;margin-bottom:16px;box-shadow:0 6px 16px rgba(168,132,63,.32);} .feature-ico svg{width:24px;height:24px;} .feature-card h3{font-size:17px;font-weight:800;margin-bottom:8px;} .feature-card p{font-size:13px;color:var(--ink-soft);line-height:1.7;} @media(max-width:800px){.feature-grid{grid-template-columns:1fr}} .join-banner{position:relative;overflow:hidden;margin-top:24px;border-radius:22px;padding:30px 34px;color:#fff; background:radial-gradient(1000px 500px at 100% 0%,rgba(90,150,205,.30),transparent 58%),radial-gradient(700px 400px at 0% 100%,rgba(226,184,108,.28),transparent 60%),linear-gradient(120deg,#0a1020,#17203a 55%,#24304d);} .join-banner::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(226,184,108,.16) 1px,transparent 1px);background-size:26px 26px;opacity:.5;} .join-inner{position:relative;z-index:2;display:flex;align-items:center;gap:40px;flex-wrap:wrap;} .join-copy{flex:1;min-width:270px;} .join-copy h2{font-size:27px;font-weight:800;line-height:1.3;background:linear-gradient(135deg,#f8e7bf,#e2b86c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .join-copy p{font-size:14px;color:rgba(255,244,224,.8);margin-top:10px;line-height:1.7;max-width:560px;} .join-steps{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap;} .join-step{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,244,224,.88);} .join-step .js-num{width:30px;height:30px;border-radius:50%;border:1px solid rgba(226,184,108,.65);color:var(--gold-bright);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;} .join-cta{flex-shrink:0;} .join-cta .btn{background:linear-gradient(135deg,#f2d393,#c99b4f);color:#3a2807;font-weight:800;padding:16px 32px;font-size:16px;border-radius:12px;box-shadow:0 12px 34px rgba(226,184,108,.38);} .join-cta .btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(226,184,108,.5);} @media(max-width:800px){.join-banner{padding:34px 24px}.join-inner{flex-direction:column;align-items:flex-start;gap:26px}.join-copy h2{font-size:22px}} .trust-bar{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} .trust-cell{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;} .trust-cell .tc-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gold-pale);color:var(--gold-deep);flex-shrink:0;} .trust-cell .tc-ico svg{width:22px;height:22px;} .trust-cell .tc-t{font-size:15px;font-weight:700;} .trust-cell .tc-d{font-size:12px;color:var(--ink-soft);margin-top:2px;} @media(max-width:800px){.trust-bar{grid-template-columns:repeat(2,1fr)}} .live-strip{display:flex;align-items:center;gap:14px;margin-top:18px;background:linear-gradient(90deg,#0e1626,#17203a);border:1px solid rgba(226,184,108,.18);border-radius:14px;padding:12px 18px;color:#fff;overflow:hidden} .live-badge{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px;font-weight:700;color:var(--gold-bright);letter-spacing:1px;padding-right:14px;border-right:1px solid rgba(226,184,108,.2)} .live-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 0 rgba(226,184,108,.6);animation:livePulse 1.6s ease-out infinite} @keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(226,184,108,.6)}100%{box-shadow:0 0 0 8px rgba(226,184,108,0)}} .live-mask{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)} .live-track{display:inline-flex;white-space:nowrap;animation:liveScroll 40s linear infinite} .live-item{display:inline-flex;align-items:center;font-size:13px;color:#dbe4f2;margin-right:34px} .live-item b{color:#f2d393;font-weight:700;margin-right:4px} .live-item::after{content:'';width:4px;height:4px;border-radius:50%;background:rgba(226,184,108,.6);margin-left:34px} @keyframes liveScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} @media(max-width:800px){.live-strip{flex-direction:column;align-items:flex-start;gap:8px}.live-badge{border-right:none;padding-right:0}} .brand-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px} .brand-tile{background:linear-gradient(160deg,#fff,#fdf8ee);border:1px solid var(--line);border-radius:16px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .25s;text-align:center} .brand-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-bright)} .bt-logo{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;font-size:24px;font-weight:800;overflow:hidden;box-shadow:0 6px 16px rgba(168,132,63,.28)} .bt-logo img{width:100%;height:100%;object-fit:cover} .bt-name{font-size:14px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} .bt-tag{display:flex;align-items:center;gap:6px;min-height:20px} .bt-join{font-size:11px;color:var(--gold-deep);background:var(--gold-pale);border:1px solid var(--gold-bright);padding:2px 9px;border-radius:20px} .net-section{margin-top:6px} .net-sub{font-size:13px;color:var(--ink-soft);margin-top:-6px;margin-bottom:16px;letter-spacing:.5px} .net-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .net-item{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,#fff,#fdf8ee);border:1px solid var(--line);border-radius:16px;padding:18px 20px;transition:all .25s} .net-item:hover{border-color:var(--gold-bright);box-shadow:var(--shadow-md);transform:translateY(-2px)} .ni-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gold-pale);color:var(--gold-deep);flex-shrink:0} .ni-t{font-size:15px;font-weight:700} .ni-d{font-size:12px;color:var(--ink-soft);margin-top:3px} @media(max-width:800px){.net-grid{grid-template-columns:1fr}} .story-section{margin-top:6px} .story-sub{font-size:13px;color:var(--ink-soft);margin-top:-8px;margin-bottom:18px;letter-spacing:.5px} .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .story-card{position:relative;background:linear-gradient(160deg,#fff,#fdf8ee);border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:all .25s} .story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-bright)} .st-quote{color:var(--gold);opacity:.9} .st-text{font-size:14px;line-height:1.8;color:var(--ink);margin-top:12px} .st-foot{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)} .st-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0} .st-name{font-size:14px;font-weight:700} .st-meta{font-size:12px;color:var(--ink-soft);margin-top:2px} @media(max-width:800px){.story-grid{grid-template-columns:1fr}} .footer-pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} .pay-badge{font-size:11px;font-weight:700;color:#B9A77E;border:1px solid rgba(201,162,91,.35);padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.03);letter-spacing:.5px} .footer-social{display:flex;gap:10px;margin-top:16px} .soc{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B9A77E;border:1px solid rgba(201,162,91,.35);cursor:pointer;transition:all .2s} .soc:hover{color:#fff;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));border-color:transparent} .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0s);will-change:opacity,transform} .reveal.rv-left{transform:translateX(-38px)} .reveal.rv-right{transform:translateX(38px)} .reveal.rv-scale{transform:scale(.94)} .reveal.rv-fade{transform:none} .reveal.in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}} .flywheel-section{margin-top:38px} .flywheel-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center} .flywheel-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm);transition:all .25s} .flywheel-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-bright);transform:translateY(-2px)} .fw-head{display:flex;align-items:center;gap:12px;margin-bottom:16px} .fw-ring{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-deep);background:var(--gold-pale);box-shadow:0 0 0 6px rgba(226,184,108,.08)} .fw-head h3{font-size:17px;font-weight:800} .fw-head span{font-size:12px;color:var(--ink-soft)} .fw-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .fw-flow span{background:var(--gold-pale);color:var(--gold-deep);font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;white-space:nowrap} .fw-flow i{color:var(--gold);display:flex} .fw-desc{font-size:12px;color:var(--ink-soft);margin-top:14px;line-height:1.6} .flywheel-link{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-deep);background:linear-gradient(135deg,var(--gold-pale),#fff);box-shadow:0 0 0 1px var(--line);animation:fwSpin 6s linear infinite} @keyframes fwSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} .flywheel-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,var(--gold-pale),#FFFBF0);border:1px dashed var(--gold)} .ff-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--gold-deep);background:#fff;border:1px solid var(--gold);padding:5px 12px;border-radius:20px} .ff-txt{font-size:12px;color:var(--ink-soft);margin-left:auto} @media(max-width:800px){.flywheel-wrap{grid-template-columns:1fr}.flywheel-link{transform:rotate(90deg);margin:0 auto}} .pts-overview{background:linear-gradient(135deg,var(--gold-pale),#FFFBF0);border:1px solid var(--gold);border-radius:16px;padding:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap} .pts-main{text-align:center;min-width:120px} .pts-num{font-size:34px;font-weight:800;color:var(--gold-deep);font-variant-numeric:tabular-nums} .pts-label{font-size:12px;color:var(--ink-soft);margin-top:2px} .pts-side{display:flex;gap:16px} .pts-stat{display:flex;flex-direction:column;align-items:center;gap:2px} .pts-stat span{font-size:11px;color:var(--ink-soft)} .pts-stat b{font-size:18px;color:var(--gold-deep)} .pts-progress{height:7px;background:rgba(226,184,108,.2);border-radius:4px;overflow:hidden;flex-basis:100%} .pts-bar{height:100%;background:linear-gradient(90deg,var(--gold-bright),var(--gold-deep));border-radius:4px;transition:width .4s} .pts-progress-txt{font-size:11px;color:var(--ink-soft);margin-top:4px} .pts-plans{margin-top:14px;display:flex;flex-direction:column;gap:12px} .pts-plan{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px} .pts-plan-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600} .site-footer{margin-top:48px;background:linear-gradient(180deg,#2B2213 0%,#1a1408 100%);color:#D8CBA8} .footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding:48px 0 36px} .footer-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#F6EBD6} .footer-logo .logo-mark{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff} .footer-slogan{font-size:14px;font-weight:600;color:#E2B86C;margin-top:14px} .footer-desc{font-size:12.5px;color:#B9A77E;margin-top:8px;line-height:1.7;max-width:320px} .footer-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px} .footer-tags span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#E2B86C;border:1px solid rgba(201,162,91,.35);padding:5px 11px;border-radius:20px} .footer-col h4{font-size:14px;font-weight:700;color:#F6EBD6;margin-bottom:14px;letter-spacing:1px} .footer-col a{display:block;font-size:13px;color:#B9A77E;padding:6px 0;cursor:pointer;text-decoration:none;transition:color .2s} .footer-col a:hover{color:#E2B86C} .footer-bottom{border-top:1px solid rgba(201,162,91,.15);padding:18px 0} .footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#8a7447} .footer-note{color:#6B5D4A} .footer-service{display:inline-flex;align-items:center;gap:4px;color:#8a7447} .fs-link{color:#E2B86C;cursor:pointer} .fs-link:hover{color:#fff} @media(max-width:800px){.footer-inner{grid-template-columns:1fr 1fr;gap:24px;padding:32px 0 24px}.footer-brand{grid-column:1/-1}.footer-bottom-inner{flex-direction:column;text-align:center;gap:6px}} .brand .logo-mark,.footer-logo .logo-mark{overflow:hidden;background:transparent;border:none;box-shadow:none} .brand .logo-mark img,.footer-logo .logo-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit;display:block} .hero-bg{position:absolute;inset:0;z-index:0;background:url('/assets/img/hero_bg.webp?v=20261011') center/cover no-repeat;opacity:.30; -webkit-mask-image:radial-gradient(ellipse at 66% 46%,#000 28%,transparent 76%);mask-image:radial-gradient(ellipse at 66% 46%,#000 28%,transparent 76%)} .eco-global::after{content:'';position:absolute;inset:0;z-index:0;background:url('/assets/img/eco_bg.webp?v=20261011') center/cover no-repeat;opacity:.20; -webkit-mask-image:radial-gradient(circle at 30% 42%,#000 24%,transparent 72%);mask-image:radial-gradient(circle at 30% 42%,#000 24%,transparent 72%)} .join-banner::after{content:'';position:absolute;inset:0;z-index:0;background:url('/assets/img/join_bg.webp?v=20261011') center/cover no-repeat;opacity:.26; -webkit-mask-image:radial-gradient(ellipse at 18% 50%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 18% 50%,#000 30%,transparent 78%)} @media(max-width:800px){ html,body{overflow-x:clip;overflow-x:hidden} body{background: radial-gradient(130% 60% at 100% -6%, rgba(226,184,108,.10), transparent 55%), radial-gradient(110% 50% at -12% 18%, rgba(74,127,165,.07), transparent 52%), radial-gradient(90% 40% at 50% 110%, rgba(196,77,140,.05), transparent 60%), #FAF7F2;} #page{padding-top:0!important;padding-bottom:120px!important} .container{padding:0 14px} #scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:1001; background:linear-gradient(90deg,#f6e3b8,#e2b86c,#c99b4f);box-shadow:0 0 12px rgba(226,184,108,.75); border-radius:0 2px 2px 0;transition:width .08s linear} .topbar{background:#faf7f2; border-bottom:1px solid rgba(237,228,211,.35);transition:box-shadow .3s, background .3s} .topbar.scrolled{background:rgba(250,247,242,.94);box-shadow:0 12px 32px rgba(90,65,38,.10)} .topbar-inner{height:auto;padding:calc(9px + env(safe-area-inset-top,0px)) 14px 9px;display:flex;align-items:center;gap:10px} .brand{font-size:17px} .brand .logo-mark{width:32px;height:32px;border-radius:9px;background:transparent;overflow:hidden; box-shadow:none} .brand .logo-mark svg{width:18px;height:18px} .topbar-search{height:40px;border-radius:999px;background:#fff;border:1px solid rgba(201,162,91,.28); box-shadow:0 2px 10px rgba(168,132,63,.08)} .topbar-search:focus-within{border-color:#c99b4f;box-shadow:0 0 0 3px rgba(201,162,91,.15)} .topbar-search input{font-size:16px} .topbar-search .ts-btn{color:#c99b4f;min-width:40px;min-height:40px} .topbar-user .btn{height:40px;border-radius:12px} .mobile-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px)); display:flex;align-items:flex-end;background:#fff; border:1px solid rgba(237,228,211,.6);border-radius:24px;box-shadow:0 14px 44px rgba(90,65,38,.18),0 2px 8px rgba(90,65,38,.06); padding:7px 6px;z-index:130} .mobile-nav .mn-it{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 7px;border-radius:16px;color:#8a7a5f;transition:color .25s;cursor:pointer} .mobile-nav .mn-it svg{width:22px;height:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)} .mobile-nav .mn-it span{font-size:10.5px;letter-spacing:.2px} .mobile-nav .mn-it.active{color:#b8863f;font-weight:700} .mobile-nav .mn-it.active svg{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 2px 5px rgba(226,184,108,.5))} .mobile-nav .mn-it.active::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%); width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f6e3b8,#c99b4f);box-shadow:0 0 9px rgba(226,184,108,.65)} .mobile-nav .mn-center{position:relative;flex:0 0 auto;width:54px;height:54px;margin:0 2px;border-radius:18px;transform:translateY(-28px); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px; background:linear-gradient(145deg,#f7e3b0 0%,#e2b86c 45%,#c48a3d 100%); color:#2b1d06;box-shadow:0 8px 22px rgba(184,134,63,.45),inset 0 1px 0 rgba(255,255,255,.55),0 0 0 4px rgba(255,255,255,.92); cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s} .mobile-nav .mn-center svg{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))} .mobile-nav .mn-center span{font-size:9.5px;font-weight:800;letter-spacing:.5px;line-height:1} .mobile-nav .mn-center:active{transform:translateY(-28px) scale(.9)} .mobile-nav .mn-center.active{box-shadow:0 10px 28px rgba(184,134,63,.6),inset 0 1px 0 rgba(255,255,255,.55),0 0 0 4px rgba(226,184,108,.3),0 0 24px rgba(226,184,108,.75)} .hero{position:relative;overflow:hidden;border-radius:0 0 30px 30px;margin:0 -14px 0; min-height:82vh;display:flex;flex-direction:column;justify-content:center; background:radial-gradient(120% 70% at 88% -8%,rgba(90,150,205,.42),transparent 55%), radial-gradient(90% 55% at -6% 16%,rgba(196,77,140,.24),transparent 54%), radial-gradient(80% 50% at 50% 118%,rgba(226,184,108,.34),transparent 60%), linear-gradient(150deg,#070b18 0%,#0e1626 34%,#182238 60%,#24304d 100%);} .hero::before{content:'';position:absolute;inset:0; background-image:linear-gradient(rgba(226,184,108,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(226,184,108,.05) 1px,transparent 1px); background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 82%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 82%)} .hero .hero-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none} .hero .hero-aurora::before,.hero .hero-aurora::after{content:'';position:absolute;width:70vw;height:70vw;border-radius:50%; filter:blur(56px);opacity:.55;mix-blend-mode:screen} .hero .hero-aurora::before{background:radial-gradient(circle,rgba(74,127,165,.5),transparent 60%);top:-20%;left:-30%;animation:auroraA 14s ease-in-out infinite alternate} .hero .hero-aurora::after{background:radial-gradient(circle,rgba(196,77,140,.4),transparent 60%);bottom:-24%;right:-24%;animation:auroraB 18s ease-in-out infinite alternate} @keyframes auroraA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(22vw,16vh) scale(1.25)}} @keyframes auroraB{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-18vw,-12vh) scale(1.3)}} .hero .hero-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#fdf3dd 0%,#e2b86c 45%,transparent 72%); box-shadow:0 0 10px rgba(233,192,120,.75);opacity:0;pointer-events:none;animation:orbTwinkle ease-in-out infinite} @keyframes orbTwinkle{0%,100%{opacity:.28}50%{opacity:.55}} .hero-inner{grid-template-columns:1fr;padding:88px 20px 34px;gap:6px;position:relative;z-index:3} .hero-copy{position:relative;z-index:3} .hero-eyebrow{font-size:10.5px;letter-spacing:2.5px;margin-bottom:16px;justify-content:flex-start;white-space:nowrap} .hero-eyebrow::before,.hero-eyebrow::after{width:16px} .hero-title{font-size:clamp(30px,9.4vw,42px);line-height:1.16;letter-spacing:1px} .hero-sub{font-size:13.5px;line-height:1.8;margin-top:14px;color:rgba(230,238,250,.92)} .hero-cta{gap:12px;margin-top:24px} .hero-cta .btn-lg{flex:1;padding:15px 14px;font-size:15px;border-radius:14px;position:relative;overflow:hidden} .btn-gold{background:linear-gradient(135deg,#f6dda0,#e2b86c 45%,#c99b4f);color:#2f2107;font-weight:800;box-shadow:0 10px 30px rgba(226,184,108,.42)} .btn-gold::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:btnSheen 3.2s ease-in-out infinite} @keyframes btnSheen{0%{left:-80%}55%,100%{left:130%}} .hero-trust{gap:14px;margin-top:26px;justify-content:space-between} .hero-trust .ht-item{flex:1;flex-direction:column;gap:6px;font-size:11px;color:#c9d4e6;letter-spacing:.5px;text-align:center} .hero-trust .ht-item svg{width:20px;height:20px;color:#f2d393;filter:drop-shadow(0 0 6px rgba(226,184,108,.5))} .hero-globe{order:2;margin-top:4px;opacity:.96} .hero-globe .gn-label{font-size:8.5px} .hero-cities{margin-top:0} .live-strip{margin-top:14px;border-radius:16px;padding:11px 14px;flex-direction:row;align-items:center;gap:10px} .live-badge{border-right:1px solid rgba(226,184,108,.22);padding-right:12px;flex-shrink:0} .section-head{margin:22px 0 14px;align-items:flex-end} .section-head h2{font-size:20px;font-weight:800;position:relative;padding-left:12px} .section-head h2::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px; background:linear-gradient(180deg,#f6e3b8,#c99b4f);box-shadow:0 0 8px rgba(226,184,108,.5)} .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 2px 16px} .cat-item{background:#fff;border:1px solid var(--line);border-radius:18px; padding:14px 6px 12px;text-align:center;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s} .cat-item:active{transform:scale(.94)} .cat-ico{width:48px;height:48px;border-radius:50%;margin:0 auto 7px; background:linear-gradient(135deg,#fdf3dd,#f0d9a8)!important;color:#a8843f!important; box-shadow:0 0 0 3px rgba(226,184,108,.14),0 6px 16px rgba(168,132,63,.18);display:flex;align-items:center;justify-content:center} .flash-grid{display:flex;overflow-x:auto;gap:12px;padding:6px 2px 16px;scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;scrollbar-width:none} .flash-grid::-webkit-scrollbar{display:none} .flash-card{flex:0 0 150px;scroll-snap-align:start;border-radius:16px} .flash-cd{font-size:11px;padding:5px 11px} .flash-card .thumb{aspect-ratio:1/1} .product-grid{grid-template-columns:repeat(2,1fr);gap:12px} .product-card{border-radius:16px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s} .product-card:active{transform:scale(.97)} .product-card .body{padding:11px 12px 13px} .product-card .name{font-size:13px;min-height:37px} .product-card .price{font-size:17px} .fav-tag{width:28px;height:28px} .brand-strip{display:flex;overflow-x:auto;gap:12px;padding:6px 2px 14px;scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;scrollbar-width:none} .brand-strip::-webkit-scrollbar{display:none} .brand-tile{flex:0 0 118px;scroll-snap-align:start;border-radius:18px;padding:18px 12px} .bt-logo{width:58px;height:58px} .eco-global{border-radius:22px;padding:26px 18px;margin:18px 0 0} .eg-title{font-size:22px} .eg-side{display:grid;grid-template-columns:1fr 1fr;gap:10px} .eg-stat{padding:13px 15px;flex-direction:column;align-items:flex-start;gap:8px;text-align:left} .egs-val{font-size:22px} .feature-card{padding:20px 18px;border-radius:16px} .flywheel-card{padding:18px} .join-banner{border-radius:20px;padding:30px 22px;margin-top:24px} .trust-bar{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px} .trust-cell{padding:15px;border-radius:14px;gap:11px} .trust-cell .tc-ico{width:40px;height:40px;border-radius:11px} .trust-cell .tc-t{font-size:14px} .trust-cell .tc-d{font-size:11px} .story-card{padding:20px 18px} .net-item{padding:14px 16px;border-radius:14px} .egs-val .countup{display:inline-block;font-variant-numeric:tabular-nums; background:linear-gradient(135deg,#f6e3b8,#e2b86c 55%,#d4a855);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .ripple-ink{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(226,184,108,.45),rgba(226,184,108,0) 70%); transform:scale(0);animation:ripple .6s ease-out forwards;pointer-events:none} @keyframes ripple{to{transform:scale(4);opacity:0}} .ripple-host{position:relative;overflow:hidden} .snap-dots{display:flex;gap:5px;justify-content:center;margin:-8px 0 12px} .snap-dots i{width:5px;height:5px;border-radius:99px;background:#d8c9a8;transition:all .3s} .snap-dots i.on{width:16px;background:linear-gradient(90deg,#f6e3b8,#c99b4f)} .back-top{right:14px;bottom:calc(96px + env(safe-area-inset-bottom,0px));width:40px;height:40px} .site-footer{margin-top:40px;border-radius:26px 26px 0 0} .footer-inner{grid-template-columns:1fr 1fr;gap:22px;padding:30px 4px 22px}} .circle-entry{position:relative;overflow:hidden;border-radius:22px;margin:22px 0 6px;cursor:pointer;color:#fff; background:radial-gradient(760px 400px at 90% -20%,rgba(226,184,108,.38),transparent 55%), radial-gradient(560px 360px at -10% 110%,rgba(90,150,205,.25),transparent 55%), linear-gradient(135deg,#0a1020 0%,#141d36 46%,#1b2745 100%); padding:26px 26px 22px;transition:transform .25s,box-shadow .25s} .circle-entry:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(10,16,32,.35)} .circle-entry .ce-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 28%,rgba(226,184,108,.16),transparent 46%)} .circle-entry .ce-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.4; background-image:radial-gradient(rgba(226,184,108,.14) 1px,transparent 1px);background-size:24px 24px; -webkit-mask-image:radial-gradient(circle at 78% 30%,#000,transparent 72%);mask-image:radial-gradient(circle at 78% 30%,#000,transparent 72%)} .circle-entry .ce-inner{position:relative;z-index:2;display:flex;align-items:center;gap:22px} .ce-copy{flex:1;min-width:0} .ce-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:2.5px;color:var(--gold-bright);text-transform:uppercase;font-weight:700;margin-bottom:10px} .ce-eyebrow svg{color:var(--gold-bright)} .ce-title{font-size:30px;line-height:1.1;font-weight:800;margin:0;letter-spacing:.5px; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f 75%,#f2dcab);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .ce-sub{font-size:13.5px;color:rgba(224,232,246,.85);margin:10px 0 0;line-height:1.7;max-width:520px} .ce-cta{margin-top:18px} .ce-visual{flex-shrink:0;width:150px;height:150px;position:relative} .ce-visual svg{width:100%;height:100%} .ce-chips{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(226,184,108,.16)} .ce-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(226,232,246,.92);background:rgba(255,255,255,.06);border:1px solid rgba(226,184,108,.22);padding:6px 13px;border-radius:999px;font-weight:600} .ce-chip svg{color:var(--gold-bright)} @media(max-width:800px){ .circle-entry{padding:22px 18px 18px;border-radius:18px;margin:18px 0 4px} .ce-inner{flex-direction:column;align-items:stretch;gap:12px} .ce-title{font-size:26px} .ce-visual{width:130px;height:130px;position:absolute;right:6px;top:6px;opacity:.42;pointer-events:none} .ce-copy{position:relative;z-index:3} .ce-sub{font-size:13px}} .circle-wrap{animation:fadeIn .4s ease} .circle-hero{position:relative;overflow:hidden;border-radius:24px;margin:4px 0 0;color:#fff; background:radial-gradient(900px 480px at 88% -10%,rgba(90,150,205,.42),transparent 56%), radial-gradient(700px 420px at -6% 20%,rgba(196,77,140,.18),transparent 54%), radial-gradient(620px 400px at 50% 120%,rgba(226,184,108,.32),transparent 60%), linear-gradient(135deg,#0a1020 0%,#111a30 34%,#1a2440 62%,#24304d 100%); padding:44px 34px 40px} .circle-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(226,184,108,.13) 1px,transparent 1px);background-size:26px 26px;opacity:.5; -webkit-mask-image:radial-gradient(circle at 72% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 72% 40%,#000,transparent 75%)} .circle-hero-in{position:relative;z-index:2;max-width:720px} .circle-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:4px;color:var(--gold-bright);text-transform:uppercase;font-weight:600;margin-bottom:16px} .circle-eyebrow::before{content:'';width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright))} .circle-hero h1{font-size:40px;line-height:1.16;font-weight:800;letter-spacing:1px;margin:0; background:linear-gradient(135deg,#fdf0cf 0%,#e9c078 40%,#c99b4f 72%,#f2dcab 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .circle-hero p{font-size:15px;color:rgba(224,232,246,.85);margin:16px 0 0;line-height:1.8;max-width:620px} .circle-hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap} .circle-hero-actions .btn-lg{padding:14px 26px;font-size:15px;border-radius:12px} .circle-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 0} .cs-item{background:linear-gradient(160deg,#fff,#FBF6EC);border:1px solid var(--line);border-radius:16px;padding:18px 14px;text-align:center;transition:all .2s} .cs-item:hover{border-color:var(--gold-bright);box-shadow:var(--shadow-md);transform:translateY(-2px)} .cs-v{font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--gold-deep),var(--gold-bright));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums} .cs-l{font-size:12px;color:var(--ink-soft);margin-top:5px;letter-spacing:.5px} .circle-my{margin-top:18px;background:linear-gradient(160deg,#fff,#FDF8EC);border:1px solid var(--line);border-radius:16px;padding:16px 18px} .circle-my-head{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--gold-deep)} .circle-my-n{margin-left:auto;font-size:12px;color:var(--ink-soft);background:var(--gold-pale);padding:3px 10px;border-radius:999px} .circle-my-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .circle-my-tag{font-size:13px;color:var(--gold-deep);background:var(--gold-pale);border:1px solid rgba(201,162,91,.25);padding:5px 13px;border-radius:999px;font-weight:600} .circle-my-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 16px} .circle-my-empty .t{font-weight:700;font-size:15px} .circle-my-empty .d{font-size:12.5px;color:var(--ink-soft);max-width:420px;line-height:1.6} .circle-tier-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch} .circle-tier-tabs span{flex-shrink:0;padding:9px 18px;border-radius:999px;cursor:pointer;color:var(--ink-soft);font-weight:600;font-size:14px;background:var(--bg-soft);border:1px solid transparent;transition:all .2s;white-space:nowrap} .circle-tier-tabs span:hover{border-color:var(--gold-bright);color:var(--gold-deep)} .circle-tier-tabs span.active{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;box-shadow:0 6px 18px rgba(168,132,63,.32)} .circle-tier-desc{font-size:13px;color:var(--ink-soft);margin:-4px 0 14px} .circle-group-title{font-size:13px;font-weight:700;color:var(--gold-deep);margin:14px 0 10px;display:flex;align-items:center;gap:8px} .circle-group-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)} .circle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px} .circle-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;transition:all .22s;cursor:pointer;min-width:0} .circle-card:hover{border-color:var(--gold-bright);box-shadow:var(--shadow-md);transform:translateY(-2px)} .circle-card.joined{border-color:rgba(201,162,91,.4);background:linear-gradient(160deg,#fff,#FBF4E3)} .cc-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(226,184,108,.22),rgba(226,184,108,.05));color:var(--gold-deep);flex-shrink:0} .cc-ico svg{width:21px;height:21px} .cc-body{flex:1;min-width:0} .cc-name{font-weight:700;font-size:15px;color:var(--ink)} .cc-desc{font-size:12px;color:var(--ink-soft);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cc-meta{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ink-soft);margin-top:5px} .cc-meta svg{width:13px;height:13px;color:var(--gold-deep)} .cc-btn{flex-shrink:0;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--gold-deep);background:transparent;color:var(--gold-deep);transition:all .2s} .cc-btn:hover{background:var(--gold-pale)} .cc-btn.on{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;border-color:transparent} .circle-act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px} .circle-act-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;transition:all .22s;display:flex;flex-direction:column;gap:10px;min-width:0} .circle-act-card:hover{border-color:var(--gold-bright);box-shadow:var(--shadow-md);transform:translateY(-2px)} .ca-top{display:flex;align-items:center;gap:10px} .ca-mode{font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));padding:3px 10px;border-radius:6px} .ca-mode.online{background:linear-gradient(135deg,var(--blue),#3a6a92)} .ca-city{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-soft)} .ca-city svg{width:13px;height:13px} .ca-title{font-size:16px;font-weight:700;color:var(--ink);line-height:1.4} .ca-tags{display:flex;flex-wrap:wrap;gap:6px} .ca-tag{font-size:11.5px;color:var(--gold-deep);background:var(--gold-pale);padding:3px 9px;border-radius:6px} .ca-foot{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink-soft);margin-top:auto} .ca-foot svg{width:13px;height:13px;color:var(--gold-deep);vertical-align:-2px} .ca-btn{margin-left:auto;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;transition:all .2s} .ca-btn:hover{box-shadow:0 6px 16px rgba(168,132,63,.35)} .ca-btn.off{background:var(--bg-soft);color:var(--ink-soft)} .circle-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px dashed var(--line);border-radius:16px;padding:34px 16px} .circle-empty-card svg{width:32px;height:32px;color:var(--gold-deep);opacity:.7} .circle-empty-card .t{font-weight:700;font-size:15px} .circle-empty-card .d{font-size:12.5px;color:var(--ink-soft);max-width:420px;line-height:1.6} .circle-acts-loading{text-align:center;color:var(--ink-soft);padding:26px 0;font-size:14px} .circle-modal{background:#fff;border-radius:20px;padding:24px;max-width:600px;margin:0 auto;max-height:84vh;overflow-y:auto} .circle-modal h3{font-size:19px;margin:0 0 16px;display:flex;align-items:center;gap:8px} .cm-load{text-align:center;color:var(--ink-soft);padding:30px 0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px} .cm-sec-title{font-size:13px;font-weight:700;color:var(--gold-deep);margin:20px 0 10px;display:flex;align-items:center;gap:7px} .cm-related{display:flex;flex-wrap:wrap;gap:8px} .cm-chip{font-size:13px;background:var(--bg-soft);border:1px solid var(--line);padding:6px 13px;border-radius:999px;cursor:pointer;transition:all .2s} .cm-chip:hover{border-color:var(--gold-deep);color:var(--gold-deep)} .cm-partner{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)} .cm-partner:last-child{border-bottom:none} .cm-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;overflow:hidden} .cm-avatar img{width:100%;height:100%;object-fit:cover} .cm-pname{font-weight:600;font-size:14px} .cm-ptags{font-size:11.5px;color:var(--ink-soft);margin-top:2px} .cm-mini-act{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--line)} .cm-mini-act:last-child{border-bottom:none} .circle-charter{max-width:680px} .ch-head{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:8px} .ch-head h2{font-size:21px;margin:0 0 6px;color:var(--ink)} .ch-head p{font-size:13px;color:var(--gold-deep);margin:0} .ch-chapter{margin-top:16px} .ch-no{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));padding:3px 12px;border-radius:999px} .ch-chapter h3{font-size:16px;margin:8px 0 10px;color:var(--ink)} .ch-art{font-size:13.5px;color:var(--ink-soft);line-height:1.85;padding:7px 0 7px 14px;border-left:2px solid var(--gold-pale);margin:4px 0} .cf-field{margin-bottom:13px} .cf-field label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px} .cf-field input,.cf-field select,.cf-field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:var(--font);color:var(--ink);background:#fff;outline:none;box-sizing:border-box} .cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:var(--gold-deep)} .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} .cf-cbs{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)} .ca-cb{display:inline-flex;align-items:center;gap:5px;font-size:13px;cursor:pointer;background:#fff;border:1px solid var(--line);padding:5px 11px;border-radius:8px;transition:all .15s} .ca-cb:hover{border-color:var(--gold-deep)} .ca-cb input{accent-color:var(--gold-deep)} .ca-cb:has(input:checked){background:var(--gold-pale);border-color:var(--gold-deep);color:var(--gold-deep);font-weight:600} @media(max-width:800px){ .circle-hero{padding:32px 20px 30px;border-radius:20px} .circle-hero h1{font-size:30px} .circle-hero p{font-size:14px} .circle-stats{grid-template-columns:repeat(2,1fr);gap:10px} .cs-v{font-size:25px} .circle-grid{grid-template-columns:1fr} .circle-act-grid{grid-template-columns:1fr} .cf-row{grid-template-columns:1fr} .circle-modal{padding:18px;border-radius:16px}} .cd-wrap{animation:fadeIn .4s ease} .cd-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;padding:8px 12px;border-radius:999px;background:var(--bg-soft);margin:2px 0 12px;transition:all .2s} .cd-back:hover{color:var(--gold-deep)} .cd-hero{position:relative;overflow:hidden;border-radius:22px;color:#fff;padding:30px 26px 26px; background:radial-gradient(700px 420px at 88% -10%,rgba(226,184,108,.34),transparent 55%), radial-gradient(560px 380px at -8% 110%,rgba(90,150,205,.22),transparent 55%), linear-gradient(135deg,#0a1020 0%,#121c36 46%,#1b2745 100%)} .cd-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(226,184,108,.13) 1px,transparent 1px);background-size:24px 24px;opacity:.45; -webkit-mask-image:radial-gradient(circle at 78% 30%,#000,transparent 72%);mask-image:radial-gradient(circle at 78% 30%,#000,transparent 72%)} .cd-hero-in{position:relative;z-index:2} .cd-top{display:flex;align-items:center;gap:14px} .cd-ico{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(226,184,108,.3),rgba(226,184,108,.08));color:var(--gold-bright);flex-shrink:0} .cd-ico svg{width:28px;height:28px} .cd-name{font-size:24px;font-weight:800;margin:0;letter-spacing:.5px} .cd-tier{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--gold-bright);background:rgba(226,184,108,.14);border:1px solid rgba(226,184,108,.3);padding:3px 10px;border-radius:999px;margin-top:6px} .cd-desc{font-size:13.5px;color:rgba(224,232,246,.88);line-height:1.75;margin:14px 0 0;max-width:640px} .cd-stats{display:flex;gap:26px;margin-top:18px;flex-wrap:wrap} .cd-stat{display:flex;flex-direction:column;gap:2px} .cd-stat b{font-size:22px;font-weight:800;color:var(--gold-bright);font-variant-numeric:tabular-nums} .cd-stat span{font-size:11.5px;color:rgba(224,232,246,.7);letter-spacing:.5px} .cd-hero-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap} .cd-composer{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-top:16px} .cd-composer .cdc-tip{font-size:12px;color:var(--ink-soft);margin-bottom:10px;display:flex;align-items:center;gap:6px} .cd-composer textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;font-family:var(--font);color:var(--ink);resize:vertical;min-height:84px;box-sizing:border-box;outline:none;background:var(--bg-soft)} .cd-composer textarea:focus{border-color:var(--gold-deep);background:#fff} .cdc-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px} .cdc-bar .hint{font-size:11.5px;color:var(--ink-soft)} .cd-sec{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px} .cd-sec h2{font-size:18px;margin:0;display:flex;align-items:center;gap:8px} .cd-sec .n{font-size:12px;color:var(--ink-soft);background:var(--gold-pale);padding:3px 10px;border-radius:999px} .post-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:14px;transition:all .2s} .post-card:hover{border-color:var(--gold-bright);box-shadow:var(--shadow-md)} .post-head{display:flex;align-items:center;gap:11px} .post-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0;overflow:hidden} .post-avatar img{width:100%;height:100%;object-fit:cover} .post-who{flex:1;min-width:0} .post-name{font-weight:700;font-size:14px;color:var(--ink)} .post-time{font-size:11.5px;color:var(--ink-soft);margin-top:2px} .post-del{flex-shrink:0;background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:6px;border-radius:8px;transition:all .15s} .post-del:hover{color:#d33;background:rgba(211,51,51,.08)} .post-title{font-size:16px;font-weight:700;color:var(--ink);margin:14px 0 0;line-height:1.4} .post-content{font-size:14px;color:var(--ink);line-height:1.8;margin:8px 0 0;white-space:pre-wrap;word-break:break-word} .post-actions{display:flex;align-items:center;gap:20px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .pa-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;background:none;border:none;padding:4px 8px;border-radius:8px;transition:all .15s} .pa-btn:hover{color:var(--gold-deep);background:var(--gold-pale)} .pa-btn.liked{color:#e0618a} .pa-btn.liked svg{fill:#e0618a;stroke:#e0618a} .cd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px dashed var(--line);border-radius:16px;padding:34px 16px} .cd-empty svg{width:32px;height:32px;color:var(--gold-deep);opacity:.7} .cd-empty .t{font-weight:700;font-size:15px} .cd-empty .d{font-size:12.5px;color:var(--ink-soft);max-width:420px;line-height:1.6} .cd-loadmore{margin-top:6px} .cd-members{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .cdm-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 6px rgba(168,132,63,.25)} .cdm-avatar img{width:100%;height:100%;object-fit:cover} .cdm-more{width:38px;height:38px;border-radius:50%;background:var(--bg-soft);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff} .cmt-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)} .cmt-item:last-child{border-bottom:none} .cmt-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0;overflow:hidden} .cmt-avatar img{width:100%;height:100%;object-fit:cover} .cmt-body{flex:1;min-width:0} .cmt-name{font-weight:700;font-size:13px;color:var(--ink)} .cmt-time{font-size:11px;color:var(--ink-soft);margin-top:1px} .cmt-text{font-size:13.5px;color:var(--ink);line-height:1.65;margin-top:4px;white-space:pre-wrap;word-break:break-word} .cmt-input{display:flex;gap:8px;margin-top:14px} .cmt-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:var(--font);outline:none} .cmt-input input:focus{border-color:var(--gold-deep)} .cdc-imgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .cdc-img{position:relative;width:76px;height:76px;border-radius:10px;background-size:cover;background-position:center;border:1px solid var(--line)} .cdc-img-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.3)} .cdc-img-x svg{width:11px;height:11px} .cdc-add{width:76px;height:76px;border-radius:10px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:all .2s;background:var(--bg-soft)} .cdc-add:hover{border-color:var(--gold-deep);color:var(--gold-deep)} .post-imgs{margin-top:12px} .post-imgs.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .pimg{position:relative;border-radius:10px;background-size:cover;background-position:center;cursor:zoom-in;overflow:hidden;aspect-ratio:1/1;background-color:var(--bg-soft)} .post-imgs.one .pimg.single{aspect-ratio:auto;height:220px;border-radius:12px} .circle-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center} .circle-lb-mask{position:absolute;inset:0;background:rgba(10,8,4,.94);backdrop-filter:blur(6px)} .circle-lb-img{position:relative;z-index:2;max-width:92vw;max-height:82vh;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.6);cursor:zoom-out} .circle-lb-btn{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:all .2s} .circle-lb-btn:hover{background:rgba(226,184,108,.4)} .circle-lb-btn:disabled{opacity:.25;cursor:default} .circle-lb-btn.prev{left:16px} .circle-lb-btn.next{right:16px} .circle-lb-btn.close{top:20px;right:16px;transform:none} .circle-lb-count{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-size:13px;font-weight:600;background:rgba(0,0,0,.35);padding:5px 14px;border-radius:999px} @media(max-width:800px){ .cd-hero{padding:24px 18px 20px;border-radius:18px} .cd-name{font-size:21px} .cd-ico{width:48px;height:48px} .cd-stats{gap:20px}} .circle-search{flex:1;max-width:220px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px;font-family:var(--font);outline:none;background:var(--bg-soft)} .circle-search:focus{border-color:var(--gold-deep);background:#fff} .post-ops{position:absolute;top:12px;right:12px;display:flex;gap:6px} .post-ops button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0} .post-ops button:hover{color:var(--gold-deep);border-color:var(--gold-deep)} .post-ops svg{width:14px;height:14px} .post-pin{display:inline-block;font-size:10px;font-weight:700;color:var(--gold-deep);background:var(--gold-pale);border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:middle} .post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .post-tag{font-size:12px;font-weight:600;color:var(--gold-deep);background:var(--gold-pale);padding:3px 10px;border-radius:999px;cursor:pointer} .cm-chat-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--gold-deep);border:1px solid var(--gold-deep);border-radius:999px;padding:5px 12px;background:transparent;cursor:pointer} .ca-detail{font-size:12.5px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:#fff;cursor:pointer} .ca-detail:hover{color:var(--gold-deep);border-color:var(--gold-deep)} .req-list{display:flex;flex-direction:column;gap:12px} .req-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px} .req-top{display:flex;align-items:center;gap:8px} .req-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;flex-shrink:0} .req-badge.supply{color:#2E8A6E;background:#D8F0E8} .req-badge.demand{color:#B08838;background:#F5E6CE} .req-title{font-size:15px;font-weight:700;flex:1;min-width:0} .req-cat{font-size:12px;color:var(--gold-deep);margin-top:6px} .req-desc{font-size:13px;color:var(--ink-soft);line-height:1.6;margin-top:6px} .req-foot{font-size:12px;color:var(--ink-soft);margin-top:8px;display:flex;align-items:center;justify-content:space-between} .ad-head{display:flex;align-items:center;gap:10px} .ad-head h3{font-size:17px;font-weight:800;margin:0;flex:1;min-width:0} .ad-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px} .ad-meta div{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft)} .ad-desc{font-size:13.5px;color:var(--ink);line-height:1.8;margin-top:12px;white-space:pre-wrap;word-break:break-word;background:var(--bg-soft);padding:12px 14px;border-radius:10px} .ad-list{margin-top:8px;display:flex;flex-direction:column;gap:6px} .ad-item{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:8px 10px;border-bottom:1px solid var(--line)} .dm-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer} .dm-item:hover{background:var(--bg-soft)} .dm-item .dm-name{font-weight:700;font-size:14px} .dm-item .dm-last{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dm-badge{background:var(--red);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0} .dm-msgs{display:flex;flex-direction:column;gap:8px;max-height:48vh;overflow-y:auto;padding:4px 0} .dm-msg{max-width:76%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;word-break:break-word;background:var(--bg-soft)} .dm-msg.mine{align-self:flex-end;background:linear-gradient(135deg,#E2B86C,#D4A15A);color:#fff} .dm-input{display:flex;gap:8px;margin-top:14px} .dm-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:var(--font);outline:none} @keyframes heroReveal{0%{opacity:0;transform:translateY(26px) scale(.985);filter:blur(8px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}} @keyframes heroOrbRise{0%{opacity:0;transform:translateY(18px) scale(.6)}100%{opacity:1;transform:translateY(0) scale(1)}} .hero-eyebrow{animation:heroReveal .65s cubic-bezier(.22,.61,.36,1) both;animation-delay:.08s} .hero-title{animation:heroReveal .85s cubic-bezier(.22,.61,.36,1) both;animation-delay:.2s} .hero-sub{animation:heroReveal .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:.36s} .hero-cta{animation:heroReveal .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.5s} .hero-trust{animation:heroReveal .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.62s} .hero-globe{animation:heroReveal 1.1s cubic-bezier(.22,.61,.36,1) both;animation-delay:.3s} @media(prefers-reduced-motion:reduce){.hero-eyebrow,.hero-title,.hero-sub,.hero-cta,.hero-trust,.hero-globe{animation:none}} @media(max-width:800px){ .flash-grid,.brand-strip{ -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);} .cat-ico{position:relative} .cat-ico::after{ content:"";position:absolute;inset:-6px;border-radius:50%; border:1.5px solid rgba(226,184,108,.38); box-shadow:0 0 14px rgba(226,184,108,.42); transition:box-shadow .25s,border-color .25s;pointer-events:none;} .cat-ico::before{ content:"";position:absolute;inset:-6px;border-radius:50%;padding:1.5px; background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#e2b86c 95deg,#f9edcb 140deg,#e2b86c 185deg,transparent 230deg,transparent 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude; animation:haloSpin 4.2s linear infinite; opacity:.9;} .cat-item:nth-child(2n) .cat-ico::before{animation-delay:-2.1s} .cat-item:nth-child(3n) .cat-ico::before{animation-delay:-1.4s} .cat-item:nth-child(5n) .cat-ico::before{animation-delay:-2.8s} .cat-item:active .cat-ico::after{box-shadow:0 0 24px 4px rgba(226,184,108,.62),0 0 0 3px rgba(226,184,108,.25);border-color:rgba(226,184,108,.75)} .product-card .thumb::after{ content:"";position:absolute;top:-12%;left:0;width:52%;height:124%; background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%); transform:translateX(-170%) skewX(-18deg); animation:cardShine 5.2s ease-in-out infinite; pointer-events:none;} .product-grid .product-card:nth-child(3n+2) .thumb::after{animation-delay:1.7s} .product-grid .product-card:nth-child(3n+3) .thumb::after{animation-delay:3.4s} .product-card{position:relative} .product-card::after{ content:"";position:absolute;inset:0;border-radius:16px; box-shadow:inset 0 0 0 2px rgba(226,184,108,.5),0 10px 30px rgba(226,184,108,.22); opacity:0;transition:opacity .22s;pointer-events:none;} .product-card:active::after{opacity:1} .product-card .thumb img{transition:transform .5s cubic-bezier(.22,1,.36,1)} .product-card:active .thumb img{transform:scale(1.06)}} @keyframes haloSpin{to{transform:rotate(360deg)}} @keyframes cardShine{ 0%,52%{transform:translateX(-170%) skewX(-18deg)} 88%,100%{transform:translateX(330%) skewX(-18deg)}} @media(prefers-reduced-motion:reduce){ .cat-ico::before,.product-card .thumb::after{animation:none}} @media(max-width:800px){ .flash-cd{ background:linear-gradient(135deg,#f2d896,#dda94f 55%,#c8933f)!important; border:none!important;color:#5a3a12!important;font-weight:700; padding:4px 6px 4px 11px!important;border-radius:99px!important; box-shadow:0 4px 16px rgba(226,184,108,.42),inset 0 0 0 1px rgba(255,255,255,.35);} .flash-cd .cd-box{ display:inline-block;min-width:21px;margin:0 1px;padding:2px 4px;text-align:center;border-radius:6px; background:rgba(56,36,10,.84);color:#ffe9b0;font-weight:800; font-variant-numeric:tabular-nums;letter-spacing:.4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.4);} .flash-cd .cd-sep{color:rgba(90,58,18,.68);font-style:normal;animation:cdBlink 1s steps(1) infinite} .flash-cd .cd-box.tick{animation:cdTick .4s cubic-bezier(.34,1.56,.64,1)} @keyframes cdTick{0%{transform:scale(1.3);background:#fff;color:#8a5a1a}100%{transform:scale(1);background:rgba(56,36,10,.84);color:#ffe9b0}} @keyframes cdBlink{0%,55%{opacity:1}56%,100%{opacity:.2}} .flash-progress .bar{position:relative;overflow:hidden} .flash-progress .bar::after{ content:"";position:absolute;inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); transform:translateX(-100%); animation:barShimmer 2.4s linear infinite;} @keyframes barShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} .mobile-nav .mn-it.active::before{animation:navGlow 2.4s ease-in-out infinite} @keyframes navGlow{0%,100%{opacity:.6}50%{opacity:1}} .back-top{box-shadow:0 6px 18px rgba(226,184,108,.28)} .back-top:hover,.back-top:active{box-shadow:0 8px 24px rgba(226,184,108,.45)}} @media(prefers-reduced-motion:reduce){ .cd-sep,.cd-box.tick,.flash-progress .bar::after,.mobile-nav .mn-it.active::before{animation:none}} @media(max-width:800px){ .bt-logo{position:relative} .bt-logo::before{ content:"";position:absolute;inset:-6px;border-radius:50%; border:1.5px solid rgba(226,184,108,.5); box-shadow:0 0 14px rgba(226,184,108,.4); animation:brandGlow 2.8s ease-in-out infinite; pointer-events:none;} .brand-tile:nth-child(2n) .bt-logo::before{animation-delay:-1.4s} .brand-tile:nth-child(3n) .bt-logo::before{animation-delay:-2.1s} .brand-tile .badge[style*="E2B86C"],.brand-tile .badge[style*="C9A25B"]{box-shadow:0 0 10px rgba(226,184,108,.5)} .coupon-card{position:relative;border-color:rgba(226,184,108,.25)} .coupon-card .cc-left{position:relative;overflow:hidden} .coupon-card .cc-left::after{ content:"";position:absolute;top:-20%;left:-30%;width:60%;height:140%; background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent); transform:translateX(-160%) skewX(-12deg); animation:ccShine 4.8s ease-in-out infinite; pointer-events:none;} .coupon-card .cc-left{border-right:2px dashed rgba(255,255,255,.7)} .coupon-card .cc-btn{background:linear-gradient(135deg,#f2d896,#d9a94f);color:#5a3a12;border:none;box-shadow:0 4px 12px rgba(226,184,108,.32)} .coupon-card .cc-btn.received{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--line);box-shadow:none} .coupon-card .cc-btn:active{transform:scale(.94)}} @keyframes brandGlow{0%,100%{opacity:.55}50%{opacity:1}} @keyframes ccShine{ 0%,52%{transform:translateX(-160%) skewX(-12deg)} 88%,100%{transform:translateX(320%) skewX(-12deg)}} @media(prefers-reduced-motion:reduce){ .bt-logo::before,.coupon-card .cc-left::after{animation:none}} @media(max-width:800px){ .circle-entry .ce-glow{animation:ceGlow 4.2s ease-in-out infinite} .circle-entry .ce-grid-bg{animation:ceGrid 22s linear infinite} .flywheel-link svg{animation:fwSpin 9s linear infinite} .fw-ring{position:relative} .fw-ring::before{ content:"";position:absolute;inset:-5px;border-radius:50%;padding:1.5px; background:conic-gradient(from 0deg,transparent 0deg,transparent 60deg,#e2b86c 110deg,#f9edcb 150deg,#e2b86c 190deg,transparent 240deg,transparent 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude; animation:haloSpin 5.5s linear infinite; opacity:.85;} .flywheel-card:nth-child(3) .fw-ring::before{animation-delay:-2.7s} .fw-flow i svg{animation:fwArrow 1.6s ease-in-out infinite} .fw-flow i:nth-child(2) svg{animation-delay:.2s} .fw-flow i:nth-child(4) svg{animation-delay:.4s} .fw-flow i:nth-child(6) svg{animation-delay:.6s} .fw-flow i:nth-child(8) svg{animation-delay:.8s}} @keyframes ceGlow{0%,100%{opacity:.65}50%{opacity:1}} @keyframes ceGrid{0%{background-position:0 0}100%{background-position:240px 0}} @keyframes fwSpin{to{transform:rotate(360deg)}} @keyframes fwArrow{0%,100%{opacity:.35}50%{opacity:1}} @media(prefers-reduced-motion:reduce){ .circle-entry .ce-glow,.circle-entry .ce-grid-bg,.flywheel-link svg,.fw-ring::before,.fw-flow i svg{animation:none}} @media(max-width:800px){ .net-grid{grid-template-columns:1fr 1fr !important; gap:11px} .net-item{flex-direction:column; align-items:flex-start; gap:13px; padding:17px 15px; border-radius:15px; background:linear-gradient(155deg,#fff,#fdf6e6)} .net-item .ni-ico{position:relative; width:42px; height:42px; border-radius:13px} .net-item .ni-ico::after{content:""; position:absolute; inset:-5px; border-radius:17px; border:1.5px solid rgba(226,184,108,.32); box-shadow:0 0 12px rgba(226,184,108,.32); pointer-events:none} .net-item .ni-ico::before{content:""; position:absolute; inset:-5px; border-radius:17px; padding:1.5px; background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#e2b86c 95deg,#f9edcb 140deg,#e2b86c 185deg,transparent 230deg,transparent 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:haloSpin 4.2s linear infinite; opacity:.85} .net-item:nth-child(2n) .ni-ico::before{animation-delay:-2.1s} .net-item:nth-child(3n) .ni-ico::before{animation-delay:-1.4s} .net-item .ni-t{font-size:14px} .net-item .ni-d{font-size:11.5px; line-height:1.45; margin-top:4px} .story-card{overflow:hidden} .story-card::before{content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,rgba(226,184,108,.85),transparent); opacity:.5} .story-card .st-avatar{position:relative} .story-card .st-avatar::before{content:""; position:absolute; inset:-4px; border-radius:50%; padding:1.5px; background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#e2b86c 95deg,#f9edcb 140deg,#e2b86c 185deg,transparent 230deg,transparent 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:haloSpin 5s linear infinite; opacity:.9} .story-card:nth-child(2) .st-avatar::before{animation-delay:-1.6s} .story-card:nth-child(3) .st-avatar::before{animation-delay:-3.3s}} @media(prefers-reduced-motion:reduce){ .net-item .ni-ico::before,.net-item .ni-ico::after,.story-card .st-avatar::before{animation:none}} .modal:has(.auth-card){ background:transparent; padding:0; border-radius:22px; box-shadow:0 30px 70px rgba(4,7,16,.68); border:1px solid rgba(226,184,108,.24); max-width:420px;} .auth-card{ position:relative; overflow:hidden; border-radius:22px; padding:30px 24px 26px; color:#fff; background: radial-gradient(560px 320px at 86% -12%, rgba(226,184,108,.32), transparent 55%), radial-gradient(460px 300px at -12% 112%, rgba(90,150,205,.22), transparent 55%), linear-gradient(150deg,#0a1020 0%,#141d36 48%,#1b2745 100%); animation:authIn .5s cubic-bezier(.22,1,.36,1) both;} .auth-card::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 82% 10%, rgba(226,184,108,.20), transparent 50%); animation:authGlow 5.5s ease-in-out infinite;} .auth-card::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.32; background-image:radial-gradient(rgba(226,184,108,.14) 1px,transparent 1px); background-size:22px 22px; -webkit-mask-image:radial-gradient(circle at 50% 0%,#000,transparent 72%); mask-image:radial-gradient(circle at 50% 0%,#000,transparent 72%);} .auth-card> *{ position:relative; z-index:2;} .auth-card .brand{ color:#f6e6c0; justify-content:center; margin-bottom:6px; font-size:20px; gap:12px;} .auth-card .brand .logo-mark{ position:relative; width:52px; height:52px; border-radius:15px; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); color:#3a2a12; box-shadow:0 10px 28px rgba(226,184,108,.38);} .auth-card .brand .logo-mark svg{ width:28px; height:28px;} .auth-card .brand .logo-mark::before{ content:""; position:absolute; inset:-6px; border-radius:20px; padding:1.5px; background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#e2b86c 95deg,#f9edcb 140deg,#e2b86c 185deg,transparent 230deg,transparent 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:haloSpin 5s linear infinite; opacity:.9;} .auth-card .sub{ text-align:center; color:rgba(224,232,246,.66); margin-bottom:22px; font-size:12.5px; letter-spacing:.4px;} .auth-card .tab-switch{ background:rgba(255,255,255,.06); border:1px solid rgba(226,184,108,.16); border-radius:12px; padding:4px; margin-bottom:20px;} .auth-card .tab-switch span{ color:rgba(224,232,246,.62); padding:9px; font-weight:700; letter-spacing:1px;} .auth-card .tab-switch span.active{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); color:#3a2a12; box-shadow:0 4px 18px rgba(226,184,108,.42);} .auth-card .field label{ color:rgba(224,232,246,.78); font-size:12px; letter-spacing:.5px;} .auth-card .input, .auth-card .select{ background:rgba(255,255,255,.05); border:1px solid rgba(226,184,108,.18); color:#fff; border-radius:12px; padding:13px 15px; backdrop-filter:blur(4px);} .auth-card .input::placeholder{ color:rgba(224,232,246,.38);} .auth-card .input:focus, .auth-card .select:focus{ border-color:#e2b86c; background:rgba(255,255,255,.09); box-shadow:0 0 0 3px rgba(226,184,108,.16),0 0 22px rgba(226,184,108,.22);} .auth-card .select{ appearance:none; -webkit-appearance:none; padding-right:42px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23E2B86C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat:no-repeat; background-position:right 15px center;} .auth-card .select option{ background:#141d36; color:#fff;} .auth-card .btn-outline{ background:transparent; border:1px solid rgba(226,184,108,.5); color:#e2b86c; font-weight:700;} .auth-card .btn-outline:hover{ background:rgba(226,184,108,.12);} .auth-card .btn-primary{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f 80%,#e2b86c); color:#3a2a12; border:none; font-weight:800; letter-spacing:2px; box-shadow:0 10px 30px rgba(226,184,108,.35); position:relative; overflow:hidden;} .auth-card .btn-primary::after{ content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform:skewX(-20deg); animation:btnShine 3.2s ease-in-out infinite;} .auth-card .btn-primary:active{ transform:translateY(1px);} .auth-card .link{ color:#e2b86c; font-weight:600;} .auth-card .field{ animation:fieldIn .5s ease both;} .auth-card .field:nth-child(2){ animation-delay:.06s;} .auth-card .field:nth-child(3){ animation-delay:.12s;} .auth-card .field:nth-child(4){ animation-delay:.18s;} .auth-card .field:nth-child(5){ animation-delay:.24s;} .auth-card .field:nth-child(6){ animation-delay:.3s;} .auth-card .field:nth-child(7){ animation-delay:.36s;} @keyframes authIn{ from{ opacity:0; transform:translateY(26px) scale(.96);} to{ opacity:1; transform:none;}} @keyframes authGlow{ 0%,100%{ opacity:.6;} 50%{ opacity:1;}} @keyframes fieldIn{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none;}} @keyframes btnShine{ 0%,60%{ left:-130%;} 100%{ left:160%;}} @media(prefers-reduced-motion:reduce){ .auth-card, .auth-card::before, .auth-card .field, .auth-card .btn-primary::after, .auth-card .brand .logo-mark::before{ animation:none;}} @media(max-width:800px){ body:has(.pd-grid) .mobile-nav{ display:none !important;} body:has(.pd-grid) .back-top{ bottom:calc(94px + env(safe-area-inset-bottom,0px)) !important;} body:has(.pd-grid) #page{ padding-bottom:136px !important;} body:has(.pd-grid) .pd-actions{ position:fixed; left:0; right:0; bottom:0; z-index:135; margin:0; display:flex; gap:10px; padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)); background:#faf7f2; border-top:1px solid var(--line); box-shadow:0 -10px 34px rgba(90,65,38,.12);} body:has(.pd-grid) .pd-actions .btn-fav{ flex-direction:column; gap:3px; height:46px; min-width:52px; padding:4px 12px; border-radius:12px; background:#fff; border:1px solid var(--line); color:var(--ink-soft);} body:has(.pd-grid) .pd-actions .btn-fav.favored{ color:var(--red); border-color:rgba(211,89,76,.32); background:#FDF3F1;} body:has(.pd-grid) .pd-actions .pd-btn{ height:46px; border-radius:12px;} body:has(.pd-grid) .pd-actions .btn-primary{ position:relative; overflow:hidden; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f 80%,#e2b86c); color:#3a2a12; font-weight:800; letter-spacing:1px; box-shadow:0 6px 20px rgba(226,184,108,.35); border:none;} body:has(.pd-grid) .pd-actions .btn-primary::after{ content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-20deg); animation:btnShine 3.2s ease-in-out infinite;} body:has(.pd-grid) .pd-actions .btn-outline{ background:#fff; border:1.5px solid var(--gold); color:var(--gold-deep); font-weight:700;} .pd-grid .spec-val.sel{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); color:#3a2a12; border-color:transparent; font-weight:700; box-shadow:0 4px 14px rgba(226,184,108,.4);} body:has(.pd-grid) div:has(> #pd-main){ border-color:rgba(226,184,108,.4) !important; box-shadow:0 10px 30px rgba(226,184,108,.16);}} body:has(.pd-grid) #ai-guide-root{ display:none !important;} body:has(.pd-grid) .pd-actions{ display:none !important;} body:has(.pd-grid) .pd-dock{ z-index:135; flex-wrap:wrap; row-gap:8px; padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));} body:has(.pd-grid) .pd-dock .pdd-left{ flex:1 1 100%; min-width:0;} body:has(.pd-grid) .pd-dock .pdd-right{ flex:1 1 100%; justify-content:flex-end;} body:has(.pd-grid) .pd-dock .pdd-points{ white-space:nowrap; font-size:11px;} body:has(.pd-grid) .pd-dock .pdd-cart{ background:#fff; color:var(--gold-deep); border:1.5px solid var(--gold); font-weight:700;} body:has(.pd-grid) .pd-dock .pdd-buy{ position:relative; overflow:hidden; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f 80%,#e2b86c); color:#3a2a12; font-weight:800; letter-spacing:1px; box-shadow:0 6px 20px rgba(226,184,108,.35);} body:has(.pd-grid) .pd-dock .pdd-buy::after{ content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-20deg); animation:btnShine 3.2s ease-in-out infinite;} @media(prefers-reduced-motion:reduce){ body:has(.pd-grid) .pd-dock .pdd-buy::after{ animation:none;}} @media(max-width:800px){ body:has(.cart-footer) .mobile-nav{ display:none !important;} body:has(.cart-footer) #ai-guide-root{ display:none !important;} body:has(.cart-footer) #page{ padding-bottom:104px !important;} body:has(.cart-footer) .cart-footer{ position:fixed; left:0; right:0; bottom:0; z-index:135; margin:0; justify-content:space-between; gap:12px; flex-wrap:nowrap; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:#faf7f2; border-top:1px solid var(--line); box-shadow:0 -10px 34px rgba(90,65,38,.12);} body:has(.cart-footer) .cart-footer .btn-primary{ position:relative; overflow:hidden; border:none; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f 80%,#e2b86c); color:#3a2a12; font-weight:800; letter-spacing:1px; box-shadow:0 6px 20px rgba(226,184,108,.35);} body:has(.cart-footer) .cart-footer .btn-primary::after{ content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-20deg); animation:btnShine 3.2s ease-in-out infinite;} body:has(.checkout-footer) .mobile-nav{ display:none !important;} body:has(.checkout-footer) #ai-guide-root{ display:none !important;} body:has(.checkout-footer) #page{ padding-bottom:104px !important;} body:has(.checkout-footer) .checkout-footer{ position:fixed; left:0; right:0; bottom:0; z-index:135; margin:0; justify-content:space-between; gap:12px; flex-wrap:nowrap; border-radius:0; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:#faf7f2; border:1px solid var(--line); border-left:none; border-right:none; border-bottom:none; box-shadow:0 -10px 34px rgba(90,65,38,.12);} body:has(.checkout-footer) .checkout-footer .btn-primary{ position:relative; overflow:hidden; border:none; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f 80%,#e2b86c); color:#3a2a12; font-weight:800; letter-spacing:1px; box-shadow:0 6px 20px rgba(226,184,108,.35);} body:has(.checkout-footer) .checkout-footer .btn-primary::after{ content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-20deg); animation:btnShine 3.2s ease-in-out infinite;} .addr-item.sel{ background:linear-gradient(135deg,#fdf6e6,#fff 70%); border-color:var(--gold-deep); box-shadow:0 6px 20px rgba(226,184,108,.28);}} body:has(.pd-grid) .site-footer, body:has(.cart-footer) .site-footer, body:has(.checkout-footer) .site-footer{ display:none !important;} @media(prefers-reduced-motion:reduce){ body:has(.cart-footer) .cart-footer .btn-primary::after, body:has(.checkout-footer) .checkout-footer .btn-primary::after{ animation:none;}} @media(max-width:800px){ body:has(.uc-grid) .uc-grid> .card:first-child{ position:relative; overflow:hidden; border-radius:22px; background:radial-gradient(560px 320px at 85% -10%,rgba(226,184,108,.30),transparent 55%),radial-gradient(460px 300px at -10% 112%,rgba(90,150,205,.20),transparent 55%),linear-gradient(150deg,#0a1020,#141d36 48%,#1b2745) !important; border:1px solid rgba(226,184,108,.24) !important; box-shadow:0 18px 42px rgba(10,16,32,.35); color:#fff !important;} body:has(.uc-grid) .uc-grid> .card:first-child::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 82% 10%,rgba(226,184,108,.18),transparent 50%); animation:authGlow 5.5s ease-in-out infinite;} body:has(.uc-grid) .uc-grid> .card:first-child> *{ position:relative; z-index:2;} body:has(.uc-grid) .uc-grid> .card:first-child> div:first-child{ position:relative; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f) !important; color:#3a2a12 !important; box-shadow:0 10px 28px rgba(226,184,108,.4);} body:has(.uc-grid) .uc-grid> .card:first-child> div:first-child::before{ content:""; position:absolute; inset:-6px; border-radius:50%; padding:1.5px; background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#e2b86c 95deg,#f9edcb 140deg,#e2b86c 185deg,transparent 230deg,transparent 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:haloSpin 5s linear infinite; opacity:.9;} body:has(.uc-grid) .uc-grid> .card:first-child [style*="ink-soft"]{ color:rgba(224,232,246,.72) !important;} body:has(.uc-grid) .uc-grid> .card:first-child [style*="bg-soft"]{ background:rgba(255,255,255,.07) !important;} body:has(.uc-grid) .uc-grid> .card:first-child [style*="background:var(--bg-soft)"]{ background:rgba(255,255,255,.12) !important;} body:has(.uc-grid) .uc-grid> .card:first-child .btn-ghost{ background:rgba(255,255,255,.08) !important; color:rgba(224,232,246,.85) !important;} body:has(.uc-grid) .uc-grid> .card:first-child a{ color:rgba(224,232,246,.65) !important;} body:has(.uc-grid) .uc-tabs span.active{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); color:#3a2a12; font-weight:700; box-shadow:0 4px 14px rgba(226,184,108,.4);}} @media(prefers-reduced-motion:reduce){ body:has(.uc-grid) .uc-grid> .card:first-child::before, body:has(.uc-grid) .uc-grid> .card:first-child> div:first-child::before{ animation:none;}} @media(max-width:800px){ body div[style*="gold-pale"][style*="padding:10px 14px"]{ position:relative; overflow:hidden; border-radius:18px; background:radial-gradient(420px 240px at 88% -10%,rgba(226,184,108,.32),transparent 55%),radial-gradient(300px 200px at -5% 115%,rgba(90,150,205,.18),transparent 55%),linear-gradient(150deg,#0a1020,#141d36 48%,#1b2745) !important; border:1px solid rgba(226,184,108,.24) !important; box-shadow:0 16px 38px rgba(10,16,32,.32); padding:16px 18px !important; margin-bottom:16px !important;} body div[style*="gold-pale"][style*="padding:10px 14px"]::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 85% 12%,rgba(226,184,108,.16),transparent 50%); animation:authGlow 5.5s ease-in-out infinite;} body div[style*="gold-pale"][style*="padding:10px 14px"]> *{ position:relative; z-index:2;} body div[style*="gold-pale"][style*="padding:10px 14px"] span[style*="ink-soft"]{ color:rgba(224,232,246,.72) !important;} body div[style*="gold-pale"][style*="padding:10px 14px"] b{ font-size:30px !important; line-height:1.1; background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); -webkit-background-clip:text; background-clip:text; color:transparent !important;} body div[style*="gold-pale"][style*="padding:10px 14px"] a.link{ color:var(--gold-bright) !important; font-weight:700;} body .page-head h2{ font-size:23px; background:linear-gradient(135deg,#e9c078,#b98a3e); -webkit-background-clip:text; background-clip:text; color:transparent;} body .sort-bar span.active{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); color:#3a2a12; font-weight:700; box-shadow:0 4px 12px rgba(226,184,108,.4);} body .product-card .points-tag{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f) !important; color:#3a2a12 !important; font-weight:800; box-shadow:0 4px 12px rgba(226,184,108,.35);}} @media(prefers-reduced-motion:reduce){ body div[style*="gold-pale"][style*="padding:10px 14px"]::before{ animation:none;}} @media(max-width:800px){ .site-footer{ padding-bottom: calc(120px + env(safe-area-inset-bottom,0px));}} @media(max-width:800px){ .card[style*="margin-bottom:14px;cursor:pointer"]{ position:relative; overflow:hidden; border-radius:16px; transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s;} .card[style*="margin-bottom:14px;cursor:pointer"]::before{ content:""; position:absolute; left:0; top:16px; bottom:16px; width:3px; border-radius:3px; background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep)); opacity:.75;} .card[style*="margin-bottom:14px;cursor:pointer"]:active{ transform:scale(.985); box-shadow:0 10px 26px rgba(168,132,63,.14);} .card[style*="margin-bottom:14px;cursor:pointer"] div[style="font-weight:700"]{ background:linear-gradient(135deg,#e9c078,#b98a3e); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800;} .card[style*="margin-bottom:14px;cursor:pointer"] .badge{ border-radius:999px; font-weight:700; letter-spacing:.2px;} .card[style*="margin-bottom:14px;cursor:pointer"] .badge::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:5px; flex-shrink:0;}} @media(max-width:800px){ body:has(.dist-hero) .uc-grid> *{ min-width:0;} body:has(.dist-hero) .dist-hero{ position:relative; overflow:hidden; border-radius:20px; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; padding:18px 14px; background:radial-gradient(560px 320px at 88% -10%,rgba(226,184,108,.30),transparent 55%),radial-gradient(460px 300px at -10% 115%,rgba(90,150,205,.20),transparent 55%),linear-gradient(150deg,#0a1020,#141d36 48%,#1b2745) !important; border:1px solid rgba(226,184,108,.24); box-shadow:0 18px 42px rgba(10,16,32,.35);} body:has(.dist-hero) .dist-hero::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 82% 10%,rgba(226,184,108,.16),transparent 50%); animation:authGlow 5.5s ease-in-out infinite;} body:has(.dist-hero) .dh-item{ position:relative; z-index:2; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:14px; padding:16px 10px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);} body:has(.dist-hero) .dh-val{ background:linear-gradient(135deg,#fdf0cf,#e9c078 45%,#c99b4f); -webkit-background-clip:text; background-clip:text; color:transparent !important; font-size:22px;} body:has(.dist-hero) .dh-label{ color:rgba(224,232,246,.72) !important;} body:has(.dist-hero) div[style*="letter-spacing:2px"]{ background:linear-gradient(135deg,#f2dca4,#c99b4f 55%,#e9c078); -webkit-background-clip:text; background-clip:text; color:transparent !important;}} @media(prefers-reduced-motion:reduce){ body:has(.dist-hero) .dist-hero::before{ animation:none;}} .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;opacity:.92;-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent 96%);mask-image:linear-gradient(180deg,#000 52%,transparent 96%)} .compliance{position:relative;margin:28px 0 6px;padding:40px 32px;border-radius:24px;background:linear-gradient(160deg,#0E1526 0%,#17213A 46%,#0A1020 100%);overflow:hidden} .compliance .comp-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 380px at 12% -5%,rgba(240,210,140,.16),transparent 62%),radial-gradient(640px 360px at 90% 105%,rgba(114,192,200,.13),transparent 56%),radial-gradient(560px 320px at 72% 8%,rgba(155,138,208,.12),transparent 60%)} .comp-inner{position:relative;z-index:1} .comp-head{text-align:center;margin-bottom:34px} .comp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:12px} .comp-title{font-size:30px;font-weight:800;color:#F6EFDD;letter-spacing:.02em} .comp-sub{font-size:14px;color:rgba(246,239,221,.58);margin-top:10px} .comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .comp-card{display:flex;gap:14px;align-items:flex-start;padding:22px 20px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(240,210,140,.13);transition:transform .25s ease,border-color .25s ease,background .25s ease} .comp-card:hover{transform:translateY(-4px);border-color:rgba(240,210,140,.42);background:rgba(255,255,255,.08)} .cc-ico{flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(240,210,140,.24),rgba(156,122,46,.15));color:var(--gold-bright)} .cc-ico svg{stroke:currentColor} .cc-t{font-size:16px;font-weight:700;color:#F6EFDD;margin-bottom:6px} .cc-d{font-size:13px;color:rgba(246,239,221,.66);line-height:1.6} .pay-strip{margin-top:34px;padding:20px 24px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(240,210,140,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px} .pay-strip-label{font-size:12px;font-weight:600;color:rgba(246,239,221,.55);letter-spacing:.08em} .pay-strip-logos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .pay-mark{font-size:12px;font-weight:700;letter-spacing:.05em;color:#F6EFDD;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:6px 13px;border-radius:8px;transition:border-color .2s,background .2s} .pay-mark:hover{border-color:rgba(240,210,140,.5);background:rgba(240,210,140,.12)} @media(max-width:900px){.comp-grid{grid-template-columns:repeat(2,1fr)}.compliance{padding:44px 28px}} @media(max-width:600px){.compliance{padding:42px 18px;border-radius:18px;margin-top:30px}.comp-title{font-size:23px}.comp-sub{font-size:13px}.comp-grid{grid-template-columns:1fr}.comp-card{padding:18px 16px}.pay-strip{flex-direction:column;gap:12px;padding:18px 16px}} .sr-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;margin:0 -2px} .sr-tabs::-webkit-scrollbar{display:none} .sr-tab{flex:0 0 auto;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--bg-soft);cursor:pointer;border:1px solid transparent;transition:all .2s;white-space:nowrap} .sr-tab.active{color:var(--gold-deep);background:var(--gold-pale);border-color:var(--gold-bright);font-weight:700} .ast-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px} .ast-card{background:linear-gradient(160deg,#fff,var(--bg-soft));border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center;position:relative;overflow:hidden} .ast-card-gold{background:linear-gradient(160deg,#2a2115,#3a2e1a);border-color:rgba(226,184,108,.35)} .ast-card-gold .ast-num{color:#F2D99B;text-shadow:0 0 18px rgba(226,184,108,.35)} .ast-card-gold .ast-lbl{color:rgba(246,239,221,.72)} .ast-card-gold .ast-sub{color:rgba(242,217,155,.8)} .ast-num{font-size:22px;font-weight:800;color:var(--gold-deep);font-variant-numeric:tabular-nums} .ast-lbl{font-size:12px;color:var(--ink-soft);margin-top:4px} .ast-sub{font-size:11px;color:var(--gold-deep);margin-top:8px;cursor:pointer} .ast-note{font-size:11px;color:var(--ink-soft);background:var(--gold-pale);border-radius:8px;padding:8px 12px;margin-bottom:14px} @media(max-width:600px){.ast-cards{grid-template-columns:repeat(3,1fr);gap:8px}.ast-card{padding:14px 8px}.ast-num{font-size:19px}} @media(max-width:800px){ .cat-tabs{ display:flex; gap:8px; margin-bottom:14px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding:2px 2px 6px;} .cat-tabs::-webkit-scrollbar{ display:none;} .cat-tabs span{ flex-shrink:0; white-space:nowrap;} .sort-bar{ display:flex; gap:8px; margin-bottom:14px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding:2px 2px 4px;} .sort-bar::-webkit-scrollbar{ display:none;} .sort-bar span{ flex-shrink:0; white-space:nowrap;}} body:has(.pd-grid) .pd-gallery-main{ position:relative;} .pd-dots{ position:absolute; left:0; right:0; bottom:12px; display:flex; align-items:center; justify-content:center; gap:6px; z-index:5; pointer-events:none;} .pd-dot{ width:6px; height:6px; border-radius:999px; background:rgba(255,255,255,.55); box-shadow:0 1px 3px rgba(0,0,0,.3); transition:all .25s cubic-bezier(.34,1.56,.64,1);} .pd-dot.active{ width:20px; background:linear-gradient(135deg,#fdf0cf,#e9c078 50%,#c99b4f);} .pd-thumb{ width:58px; height:58px; object-fit:cover; border-radius:10px; cursor:pointer; border:2px solid transparent; transition:border-color .2s, transform .2s, box-shadow .2s; opacity:.72;} .pd-thumb.active{ border-color:var(--gold-deep); opacity:1; box-shadow:0 3px 10px rgba(226,184,108,.4); transform:translateY(-2px);} .pd-thumb:active{ transform:scale(.94);} @media(max-width:800px){ #cd-posts{columns:2;column-gap:12px} #cd-posts .post-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;box-sizing:border-box;margin:0 0 12px;padding:14px;vertical-align:top} #cd-posts .post-card.post-pinned{column-span:all;-webkit-column-span:all;display:block;background:linear-gradient(135deg,#fffdf7,#fff8ea);border-color:rgba(226,184,108,.45)} #cd-posts .cd-loadmore,#cd-posts .cd-empty,#cd-posts .circle-acts-loading{column-span:all;-webkit-column-span:all;display:block;margin-top:2px} #cd-posts .post-avatar{width:34px;height:34px;font-size:13px} #cd-posts .post-name{font-size:13px} #cd-posts .post-title{font-size:14.5px;margin-top:10px} #cd-posts .post-content{font-size:13px;line-height:1.6} #cd-posts .post-imgs{margin-top:10px} #cd-posts .post-imgs.grid{grid-template-columns:repeat(2,1fr)} #cd-posts .post-imgs.one .pimg.single{height:150px} #cd-posts .post-actions{gap:10px;margin-top:10px;padding-top:10px;flex-wrap:wrap} #cd-posts .pa-btn{font-size:12px;gap:5px;padding:3px 6px}} @media(max-width:800px){ .flywheel-wrap::after{ inset:-6% 0 !important;}} .hero-sub{ text-wrap:balance; text-wrap:pretty;} @keyframes hmKenburns{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.07) translate(-1.2%,.8%)}100%{transform:scale(1) translate(0,0)}} .eco-global::after{opacity:.34 !important;will-change:transform;animation:hmKenburns 26s ease-in-out infinite} .join-banner::after{opacity:.40 !important;will-change:transform;animation:hmKenburns 30s ease-in-out infinite} .hero-bg{opacity:.38 !important;will-change:transform;animation:hmKenburns 32s ease-in-out infinite} @media (prefers-reduced-motion:reduce){.eco-global::after,.join-banner::after,.hero-bg{animation:none !important}} .dev-hero{position:relative;overflow:hidden;border-radius:20px;padding:34px 24px;color:#fff;background:linear-gradient(135deg,#1b2c45,#0e1626 60%,#0a1120);box-shadow:0 20px 50px rgba(18,12,3,.28)} .dev-hero-glow{position:absolute;top:-120px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,108,.35),transparent 65%);filter:blur(10px);pointer-events:none} .dev-hero-glow::after{content:"";position:absolute;left:-40%;bottom:-20%;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,rgba(74,127,165,.25),transparent 60%);filter:blur(16px)} .dev-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;background:rgba(226,184,108,.16);border:1px solid rgba(226,184,108,.4);color:#F0D28C} .dev-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px} .dev-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden} .dev-stat-num{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.5px} .dev-stat-lbl{font-size:12px;color:var(--ink-soft);margin-top:4px} .dev-stat-gold{background:linear-gradient(135deg,#f8edd3,#f4e4be);border-color:#ead9b0} .dev-stat-gold .dev-stat-num{color:var(--gold-deep)} .dev-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .dev-plan{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative} .dev-plan:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)} .dev-plan.cur{border-color:var(--gold);background:linear-gradient(180deg,#fffdf7,#fff7e6);box-shadow:0 10px 30px rgba(226,184,108,.22)} .dev-plan-name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px} .dev-plan-q{font-size:22px;font-weight:800;color:var(--gold-deep);margin-top:8px} .dev-plan-q span{font-size:12px;color:var(--ink-soft);font-weight:500} .dev-plan-d{font-size:12px;color:var(--ink-soft);margin-top:4px} .dev-plan-opt{border:1px solid var(--line);border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer;font-size:12px;font-weight:600;transition:.15s} .dev-plan-opt.sel{border-color:var(--gold-deep);background:var(--gold-pale);color:var(--gold-deep)} .dev-eps{display:flex;flex-direction:column;gap:14px} .dev-ep{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)} .dev-method{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.5px;background:#1b2c45;color:#F0D28C} .dev-code{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--bg-soft);color:var(--gold-deep);font-family:monospace;font-size:12px} .dev-doc-cta{display:flex;align-items:center;gap:12px;margin-top:22px;padding:18px 20px;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#c99b4f,#a87c33);box-shadow:0 14px 34px rgba(201,155,79,.35);transition:transform .2s} .dev-doc-cta:hover{transform:translateY(-2px)} .dev-doc-cta .dev-plan-d,.dev-doc-cta div{color:inherit} .dev-doc-cta div:first-child div:last-child{color:rgba(255,255,255,.78)} .btn-ghost-light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)} .btn-ghost-light:hover{background:rgba(255,255,255,.2);color:#fff} @media(min-width:640px){.dev-stats{grid-template-columns:repeat(4,1fr)}.dev-plans{grid-template-columns:repeat(4,1fr)}.dev-hero{padding:48px 40px}} .lg-hero{position:relative;overflow:hidden;border-radius:20px;padding:26px 22px;color:#fff;background:linear-gradient(135deg,#1b2c45,#0e1626 60%,#0a1120);box-shadow:0 20px 50px rgba(18,12,3,.28)} .lg-hero-glow{position:absolute;top:-90px;right:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,108,.32),transparent 65%);filter:blur(10px);pointer-events:none} .lg-top{display:flex;align-items:center;justify-content:space-between;gap:10px} .lg-back{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.7);cursor:pointer} .lg-cb-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(226,184,108,.16);border:1px solid rgba(226,184,108,.4);color:#F0D28C} .lg-origin{font-size:12px;color:rgba(255,255,255,.75)} .lg-stepper{display:flex;gap:0;overflow-x:auto;padding:4px 0} .lg-step{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative} .lg-step::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0} .lg-step:first-child::before{display:none} .lg-step-ic{width:36px;height:36px;border-radius:50%;background:var(--bg-soft);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:2px solid var(--line)} .lg-step.done .lg-step-ic{background:var(--gold);color:#fff;border-color:var(--gold)} .lg-step.done::before{background:var(--gold)} .lg-step.cur .lg-step-ic{background:var(--gold-deep);color:#fff;border-color:var(--gold-deep);box-shadow:0 0 0 5px var(--gold-pale)} .lg-step-t{font-size:11px;color:var(--ink-soft);text-align:center;white-space:nowrap} .lg-step.done .lg-step-t,.lg-step.cur .lg-step-t{color:var(--ink);font-weight:600} .lg-customs{margin-top:16px;border-radius:16px;padding:16px;color:#2f2107;background:linear-gradient(135deg,#f8edd3,#f4e4be);border:1px solid #ead9b0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .lg-customs-ic{width:40px;height:40px;border-radius:12px;background:var(--gold-deep);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0} .lg-customs-steps{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600} .lg-customs-steps span{display:inline-flex;align-items:center;gap:3px} .lg-customs-steps .done{color:var(--gold-deep)} .inf-hero{position:relative;overflow:hidden;border-radius:20px;padding:28px 22px;color:#fff;background:linear-gradient(135deg,#1b2c45,#0e1626 60%,#0a1120);box-shadow:0 20px 50px rgba(18,12,3,.28)} .inf-hero-glow{position:absolute;top:-100px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(226,184,108,.3),transparent 65%);filter:blur(12px);pointer-events:none} .inf-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;background:rgba(226,184,108,.16);border:1px solid rgba(226,184,108,.4);color:#F0D28C} .inf-pt{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 10px;text-align:center} .inf-pt-n{font-size:20px;font-weight:800;color:#F0D28C;letter-spacing:-.5px} .inf-pt-l{font-size:11px;color:rgba(255,255,255,.7);margin-top:4px} .topbar-search input{min-width:0} .topbar-nav{gap:6px!important} .topbar-nav a,.topbar-nav span{padding:8px 6px!important;font-size:13px!important} .topbar-tools .cur-select{padding:3px 5px!important;font-size:12px!important;max-width:92px} @media(min-width:1281px){.container{max-width:1320px}} @media(max-width:800px){ .fw-flow{gap:4px 5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch} .fw-flow::-webkit-scrollbar{display:none} .fw-flow span{padding:4px 9px;font-size:11px;line-height:1.5;letter-spacing:-.2px;flex:0 0 auto;white-space:nowrap} .fw-flow i{flex:0 0 auto} .fw-flow i svg{width:11px;height:11px}} .ce-visual::before{ content:"";position:absolute;inset:-3%;border-radius:50%;pointer-events:none; background:repeating-radial-gradient(circle at 50% 50%, rgba(226,184,108,.30) 0 1px, transparent 1px 24px, rgba(226,184,108,.18) 24px 25px, transparent 25px 48px, rgba(226,184,108,.10) 48px 49px, transparent 49px 72px); -webkit-mask:radial-gradient(circle at 50% 50%, #000 0 6%, transparent 70%); mask:radial-gradient(circle at 50% 50%, #000 0 6%, transparent 70%); animation:ceRadar 3.4s ease-out infinite;} .ce-visual::after{ content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none; background:conic-gradient(from 0deg, rgba(240,210,140,.6) 0deg, rgba(240,210,140,.14) 58deg, transparent 74deg, transparent 360deg); -webkit-mask:radial-gradient(circle, transparent 0 56%, #000 57% 100%); mask:radial-gradient(circle, transparent 0 56%, #000 57% 100%); animation:ceScan 3.2s linear infinite;} @keyframes ceRadar{0%{transform:scale(.7);opacity:.95}70%{opacity:.3}100%{transform:scale(1.08);opacity:0}} @keyframes ceScan{to{transform:rotate(360deg)}} .hero-globe::before{ content:"";position:absolute;inset:10% 4%;border-radius:50%;pointer-events:none; background:radial-gradient(circle, rgba(226,184,108,.20), transparent 62%); filter:blur(8px);animation:globeGlow 5.5s ease-in-out infinite;} @keyframes globeGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}} @media(prefers-reduced-motion:reduce){ .ce-visual::before,.ce-visual::after,.hero-globe::before{animation:none}}
/* ═══ 2026-10-08 首页 hero 流光标题 + 四卖点徽章升级 + 入驻按钮提亮 ═══ */
@keyframes titleShine{0%{background-position:200% 50%}100%{background-position:-200% 50%}}
@media(max-width:800px){
  /* ① 流光标题：金色光泽在文字上持续流动 */
  .hero-title{
    background:linear-gradient(120deg,#c99b4f 0%,#fdf0cf 18%,#e9c078 38%,#f9edcb 50%,#e9c078 62%,#fdf0cf 82%,#c99b4f 100%);
    background-size:220% auto;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:heroReveal .85s cubic-bezier(.22,.61,.36,1) both .2s, titleShine 6s linear infinite 1s !important;
  }
  /* ② 四卖点：金色徽章胶囊 + 图标发光 */
  .hero-trust{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin-top:30px !important;}
  .hero-trust .ht-item{
    position:relative;
    flex:none !important;flex-direction:row !important;white-space:nowrap !important;justify-content:center !important;
    padding:9px 10px !important;
    border-radius:999px;
    border:1px solid rgba(226,184,108,.30);
    background:linear-gradient(160deg,rgba(226,184,108,.16),rgba(226,184,108,.05));
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    gap:7px !important;font-size:12.5px !important;
  }
  .hero-trust .ht-item svg{filter:drop-shadow(0 0 6px rgba(226,184,108,.65));}
  /* ③ 入驻按钮提亮：金色玻璃质感 */
  .hero-cta .btn-ghost-gold{
    background:linear-gradient(160deg,rgba(226,184,108,.20),rgba(226,184,108,.06)) !important;
    border:1px solid rgba(240,210,140,.62) !important;
    color:#f6e3b8 !important;
    box-shadow:0 6px 20px rgba(226,184,108,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-title{animation:heroReveal .85s cubic-bezier(.22,.61,.36,1) both .2s !important}
}

/* ═══ 2026-10-08 SPA 页面切换过渡：整页淡入上浮（电影感） ═══ */
@keyframes pageEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#page{animation:pageEnter .5s cubic-bezier(.22,.61,.36,1)}
/* 底部导航选中态：指示条金色流光扫过（呼吸 + 流光双动画） */
@keyframes navShineBg{0%{background-position:0% 0}100%{background-position:250% 0}}
.mobile-nav .mn-it.active::before{
  background:linear-gradient(90deg,#c99b4f,#f6e3b8,#c99b4f,#f6e3b8) !important;
  background-size:250% 100% !important;
  animation:navGlow 2.4s ease-in-out infinite, navShineBg 3s linear infinite !important;
}
@media(prefers-reduced-motion:reduce){#page{animation:none}.mobile-nav .mn-it.active::before{animation:none!important}}

/* ═══ 2026-10-08 AI 导购悬浮按钮 · 呼吸扩散光晕 ═══ */
@keyframes fabPulse{
  0%,100%{box-shadow:0 6px 20px rgba(201,162,91,.45),0 0 0 0 rgba(226,184,108,.55)}
  50%{box-shadow:0 6px 26px rgba(201,162,91,.6),0 0 0 13px rgba(226,184,108,0)}
}
.guide-fab{animation:fabPulse 2.8s ease-in-out infinite !important}
@media(prefers-reduced-motion:reduce){.guide-fab{animation:none !important}}

/* ═══ 2026-10-08 搜索联想下拉样式（配合搜索修复） ═══ */
.topbar-search{position:relative}
.search-suggest{
  position:absolute;top:calc(100% + 6px);left:0;right:0;
  background:#fff;border:1px solid #f0e6cf;border-radius:12px;
  box-shadow:0 14px 34px rgba(60,40,12,.14),0 2px 8px rgba(60,40,12,.06);
  overflow:hidden;z-index:60;display:none;
}
.search-suggest .sg-item{
  padding:13px 16px;font-size:14px;color:#2b2114;cursor:pointer;
  display:flex;align-items:center;gap:8px;border-bottom:1px solid #f7f0df;
  transition:background .15s;
}
.search-suggest .sg-item:last-child{border-bottom:none}
.search-suggest .sg-item:active,.search-suggest .sg-item:hover{background:#fdf6e8;color:#a87f32}


/* ═══ 2026-10-09 视觉收尾修复 ═══ */
@media(max-width:800px){
  /* 数字华商圈·四标签 2×2 对称 */
  .ce-chips{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .ce-chip{justify-content:center !important;}
  /* 副标题/文案避免中文词拆行 */
  .ce-sub{text-wrap:balance;text-wrap:pretty;}
  /* 商品列表底部预留导航高度，避免被遮挡 */
  #page{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px)) !important;}
}/* ═══ 2026-10-09 空状态黄金聚光灯升级 ═══ */
.empty{position:relative;padding:66px 24px 60px;border-radius:22px;overflow:hidden;background:radial-gradient(460px 280px at 50% -6%,rgba(226,184,108,.12),transparent 62%)}
.empty::before{content:"";position:absolute;top:18px;left:50%;width:172px;height:172px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(226,184,108,.10) 0 44%,transparent 45%),repeating-radial-gradient(circle at 50% 50%,rgba(201,162,91,.36) 0 1.5px,transparent 1.5px 14px);-webkit-mask:radial-gradient(circle at 50% 50%,#000 0%,transparent 70%);mask:radial-gradient(circle at 50% 50%,#000 0%,transparent 70%);animation:emptyRadar 4.6s ease-out infinite;pointer-events:none}
.empty::after{content:"";position:absolute;top:52px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--gold-bright);box-shadow:46px 26px 0 -1px rgba(226,184,108,.75),-52px 34px 0 -2px rgba(226,184,108,.5),28px -32px 0 -1px rgba(201,162,91,.55),-24px -40px 0 -2px rgba(226,184,108,.38),-64px -8px 0 -1px rgba(226,184,108,.3);animation:emptyFloat 3.6s ease-in-out infinite;pointer-events:none}
.empty svg{position:relative;z-index:2;width:72px;height:72px;color:var(--gold-deep);filter:drop-shadow(0 6px 14px rgba(201,162,91,.32));margin-bottom:16px;animation:emptyFloat 3.6s ease-in-out infinite}
.empty .t{font-size:17px;font-weight:800;letter-spacing:.3px;background:linear-gradient(135deg,#c99b4f,#e9c078 60%,#b98a3e);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.empty>div:not(.t){color:var(--ink-soft);font-size:13.5px;line-height:1.7}
.empty .btn{margin-top:22px;position:relative}
.empty .btn-primary{position:relative;overflow:hidden}
.empty .btn-primary::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:btnShine 3.2s ease-in-out infinite}
@keyframes emptyRadar{0%{opacity:.72;transform:translateX(-50%) scale(.82)}70%{opacity:.16}100%{opacity:0;transform:translateX(-50%) scale(1.12)}}
@keyframes emptyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.empty::before,.empty::after,.empty svg,.empty .btn-primary::after{animation:none!important}}

@media(min-width:1025px){.hero-bg{background-image:url('/assets/img/hero_bg_2x.webp?v=20261011')}}

.ms-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ms-item{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center;font-size:12px}.ms-item.done{background:var(--gold-pale);border-color:var(--gold-bright)}.ms-item.next{border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,184,108,.18)}.ms-days{color:var(--ink-soft);font-size:11px}.ms-bonus{color:var(--gold-deep);font-weight:800;font-size:15px;margin-top:4px}.ms-tag{font-size:10px;color:var(--ink-soft);margin-top:4px}.ms-item.done .ms-tag{color:var(--gold-deep)}.ms-next{font-size:12px;color:var(--ink-soft);margin-top:10px;padding:8px 12px;background:var(--gold-pale);border-radius:8px;line-height:1.6}.ms-next b{color:var(--gold-deep)}@media(max-width:600px){.ms-ladder{grid-template-columns:repeat(4,1fr);gap:6px}.ms-item{padding:8px 4px}.ms-bonus{font-size:13px}}
.hero-legacy{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13.5px;letter-spacing:.5px;animation:heroReveal .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.48s;}
.hero-legacy .hl-sep{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright));}
.hero-legacy .hl-text{color:rgba(233,220,180,.86);}
.hl-listen{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid rgba(226,184,108,.4);background:rgba(226,184,108,.08);color:#f2d393;font-size:12.5px;cursor:pointer;transition:.25s;white-space:nowrap;}
.hl-listen:hover{background:rgba(226,184,108,.18);border-color:rgba(226,184,108,.7);}
.hl-listen.playing{background:rgba(226,184,108,.22);}
@media(max-width:640px){.hero-legacy{justify-content:center;text-align:center}.hero-legacy .hl-text{line-height:1.7}}

/* ===== 买家秀社区（社交证明墙） ===== */
.bs-grid{columns:2 320px;column-gap:14px}
.bs-card{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.bs-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.bs-img{background:var(--bg-soft);min-height:120px}
.bs-img img{width:100%;display:block;object-fit:cover}
.bs-body{padding:12px 14px}
.bs-av{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bs-av img,.bs-av span{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--gold-pale);color:var(--gold-deep);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.bs-av b{font-size:13px;color:var(--ink);font-weight:700}
.bs-stars{color:var(--gold-deep);font-size:13px;margin-bottom:6px;letter-spacing:1px}
.bs-txt{font-size:13px;color:var(--ink-soft);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.bs-prod{font-size:12px;color:var(--ink-soft);margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
@media(max-width:800px){.bs-grid{columns:2 160px;column-gap:10px}.bs-card{margin-bottom:10px}}
@media(max-width:900px){body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}

/* ===== 首页紧缩 2026-10-11：分类/领券/品牌店铺 卡片紧凑化 ===== */
.cat-item{padding:12px 8px}
.cat-item .cat-ico{width:40px;height:40px;margin:0 auto 6px}
.coupon-card .cc-left{width:88px;padding:10px 6px}
.coupon-card .cc-amt{font-size:24px}
.coupon-card .cc-right{padding:10px 12px}
.brand-tile{padding:14px 12px;gap:6px}