*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#1a1028;color:#1e1e1e;min-height:100vh;position:relative}body:before{content:'';position:fixed;inset:0;background-image:linear-gradient(45deg,rgba(253,187,33,.25) 1px,transparent 1px),linear-gradient(-45deg,rgba(123,76,159,.2) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:1}:root{--purple-deep:#5f3b7a;--purple-rich:#7b4c9f;--purple-glow:#b290d5;--gold-rich:#fdbb21;--gold-light:#fee19c}.mobile-wrap{max-width:750px;margin:0 auto;background-color:rgba(250,240,255,.92);backdrop-filter:blur(4px);box-shadow:0 0 60px rgba(159,120,200,.5);min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:3;border-left:1px solid rgba(253,187,33,.3);border-right:1px solid rgba(253,187,33,.3)}.main-content{flex:1 0 auto;width:100%}.head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;background:linear-gradient(165deg,rgba(123,76,159,.9),rgba(95,59,122,.95));backdrop-filter:blur(5px);border-bottom:2px solid var(--gold-rich);box-shadow:0 8px 20px -5px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,200,.6);border-radius:0 0 36px 36px;position:relative}.head:after{content:'';position:absolute;bottom:-2px;left:5%;width:90%;height:2px;background:linear-gradient(90deg,transparent,#ffd966,#ffb347,#ffd966,transparent);filter:blur(1px)}.logo{display:flex;align-items:center;gap:10px}.logo img{height:52px;width:auto;max-width:92px;object-fit:contain;border-radius:18px;background:white;padding:3px;border:2px solid var(--gold-rich);box-shadow:0 6px 16px rgba(0,0,0,.5)}.site-name{font-size:1.9rem;font-weight:800;background:linear-gradient(135deg,#fff2cf,#ffe9a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 8px rgba(253,187,33,.6);letter-spacing:.5px;white-space:nowrap}.site-name:after{content:'✦';font-size:2rem;-webkit-text-fill-color:var(--gold-rich);color:var(--gold-rich);margin-left:4px;text-shadow:0 0 10px #ffd700}.share-btn{background:linear-gradient(145deg,#7b4c9f,#9b6fd0);border:2px solid #fdbb21;border-radius:40px;padding:8px 20px;box-shadow:0 6px 14px rgba(0,0,0,.4),0 0 0 2px rgba(255,255,255,.2) inset;cursor:pointer;transition:.15s}.share-btn:active{transform:scale(.94);background:#6a3f8a;border-color:#ffd966}.share-text{font-size:1rem;font-weight:700;color:white;text-shadow:0 2px 3px #00000040;letter-spacing:.5px}.banner{padding:12px 16px 8px;overflow:hidden}.banner-track{display:flex;gap:18px;transition:transform .45s ease}.banner-slide{display:block;min-width:100%;border-radius:40px;overflow:hidden;box-shadow:0 16px 24px -10px #3e2a4f,0 0 0 2px #ffd966,0 0 0 4px rgba(123,76,159,.34)}.banner-slide img{width:100%;height:var(--banner-height,150px);object-fit:var(--banner-fit,cover);display:block}.gold-marquee{background:#2a1a38;border:2px solid #7b4c9f;border-radius:40px;margin:8px 16px 6px;padding:6px 10px;box-shadow:0 4px 12px rgba(123,76,159,.4);overflow:hidden;white-space:nowrap}.gold-marquee .marquee-track{display:flex;width:max-content;animation:prizeScroll var(--prize-speed,35s) linear infinite}.gold-marquee .marquee-track span{display:block;flex:0 0 auto;padding-right:60px;font-size:.95rem;font-weight:600;background:linear-gradient(45deg,#ff6b6b,#ffb347,#ffd966,#6bff6b,#6bd4ff,#d96bff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:glow 8s ease infinite;background-size:400% 400%}@keyframes prizeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes glow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.notice{background:linear-gradient(145deg,#ece3fd,#d9c9f0);margin:5px 16px 14px;padding:5px 12px 5px 10px;border-radius:60px;display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--gold-rich);box-shadow:0 6px 16px rgba(95,59,122,.4),0 0 0 2px rgba(255,255,240,.3) inset}.notice .ico{width:28px;height:28px;background:radial-gradient(circle at 30% 30%,#fdbb21,#b27c28);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2e1d3a;font-size:1rem;font-weight:bold;box-shadow:0 3px 8px #7b4c9f,0 0 0 2px #fff6cf inset}.notice marquee{flex:1;font-size:1rem;color:#2e1d3a;font-weight:530;background:transparent;padding:1px 0;line-height:1.3}.notice:after{content:'';width:10px;height:10px;background:radial-gradient(circle,#ffe484,#fdbb21);border-radius:50%;margin-left:2px;box-shadow:0 0 10px #fdbb21;border:1px solid white}.product{padding:0 10px 6px}.list ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.list li{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border-radius:24px;overflow:hidden;box-shadow:0 15px 25px -12px rgba(95,59,122,.6),0 0 0 1px rgba(253,187,33,.3) inset,0 0 0 2px rgba(255,255,255,.6) inset;transition:transform .15s,box-shadow .2s;border:1px solid rgba(253,187,33,.5);display:flex}.list li:active{transform:scale(.96);box-shadow:0 20px 30px -10px #5f3b7a,0 0 0 2px #fdbb21,0 0 0 4px rgba(255,215,0,.3) inset}.list a{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%}.image{width:100%;aspect-ratio:1/1;background:linear-gradient(145deg,#f0e6ff,#e2d0f5);display:flex;align-items:center;justify-content:center;padding:6px}.image img{width:88%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:2px solid #fdbb21;box-shadow:0 8px 16px rgba(123,76,159,.3),0 0 0 3px rgba(255,255,240,.5);transition:.2s;background:white}.list li:hover .image img{transform:scale(1.02);border-color:#ffd966}.text{padding:6px 4px 10px;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.4);backdrop-filter:blur(4px);border-top:1px solid rgba(253,187,33,.3);flex:1}.tits{font-weight:800;font-size:.9rem;line-height:1.25;color:#2a103a;text-align:center;margin-bottom:3px;word-break:break-word;width:100%;text-shadow:0 1px 3px rgba(253,187,33,.3)}.txts{font-size:.7rem;color:#3a2950;line-height:1.3;text-align:center;word-break:break-word;margin:2px 0 5px;padding:0 4px;width:100%;font-weight:500}.btns{width:100%;display:flex;justify-content:center;margin-top:auto}.btns button{background:linear-gradient(145deg,#fdbb21,#e09f10);font-size:.7rem;font-weight:700;color:#2a1530;padding:5px 8px;border-radius:60px;box-shadow:0 6px 12px rgba(181,128,0,.4),0 0 0 1px rgba(255,255,255,.6) inset;width:90%;text-align:center;cursor:pointer;border:1px solid #fff2b0}.footer{text-align:center;font-size:.95rem;color:#7b4c9f;text-shadow:0 0 4px white,0 0 4px white,0 0 6px white;padding:28px 16px 24px;border-top:2px solid rgba(253,187,33,.4);background:linear-gradient(0deg,rgba(123,76,159,.1),transparent);border-radius:40px 40px 0 0;font-weight:600;width:100%;flex-shrink:0}.share-modal,.modal{display:none;position:fixed;z-index:2000;inset:0;background-color:rgba(46,29,58,.7);backdrop-filter:blur(8px);align-items:center;justify-content:center}.share-modal.show,.modal.show{display:flex}.share-content{background:#fcf7ff;width:70%;max-width:400px;border-radius:50px;padding:32px 20px 20px;position:relative;box-shadow:0 30px 50px #2a1738,0 0 0 4px #fdbb21,0 0 0 8px rgba(255,215,0,.2);border:1px solid #ffe8a3;text-align:center}.share-content h3{font-size:1.5rem;color:#7b4c9f;margin-bottom:20px;font-weight:700;text-shadow:0 2px 5px rgba(253,187,33,.3)}.share-option{display:flex;align-items:center;gap:15px;background:#f0e6ff;border-radius:60px;padding:12px 20px;margin-bottom:12px;border:1px solid var(--gold-rich);box-shadow:0 4px 10px rgba(0,0,0,.1);cursor:pointer}.share-option .icon{width:40px;height:40px;background:var(--purple-rich);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;box-shadow:0 4px 8px rgba(123,76,159,.5)}.share-option span{font-size:1.2rem;font-weight:600;color:#2a1530}.share-close{position:absolute;top:12px;right:18px;font-size:32px;color:#7b4c9f;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0e2ff;border:2px solid #fdbb21}.modal{z-index:1500;backdrop-filter:blur(12px)}.modal-content{background:#f9f2ff;width:82%;max-width:560px;border-radius:48px;padding:36px 24px 24px;position:relative;box-shadow:0 40px 70px rgba(123,76,159,.6),0 0 0 3px #fdbb21,0 0 0 10px rgba(255,215,0,.15);border:1px solid #ffe8a3}.modal-content p{font-size:1.1rem;line-height:1.7;color:#2a1530;text-align:center;font-weight:600}.modal-btn{margin:24px auto 0;background:linear-gradient(145deg,#fdbb21,#e09f10);color:#2a1530;border-radius:60px;padding:11px 40px;width:max-content;min-width:150px;text-align:center;font-weight:800;box-shadow:0 8px 18px rgba(181,128,0,.35);cursor:pointer}.float-service{position:fixed;right:calc(50% - 360px);bottom:28px;z-index:1000;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#7b4c9f,#fdbb21);color:#fff;box-shadow:0 12px 28px rgba(82,35,110,.35);font-size:22px;display:flex;flex-direction:column;align-items:center;justify-content:center}.float-service small{font-size:11px}.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(20px);background:rgba(36,17,54,.92);color:#fff;padding:12px 20px;border-radius:999px;z-index:3000;opacity:0;transition:.25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:780px){.mobile-wrap{max-width:100%;border:0}.float-service{right:18px}}@media(max-width:480px){.head{padding:8px 12px 6px;border-radius:0 0 28px 28px}.logo img{height:46px;border-radius:14px}.site-name{font-size:1.45rem}.site-name:after{font-size:1.5rem}.share-btn{padding:6px 14px}.share-text{font-size:.88rem}.banner{padding:10px 12px 7px}.banner-slide{border-radius:28px}.gold-marquee{margin:7px 12px 5px}.notice{margin:5px 12px 12px}.product{padding:0 8px 6px}.list ul{gap:7px}.list li{border-radius:18px}.image{padding:5px}.image img{border-radius:14px}.tits{font-size:.78rem}.txts{font-size:.6rem}.btns button{font-size:.6rem;padding:4px 5px}.share-content{width:82%;border-radius:38px}.modal-content{width:86%;border-radius:38px}}