html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;color:#1a1a2e;background:#f0f2f5;font-family:Inter,Noto Sans TC,-apple-system,sans-serif;line-height:1.6}#app{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;margin:0}:root{--c1:#9e1b32;--c2:#7a1428;--c3:#c5a96b;--bg:#f0f2f5;--card:#fff;--sh:0 8px 32px #00000014;--r:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1e1e2f;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:100vh;font-family:Inter,Noto Sans TC,-apple-system,sans-serif;line-height:1.65}#app{text-align:left;border:none;width:100%;max-width:100%}.app{min-height:100vh;padding-top:107px;padding-bottom:60px}.pbar{z-index:9999;background:#e0e0e0;width:100%;height:8px;position:fixed;top:0;left:0;box-shadow:0 2px 8px #00000026}.pbar__fill{background:linear-gradient(90deg,var(--c1),var(--c3),#ff4757);background-size:200% 200%;border-radius:0 4px 4px 0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);animation:2s infinite pbarGlow;box-shadow:0 0 10px #9e1b3266}@keyframes pbarGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hdr{z-index:210;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #0000000f;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.hdr--scrolled{padding:8px 0;box-shadow:0 2px 10px #0000000d}.hdr__in{justify-content:space-between;align-items:center;gap:12px;max-width:780px;margin:0 auto;padding:0 20px;display:flex}.hdr__logo{object-fit:contain;max-width:55vw;height:55px;transition:all .3s}.hdr--scrolled .hdr__logo{height:35px}@media (width>=600px){.hdr__logo{max-width:none;height:75px}.hdr--scrolled .hdr__logo{height:45px}}.lang-sw{gap:4px;display:flex}.lang-sw--glow button{border-color:var(--c1);color:var(--c1);animation:1.2s infinite glowPulse}@keyframes glowPulse{0%{background:#9e1b320d;box-shadow:0 0 #9e1b3299}70%{background:#9e1b3233;box-shadow:0 0 0 10px #9e1b3200}to{background:#9e1b320d;box-shadow:0 0 #9e1b3200}}.lang-sw button{cursor:pointer;color:#555;background:0 0;border:1.5px solid #ddd;border-radius:20px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s}@media (width>=600px){.lang-sw{gap:6px}.lang-sw button{padding:5px 14px;font-size:13px}}.lang-sw button.on{background:var(--c1);color:#fff;border-color:var(--c1)}.lang-sw button:hover:not(.on){border-color:var(--c3);color:var(--c1)}.mn{max-width:740px;margin:0 auto;padding:32px 20px}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);border:1px solid #0000000a;padding:40px}.stag{background:linear-gradient(135deg,var(--c1),#b8243c);color:#fff;letter-spacing:.3px;border-radius:20px;margin-bottom:20px;padding:5px 16px;font-size:13px;font-weight:600;display:inline-block}h1{color:#1a1a2e;margin-bottom:8px;font-size:26px;font-weight:700;line-height:1.4}h2{color:#1a1a2e;margin-bottom:24px;font-size:21px;font-weight:600;line-height:1.4}.intro__badge{color:var(--c1);background:#9e1b3214;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.intro__author{color:var(--c1);margin-bottom:16px;font-size:15px;font-weight:600}.intro__desc{color:#555;margin-bottom:24px;font-size:15px}.warn{color:#8b6914;background:#fff8f0;border:1px solid #fde0c0;border-radius:12px;margin-bottom:28px;padding:16px 20px;font-size:14px;line-height:1.7}.btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;justify-content:center;align-items:center;padding:13px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.btn--p{background:linear-gradient(135deg,var(--c1),#b8243c);color:#fff}.btn--p:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9e1b324d}.btn--p:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.btn--s{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn--s:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn--f{width:100%;margin-top:8px;padding:16px;font-size:17px}.nav{justify-content:flex-end;margin-top:28px;display:flex}.rgrid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;display:grid}.rcard{text-align:center;cursor:pointer;border:2px solid #e8e8ec;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;transition:all .25s;display:flex}.rcard:hover{border-color:var(--c3);background:#fffcf5;transform:translateY(-2px)}.rcard.sel{border-color:var(--c1);background:linear-gradient(135deg,#fdf2f2,#fef7f0);box-shadow:0 4px 16px #9e1b321a}.rcard__flag{font-size:36px}.rcard__name{color:#1a1a2e;font-size:18px;font-weight:600}.rcard__cur{color:#888;font-size:13px;font-weight:500}.scintro{color:#555;margin-bottom:28px;font-size:15px;line-height:1.7}.scblock{background:linear-gradient(135deg,#fafbfd,#f5f6fa);border:1px solid #e8e8ec;border-radius:14px;margin-bottom:28px;padding:28px}.scblock__head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.scblock__badge{background:var(--c1);color:#fff;letter-spacing:.5px;border-radius:16px;padding:4px 14px;font-size:12px;font-weight:700}.scblock__cat{color:#888;font-size:13px;font-weight:500}.scblock__product{color:#1a1a2e;margin-bottom:12px;font-size:17px;font-weight:600}.scblock__img{border-radius:10px;width:100%;max-width:360px;margin:0 auto 16px;display:block;box-shadow:0 4px 16px #00000014}.scblock__prices{background:#fff;border:1px solid #eee;border-radius:10px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.scblock__orig{color:#999;font-size:14px}.scblock__orig del{color:#bbb}.scblock__disc{color:var(--c1);letter-spacing:-.3px;font-size:20px;font-weight:800}.scblock__final{color:#10b981;letter-spacing:-.3px;font-size:22px;font-weight:800}.qb{border-radius:12px;margin-bottom:24px;padding:12px;transition:all .3s}.qb--err{box-shadow:0 0 0 2px var(--c1);background:#9e1b320d;animation:.4s shake}.err-msg{color:var(--c1);margin-top:8px;font-size:13px;font-weight:600;animation:.3s fdIn}@keyframes fdIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.likert{align-items:center;gap:10px;margin-top:8px;display:flex}.likert__e{color:#999;text-align:center;min-width:52px;font-size:12px;line-height:1.3}.likert__dots{flex:1;justify-content:space-between;display:flex}.dot{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:all .2s;display:flex}.dot input{display:none}.dot span{color:#888;background:#fff;border:2px solid #d8d8e0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.dot:hover span{border-color:var(--c3);color:var(--c1);transform:scale(1.08)}.dot.on span{background:linear-gradient(135deg,var(--c1),#b8243c);color:#fff;border-color:var(--c1);transform:scale(1.1);box-shadow:0 3px 12px #9e1b3240}.rlist{flex-direction:column;gap:10px;display:flex}.ritem{cursor:pointer;color:#444;border:1.5px solid #e8e8ec;border-radius:10px;align-items:center;gap:10px;padding:14px 18px;font-size:15px;transition:all .2s;display:flex}.ritem input{display:none}.ritem:hover{border-color:var(--c3);background:#fffcf5}.ritem.sel{border-color:var(--c1);color:var(--c1);background:linear-gradient(135deg,#fdf2f2,#fef7f0);font-weight:600;box-shadow:0 2px 10px #9e1b3214}.inp{color:#1e1e2f;background:#fafbfc;border:1.5px solid #e0e0e4;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.inp:focus{border-color:var(--c1);background:#fff;outline:none;box-shadow:0 0 0 3px #9e1b321a}.done{text-align:center;padding:60px 40px}.done__icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;animation:.5s pop;display:flex;box-shadow:0 8px 24px #10b98140}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.inline-warn{color:#856404;text-align:center;background:#fff3cd;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:500}.loader-wrap{justify-content:center;align-items:center;gap:8px;display:flex}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fd-enter-active,.fd-leave-active{transition:all .35s}.fd-enter-from{opacity:0;transform:translateY(20px)}.fd-leave-to{opacity:0;transform:translateY(-20px)}.ftr{text-align:center;color:#aaa;padding:24px;font-size:13px}@media (width<=640px){.app{padding-top:62px}.hdr--scrolled .hdr__logo{height:25px}.card{border-radius:12px;padding:24px 18px}.hdr__in{padding:0 16px}.hdr__logo{height:30px}.mn{padding:20px 12px}h1{font-size:20px}h2{font-size:18px}.rgrid{grid-template-columns:1fr}.rcard{padding:20px}.rcard__flag{font-size:28px}.scblock{padding:20px}.scblock__prices{flex-direction:column;align-items:flex-start;gap:8px}.scblock__disc{font-size:18px}.likert{grid-template-columns:1fr 1fr;gap:6px;display:grid}.likert__e{min-width:0;font-size:11px}.likert__e:first-of-type{text-align:left;grid-area:1/1}.likert__e:last-of-type{text-align:right;grid-area:1/2}.likert__dots{grid-area:2/1/auto/span 2;justify-content:space-around;width:100%}.dot span{width:34px;height:34px;font-size:13px}.btn--f{padding:14px;font-size:15px}.lang-sw button{padding:4px 10px;font-size:12px}}@media (width>=641px) and (width<=1024px){.card{padding:32px}.mn{padding:28px 20px}.dot span{width:36px;height:36px}}