@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--bg: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--text: #1e293b;--text-secondary: #94a3b8;--text-muted: #cbd5e1;--border: #f1f5f9;--border-light: #f8fafc;--radius: 24px;--radius-sm: 16px;--radius-lg: 32px;--radius-xl: 40px;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .05), 0 0 0 1px rgba(255, 255, 255, .5) inset;--shadow-soft-lg: 0 10px 25px -5px rgba(59, 130, 246, .15), 0 8px 10px -6px rgba(59, 130, 246, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--shadow-button: 0 4px 14px rgba(59, 130, 246, .35);--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans SC", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--blue-50: #eff6ff;--blue-500: #3b82f6;--yellow-50: #fefce8;--yellow-600: #ca8a04;--red-50: #fef2f2;--red-500: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.content-area{flex:1;padding:0 20px 16px;max-width:480px;margin:0 auto;width:100%}.soft-shadow{box-shadow:var(--shadow-soft)}.soft-shadow-lg{box-shadow:var(--shadow-soft-lg)}.glass-morphism{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:24px;margin-bottom:16px;transition:var(--transition);animation:cardSlideIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card:active{transform:scale(.98)}@media (hover: hover){.card:hover{box-shadow:var(--shadow-soft)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition);border:none;width:100%;position:relative;overflow:hidden;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:var(--shadow-button);height:52px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #3b82f640}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.input{width:100%;padding:14px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-md);background:var(--bg-secondary);color:var(--text);transition:var(--transition);outline:none}.input:hover{background:#eef2f7}.input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}.input::placeholder{color:var(--text-muted)}.inner-glow{box-shadow:inset 0 2px 4px #ffffff4d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}[data-theme="1"]{--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--primary-50: #eff6ff;--primary-100: #dbeafe;--bg: #ffffff;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--text: #1e293b;--text-secondary: #94a3b8;--text-muted: #cbd5e1;--border: #f1f5f9;--radius: 24px;--radius-sm: 16px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03)}[data-theme="1"] .page-container{background:#ffffff}[data-theme="2"]{--primary: #60a5fa;--primary-light: #93c5fd;--primary-dark: #3b82f6;--primary-50: rgba(59, 130, 246, .12);--primary-100: rgba(59, 130, 246, .18);--bg: transparent;--bg-secondary: rgba(255, 255, 255, .06);--bg-card: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .08);--radius: 24px;--radius-sm: 16px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .2);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .3);--shadow-button: 0 4px 14px rgba(59, 130, 246, .4);--green-50: rgba(34, 197, 94, .12);--green-500: #4ade80;--green-600: #22c55e;--blue-50: rgba(59, 130, 246, .12);--blue-500: #60a5fa;--yellow-50: rgba(234, 179, 8, .12);--yellow-600: #facc15;--red-50: rgba(239, 68, 68, .12);--red-500: #f87171}[data-theme="2"] .page-container{background:linear-gradient(160deg,#0f172a 0%,#1e293b 40%,#0f172a 100%);background-attachment:fixed}[data-theme="2"] .site-header{background:transparent}[data-theme="2"] .search-card,[data-theme="2"] .result-item,[data-theme="2"] .modal-panel{background:rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1)}[data-theme="2"] .input{background:rgba(255,255,255,.06);border-color:#ffffff1a;color:#f1f5f9}[data-theme="2"] .input:hover{background:rgba(255,255,255,.1)}[data-theme="2"] .input:focus{background:rgba(255,255,255,.12);border-color:var(--primary)}[data-theme="2"] .input::placeholder{color:#64748b}[data-theme="2"] .bottom-nav{background:rgba(15,23,42,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -4px 20px #0000004d}[data-theme="2"] .logo-ring{background:rgba(255,255,255,.08);border-color:#ffffff1a}[data-theme="2"] .site-subtitle{color:#64748b}[data-theme="2"] .notice-bar,[data-theme="2"] .tracking-bar{background:rgba(255,255,255,.06)}[data-theme="2"] .tracking-label{background:rgba(255,255,255,.08);color:#94a3b8}[data-theme="2"] .toast-notification{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme="2"] .close-circle{background:rgba(255,255,255,.08)}[data-theme="2"] .close-circle:hover{background:rgba(255,255,255,.15)}[data-theme="2"] .copy-pill{background:rgba(59,130,246,.15)}[data-theme="2"] .empty-circle{background:rgba(255,255,255,.06)}[data-theme="3"]{--primary: #F43F5E;--primary-light: #FB7185;--primary-dark: #E11D48;--primary-50: #fff1f2;--bg: #FFF7ED;--bg-secondary: #FEF3C7;--bg-card: #ffffff;--text: #000000;--text-secondary: #374151;--text-muted: #6b7280;--border: #000000;--radius: 0px;--radius-sm: 0px;--shadow-card: 5px 5px 0px #000000;--shadow-soft: 8px 8px 0px #000000;--shadow-button: 4px 4px 0px #000000}[data-theme="3"] .page-container,[data-theme="3"] .site-header{background:#FFF7ED}[data-theme="3"] .search-card,[data-theme="3"] .result-item{border:3px solid #000;box-shadow:5px 5px #000;border-radius:0}[data-theme="3"] .btn-primary{border:3px solid #000;box-shadow:3px 3px #000;font-weight:900;text-transform:uppercase;background:#F43F5E;border-radius:0!important}[data-theme="3"] .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000}[data-theme="3"] .btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px #000}[data-theme="3"] .input{border:3px solid #000;border-radius:0}[data-theme="3"] .logo-ring{border-radius:0;border:3px solid #000}[data-theme="3"] .logo-icon-box{border-radius:0;transform:none}[data-theme="3"] .result-icon-wrap{border-radius:0}[data-theme="3"] .bottom-nav{border-radius:0;box-shadow:0 -4px #000}[data-theme="3"] .notice-bar{border-radius:0;border:2px solid #000}[data-theme="4"]{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--primary-50: rgba(99, 102, 241, .08);--bg: transparent;--bg-secondary: rgba(255, 255, 255, .5);--bg-card: rgba(255, 255, 255, .72);--text: #1e1b4b;--text-secondary: #6b7280;--text-muted: #a5b4fc;--border: rgba(139, 92, 246, .08);--radius: 24px;--radius-sm: 16px;--shadow-card: 0 4px 20px rgba(99, 102, 241, .06);--shadow-button: 0 4px 14px rgba(99, 102, 241, .35)}[data-theme="4"] .page-container{background:radial-gradient(at 20% 80%,rgba(99,102,241,.18) 0%,transparent 50%),radial-gradient(at 80% 20%,rgba(236,72,153,.12) 0%,transparent 50%),radial-gradient(at 50% 50%,rgba(6,182,212,.1) 0%,transparent 60%),radial-gradient(at 70% 70%,rgba(245,158,11,.08) 0%,transparent 50%),linear-gradient(135deg,#faf5ff,#ede9fe,#e0f2fe,#fce7f3);background-attachment:fixed}[data-theme="4"] .site-header{background:transparent}[data-theme="4"] .search-card,[data-theme="4"] .result-item{background:rgba(255,255,255,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5)}[data-theme="4"] .btn-primary{background:linear-gradient(135deg,#6366F1,#8B5CF6,#A855F7)}[data-theme="4"] .modal-panel{background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme="4"] .bottom-nav{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme="4"] .logo-icon-box{background:linear-gradient(135deg,#6366F1,#EC4899)}[data-theme="4"] .notice-bar{background:rgba(255,255,255,.5)}[data-theme="4"] .input{background:rgba(255,255,255,.6)}[data-theme="4"] .input:hover{background:rgba(255,255,255,.8)}[data-theme="4"] .input:focus{background:#fff}[data-theme="5"]{--primary: #A855F7;--primary-light: #C084FC;--primary-dark: #9333EA;--primary-50: rgba(168, 85, 247, .12);--bg: #0F0C29;--bg-secondary: rgba(27, 20, 100, .4);--bg-card: rgba(27, 20, 100, .5);--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(168, 85, 247, .15);--radius: 24px;--radius-sm: 16px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-button: 0 4px 20px rgba(168, 85, 247, .4);--green-50: rgba(34, 197, 94, .12);--green-500: #4ade80;--green-600: #22c55e;--blue-50: rgba(168, 85, 247, .12);--blue-500: #A855F7}[data-theme="5"] .page-container{background:linear-gradient(160deg,#0F0C29 0%,#1B1464 50%,#302B63 100%)}[data-theme="5"] .site-header{background:transparent}[data-theme="5"] .search-card,[data-theme="5"] .result-item{background:rgba(27,20,100,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(168,85,247,.15)}[data-theme="5"] .modal-panel{background:rgba(27,20,100,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.2)}[data-theme="5"] .input{background:rgba(15,12,41,.8);border-color:#a855f726;color:#f1f5f9}[data-theme="5"] .input:hover{background:rgba(27,20,100,.6)}[data-theme="5"] .input:focus{border-color:#a855f7;background:rgba(27,20,100,.8)}[data-theme="5"] .input::placeholder{color:#64748b}[data-theme="5"] .btn-primary{background:linear-gradient(135deg,#6366F1,#A855F7,#EC4899)}[data-theme="5"] .bottom-nav{background:rgba(15,12,41,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(168,85,247,.1)}[data-theme="5"] .logo-ring{background:rgba(168,85,247,.15);border-color:#a855f733}[data-theme="5"] .logo-icon-box{background:linear-gradient(135deg,#6366F1,#A855F7)}[data-theme="5"] .logo-blur-glow{background:#A855F7}[data-theme="5"] .notice-bar,[data-theme="5"] .tracking-bar{background:rgba(168,85,247,.08)}[data-theme="5"] .toast-notification{background:rgba(27,20,100,.9)}[data-theme="5"] .close-circle{background:rgba(168,85,247,.12)}[data-theme="5"] .copy-pill{background:rgba(168,85,247,.15);color:#c084fc}[data-theme="5"] .logistics-pill{background:#A855F7}[data-theme="5"] .empty-circle{background:rgba(168,85,247,.1)}[data-theme="5"] .tracking-label{background:rgba(168,85,247,.1);color:#94a3b8}[data-theme="6"]{--primary: #18181b;--primary-light: #3f3f46;--primary-dark: #09090b;--primary-50: #f4f4f5;--bg: #ffffff;--bg-secondary: #fafafa;--bg-card: #ffffff;--text: #18181b;--text-secondary: #a1a1aa;--text-muted: #d4d4d8;--border: #e4e4e7;--radius: 4px;--radius-sm: 2px;--shadow-card: none;--shadow-soft: none;--shadow-button: none}[data-theme="6"] .page-container,[data-theme="6"] .site-header{background:#fff}[data-theme="6"] .search-card,[data-theme="6"] .result-item{border:1px solid #e4e4e7;box-shadow:none;border-radius:4px}[data-theme="6"] .btn-primary{background:#18181b;border-radius:2px!important;font-weight:500;letter-spacing:.08em;box-shadow:none}[data-theme="6"] .input{border:none;border-bottom:1px solid #d4d4d8;border-radius:0;padding:10px 0 10px 40px;background:transparent}[data-theme="6"] .input:focus{border-color:#18181b;box-shadow:none;background:transparent}[data-theme="6"] .logo-ring{border-radius:4px;box-shadow:none}[data-theme="6"] .logo-icon-box{border-radius:4px;background:#18181b;transform:none}[data-theme="6"] .logo-blur-glow{display:none}[data-theme="6"] .result-icon-wrap{border-radius:4px}[data-theme="6"] .bottom-nav{box-shadow:none;border-top:1px solid #e4e4e7}[data-theme="6"] .notice-bar{border-radius:2px;border:1px solid #e4e4e7}[data-theme="6"] .action-pill{border-radius:2px}[data-theme="7"]{--primary: #1a1a2e;--primary-light: #16213e;--primary-dark: #0f0f23;--primary-50: #f5f5f5;--bg: #ffffff;--bg-secondary: #f7f7f7;--bg-card: #ffffff;--text: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--shadow-button: 0 2px 8px rgba(0, 0, 0, .15)}[data-theme="7"] .page-container,[data-theme="7"] .site-header{background:#fff}[data-theme="7"] .site-title{font-size:28px;font-weight:900;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif}[data-theme="7"] .search-title{font-size:24px;font-weight:900;font-family:Georgia,Times New Roman,serif}[data-theme="7"] .btn-primary{background:#1a1a2e;font-size:16px;padding:16px 32px}[data-theme="8"]{--primary: #A78BFA;--primary-light: #C4B5FD;--primary-dark: #8B5CF6;--primary-50: rgba(167, 139, 250, .12);--bg: #0F0C29;--bg-secondary: rgba(27, 20, 100, .3);--bg-card: rgba(27, 20, 100, .4);--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(139, 92, 246, .15);--radius: 20px;--radius-sm: 14px;--shadow-card: 0 0 20px rgba(139, 92, 246, .08);--shadow-button: 0 0 20px rgba(139, 92, 246, .3);--green-50: rgba(34, 197, 94, .12);--green-500: #4ade80;--green-600: #22c55e;--blue-50: rgba(167, 139, 250, .12);--blue-500: #A78BFA}[data-theme="8"] .page-container{background:#0F0C29}[data-theme="8"] .site-header{background:transparent}[data-theme="8"] .search-card,[data-theme="8"] .result-item{background:rgba(27,20,100,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.15)}[data-theme="8"] .btn-primary{background:transparent;border:2px solid #A78BFA;color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.5);box-shadow:0 0 20px #8b5cf626}[data-theme="8"] .btn-primary:hover{background:#A78BFA;color:#0f0c29;box-shadow:0 0 30px #8b5cf666}[data-theme="8"] .input{background:rgba(15,12,41,.6);border-color:#8b5cf626;color:#e2e8f0}[data-theme="8"] .input:hover{background:rgba(15,12,41,.8)}[data-theme="8"] .input:focus{border-color:#a78bfa;box-shadow:0 0 10px #a78bfa26}[data-theme="8"] .input::placeholder{color:#64748b}[data-theme="8"] .bottom-nav{background:rgba(15,12,41,.95);border-top:1px solid rgba(139,92,246,.1)}[data-theme="8"] .modal-panel{background:rgba(15,12,41,.95);border:1px solid rgba(139,92,246,.2)}[data-theme="8"] .logo-ring{background:rgba(167,139,250,.1);border-color:#8b5cf633}[data-theme="8"] .logo-icon-box{background:linear-gradient(135deg,#8B5CF6,#A78BFA)}[data-theme="8"] .logo-blur-glow,[data-theme="8"] .logistics-pill{background:#8B5CF6}[data-theme="8"] .copy-pill{background:rgba(139,92,246,.15);color:#c4b5fd}[data-theme="8"] .notice-bar,[data-theme="8"] .tracking-bar{background:rgba(139,92,246,.06)}[data-theme="8"] .tracking-label{background:rgba(139,92,246,.08)}[data-theme="8"] .close-circle{background:rgba(139,92,246,.1)}[data-theme="8"] .empty-circle{background:rgba(139,92,246,.08)}[data-theme="8"] .toast-notification{background:rgba(27,20,100,.9)}[data-theme="9"]{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--primary-50: #eef2ff;--bg: #faf5ff;--bg-secondary: #ede9fe;--bg-card: #ffffff;--text: #1e1b4b;--text-secondary: #6b7280;--text-muted: #a5b4fc;--border: #ddd6fe;--radius: 24px;--radius-sm: 16px;--shadow-card: 0 4px 16px rgba(99, 102, 241, .06);--shadow-button: 0 4px 14px rgba(99, 102, 241, .35)}[data-theme="9"] .page-container{background:linear-gradient(180deg,#4F46E5 0%,#8B5CF6 20%,#EC4899 40%,#fce7f3 60%,#faf5ff 80%)}[data-theme="9"] .site-header{background:transparent}[data-theme="9"] .site-title{color:#fff}[data-theme="9"] .site-subtitle{color:#ffffff80}[data-theme="9"] .logo-ring{background:rgba(255,255,255,.2);border-color:#ffffff4d}[data-theme="9"] .logo-blur-glow{background:rgba(255,255,255,.3)}[data-theme="9"] .search-card,[data-theme="9"] .result-item{animation:slideUpFade .6s ease both}[data-theme="9"] .result-item:nth-child(1){animation-delay:.1s}[data-theme="9"] .result-item:nth-child(2){animation-delay:.2s}[data-theme="9"] .result-item:nth-child(3){animation-delay:.3s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}[data-theme="9"] .btn-primary{background:linear-gradient(135deg,#6366F1,#8B5CF6)}[data-theme="10"]{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--primary-50: rgba(99, 102, 241, .08);--bg: #f0f0f0;--bg-secondary: #e8e8e8;--bg-card: #ffffff;--text: #18181b;--text-secondary: #71717a;--text-muted: #a1a1aa;--border: #d4d4d8;--radius: 24px;--radius-sm: 16px;--shadow-card: 0 4px 16px rgba(0, 0, 0, .08)}[data-theme="10"] .page-container{background:linear-gradient(135deg,#c4b5fd,#fbcfe8,#a5f3fc,#d9f99d,#c4b5fd);background-size:400% 400%;animation:holoShift 8s ease infinite}@keyframes holoShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme="10"] .site-header{background:transparent}[data-theme="10"] .search-card,[data-theme="10"] .result-item{background:linear-gradient(135deg,rgba(255,255,255,.85) 0%,rgba(196,181,253,.3) 25%,rgba(251,207,232,.3) 50%,rgba(165,243,252,.3) 75%,rgba(255,255,255,.85) 100%);background-size:200% 200%;animation:holoCard 4s ease infinite;border:1px solid rgba(99,102,241,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes holoCard{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme="10"] .btn-primary{background:linear-gradient(135deg,#6366F1,#EC4899,#06B6D4);background-size:200% 200%;animation:holoBtn 3s ease infinite}@keyframes holoBtn{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme="10"] .bottom-nav{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}