@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#1f2937;line-height:1.6;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;font-size:inherit;color:inherit}a{color:#7c3aed;text-decoration:none}a:hover{text-decoration:underline}:focus{outline:none}:focus-visible{outline:3px solid #7C3AED;outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-100px;left:1rem;background:#7c3aed;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;z-index:1000;transition:top .2s}.skip-link:focus-visible{top:1rem;outline:3px solid #DDD6FE;outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.bg-decoration{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.blob-1{width:500px;height:500px;background:radial-gradient(circle,#C4B5FD 0%,transparent 70%);top:-150px;right:-100px}.blob-2{width:400px;height:400px;background:radial-gradient(circle,#A78BFA 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:-10s}.blob-3{width:300px;height:300px;background:radial-gradient(circle,#DDD6FE 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%);opacity:.3;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@media (prefers-reduced-motion: reduce){.blob{animation:none}*{transition:none!important;animation:none!important}}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;max-width:1024px;margin:0 auto;width:100%}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:STKaiti,KaiTi,serif;box-shadow:0 8px 20px #7c3aed4d}.logo-text{font-size:1.25rem;font-weight:700;color:#1f2937;letter-spacing:.05em}.admin-link{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#fff;border:2px solid #7C3AED;color:#7c3aed;border-radius:999px;font-size:.875rem;font-weight:600;transition:background .2s,color .2s,transform .2s}.admin-link:hover{background:#7c3aed;color:#fff;text-decoration:none;transform:translateY(-1px)}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:2rem 1.5rem 3rem}.hero{text-align:center;margin:2rem 0 2.5rem}.hero-title{font-size:2.5rem;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.02em;display:flex;flex-direction:column;gap:.25rem}.hero-title-accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7c3aed}.hero-subtitle{margin-top:1rem;font-size:1rem;color:#4b5563}.query-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px #7c3aed1a}.input-row{position:relative;display:flex;align-items:center;gap:.75rem}.link-input{flex:1;height:56px;padding:0 1.25rem;background:#fffc;border:2px solid #E5E7EB;border-radius:16px;font-size:1rem;color:#111827;transition:border-color .2s,background .2s}.link-input::placeholder{color:#6b7280}.link-input:hover{border-color:#c4b5fd}.link-input:focus-visible{border-color:#7c3aed;background:#fff;outline:3px solid #7C3AED;outline-offset:1px}.link-input[aria-invalid=true]{border-color:#dc2626;background:#fef2f2}.btn-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#c4b5fd80;color:#4c1d95;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-clear:hover{background:#c4b5fd}.btn-clear:focus-visible{outline:3px solid #7C3AED;outline-offset:2px}.actions{display:flex;gap:.75rem;margin-top:1rem}.btn-query{flex:1;height:52px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:16px;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 20px #7c3aed4d;transition:transform .2s,box-shadow .2s,opacity .2s}.btn-query:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed66}.btn-query:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-query:disabled{background:#c4b5fd;cursor:not-allowed;box-shadow:none;opacity:.7}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-tip{margin-top:1rem;padding:.875rem 1rem;background:#fee2e2f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:4px solid #DC2626;border-radius:8px;display:flex;align-items:center;gap:.75rem;color:#991b1b;font-size:.9375rem;animation:shake .4s ease}.error-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.result-card{margin-top:1.5rem;padding:1.5rem;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:20px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.platform-tag{display:inline-flex;align-items:center;padding:.3rem .875rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.8125rem;font-weight:600;border-radius:999px;flex-shrink:0}.result-title{flex:1;min-width:0;font-size:.9375rem;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-body{display:flex;gap:1rem}.product-image-wrap{flex-shrink:0;width:120px;height:120px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder{color:#7c3aed;font-size:.8125rem}.product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.price-row{display:flex;gap:1.25rem;flex-wrap:wrap}.price-block{display:flex;flex-direction:column;gap:.125rem}.price-label{font-size:.75rem;color:#6b7280;font-weight:500}.price-value{font-size:1.125rem;font-weight:700;color:#111827}.coupon-price{color:#dc2626}.coupon-amount{color:#15803d}.original-price{color:#6b7280;text-decoration:line-through;font-size:.9375rem;font-weight:500}.rebate-box{margin-top:.5rem;padding:1.25rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #7C3AED;border-radius:16px;text-align:center}.rebate-label{font-size:.8125rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.rebate-amount{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7c3aed;line-height:1.2}.rebate-hint{font-size:.75rem;color:#7c3aed;margin-top:.5rem;font-weight:500}.promo-row{display:flex;gap:.5rem;margin-top:.5rem}.promo-input{flex:1;height:40px;padding:0 .75rem;background:#ffffffe6;border:2px solid #DDD6FE;border-radius:12px;font-size:.8125rem;color:#374151;overflow:hidden;text-overflow:ellipsis}.promo-input:focus-visible{border-color:#7c3aed;outline:2px solid #7C3AED;outline-offset:1px}.btn-copy{flex-shrink:0;padding:0 1.25rem;height:40px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:12px;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #7c3aed40}.btn-copy:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed59}.btn-copy:focus-visible{outline:3px solid #7C3AED;outline-offset:2px}.hint{margin-top:1.25rem;padding:1rem 1.25rem;background:#f5f3ffcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#1f2937}.hint p{font-weight:600;margin-bottom:.5rem;font-size:.9375rem}.hint ul{list-style:disc;padding-left:1.5rem;font-size:.875rem;line-height:1.7;color:#374151}.hint li{margin-bottom:.25rem}.platform-list{margin-top:2rem;text-align:center}.platform-title{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.75rem}.platform-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;padding:0}.platform-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#fffc;border:2px solid #DDD6FE;border-radius:999px;font-size:.8125rem;color:#374151;font-weight:500}.platform-chip .dot{width:8px;height:8px;border-radius:50%}.features{margin-top:2.5rem}.features ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:16px;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 12px 24px #7c3aed26}.feature-icon{width:48px;height:48px;margin:0 auto .75rem;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-title{font-size:.9375rem;font-weight:700;color:#111827;margin-bottom:.25rem}.feature-desc{font-size:.8125rem;color:#6b7280}.footer{margin-top:3rem;text-align:center;color:#7c3aed;font-size:.8125rem;line-height:1.8;padding-top:1.5rem;border-top:1px solid rgba(139,92,246,.2);font-weight:500;display:flex;flex-direction:column;gap:.25rem;align-items:center}.footer-icp{color:inherit;text-decoration:none;opacity:.85;transition:opacity .2s ease}.footer-icp:hover{opacity:1;text-decoration:underline}@media (max-width: 720px){.header{padding:1rem}.logo-text{font-size:1.125rem}.main{padding:1.5rem 1rem 2rem}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:.9375rem}.query-card{padding:1.25rem;border-radius:16px}.input-row{flex-direction:column;align-items:stretch}.link-input{height:52px;font-size:.9375rem}.btn-clear{top:26px;transform:none}.btn-query{height:48px}.actions,.result-body{flex-direction:column}.product-image-wrap{width:100%;height:200px}.features ul{grid-template-columns:1fr}.price-row{gap:1rem}}@media (prefers-contrast: high){body{background:#fff;color:#000}.blob{display:none}.query-card,.feature,.result-card,.hint,.platform-chip,.link-input{background:#fff;border:2px solid #000000}.btn-query,.btn-copy{background:#000;color:#fff;box-shadow:none}.rebate-box{background:#fff;border:3px solid #000000}.rebate-amount,.hero-title-accent{-webkit-text-fill-color:currentColor;color:#000}}@media print{.bg-decoration,.admin-link,.actions,.promo-row,.btn-clear{display:none}body{background:#fff}.query-card,.result-card,.feature,.hint{background:#fff;border:1px solid #000000;box-shadow:none}}