:root{--accent: #7c5cff;--accent-2: #ff5c9d;--accent-ring: rgba(124, 92, 255, .35);--accent-link: #b9a4ff;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .16);--text-strong: #f5f3ff;--text-soft: rgba(245, 243, 255, .72);--text-faint: rgba(245, 243, 255, .42);color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{color:var(--text-strong);background:#0d0a1f;background-image:linear-gradient(160deg,#140f2e,#0d0a1f 45%,#1a0f24);background-attachment:fixed}#root{min-height:100dvh}a{color:var(--accent-link)}@media(prefers-color-scheme:light){:root{--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .7);--text-strong: #1b1338;--text-soft: rgba(27, 19, 56, .72);--text-faint: rgba(27, 19, 56, .45);--accent-link: #6b3fff;color-scheme:light}body{background:#eef1ff;background-image:linear-gradient(160deg,#eef0ff,#fbe9f3,#e7f7ff)}.glass-card{box-shadow:0 8px 32px #503ca01f,inset 0 1px #fff9!important}.hero-title{background:linear-gradient(120deg,#4a2fb0,#b3318a)!important;-webkit-background-clip:text!important;background-clip:text!important}}.app-shell{position:relative;min-height:100dvh;width:100%;display:flex;justify-content:center;padding:clamp(1.25rem,4vw,3rem) 1rem;overflow:hidden}.bg-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.orb-1{width:42vw;height:42vw;background:radial-gradient(circle at 30% 30%,#7c5cff,transparent 70%);top:-8vw;left:-6vw;animation:float-a 18s ease-in-out infinite}.orb-2{width:38vw;height:38vw;background:radial-gradient(circle at 70% 40%,#ff5c9d,transparent 70%);bottom:-10vw;right:-8vw;animation:float-b 22s ease-in-out infinite}.orb-3{width:30vw;height:30vw;background:radial-gradient(circle at 50% 50%,#2dd4bf,transparent 70%);top:40%;left:55%;animation:float-c 26s ease-in-out infinite}@keyframes float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vw,8vh) scale(1.12)}}@keyframes float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7vw,-6vh) scale(1.08)}}@keyframes float-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,5vh) scale(1.15)}}.container{position:relative;z-index:1;width:100%;max-width:30rem;display:flex;flex-direction:column;gap:1.1rem}.hero{text-align:center;margin-bottom:.25rem}.hero-badge{display:inline-block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:.35em .9em;border-radius:999px;color:var(--text-soft);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:.9rem}.hero-title{font-size:clamp(2rem,7vw,2.9rem);font-weight:800;margin:0;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#cdb8ff,#ffb8d6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin:.6rem 0 0;color:var(--text-soft);font-size:.95rem}.glass-card{position:relative;border-radius:22px;padding:1.35rem;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff2e;text-align:left}.field-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--text-soft);margin-bottom:.55rem}.search-row{display:flex;gap:.6rem}.glass-input{flex:1;min-width:0;padding:.8rem 1rem;font-size:1rem;color:var(--text-strong);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.glass-input::placeholder{color:var(--text-faint)}.glass-input:focus{border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 3px var(--accent-ring)}.glass-input:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8rem 1.3rem;font-size:.95rem;font-weight:600;color:#fff;border:none;border-radius:14px;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .2s,opacity .2s,filter .2s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);box-shadow:0 6px 20px var(--accent-ring)}.btn-primary:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 10px 26px var(--accent-ring)}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-block{width:100%;margin-top:.4rem}.detail-card{display:flex;flex-direction:column;gap:1.1rem}.cover-wrap{width:100%;border-radius:16px;overflow:hidden;background:#00000040;border:1px solid var(--glass-border);aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center}.cover-img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{color:var(--text-faint);font-size:.9rem;display:flex;align-items:center;justify-content:center}.cover-placeholder.failed{color:#ff9db4}.detail-body{display:flex;flex-direction:column;gap:1rem}.detail-title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.5;color:var(--text-strong);overflow-wrap:anywhere}.meta-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.78rem;font-weight:600;padding:.35em .8em;border-radius:999px;color:var(--text-soft);background:#ffffff12;border:1px solid var(--glass-border)}.format-group{display:flex;flex-direction:column;gap:.55rem}.format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.format-pill{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .4rem;border-radius:14px;cursor:pointer;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-soft);transition:all .18s}.format-pill:not(:disabled):hover{background:#ffffff1a}.format-pill.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-color:transparent;color:#fff;box-shadow:0 6px 18px var(--accent-ring)}.format-pill:disabled{cursor:not-allowed;opacity:.55}.format-pill-label{font-size:.95rem;font-weight:700}.format-pill-hint{font-size:.68rem;opacity:.85}.progress-block{display:flex;flex-direction:column;gap:.5rem;padding:.9rem;border-radius:14px;background:#0003;border:1px solid var(--glass-border)}.progress-line{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-soft)}.progress-track{width:100%;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.progress-fill.packing{background:linear-gradient(90deg,#2dd4bf,#38bdf8)}.info-card{display:flex;flex-direction:column;gap:.6rem}.info-card p{margin:0;font-size:.83rem;line-height:1.6;color:var(--text-soft)}.info-link{display:flex;align-items:center;gap:.5em}.info-card a{color:var(--accent-link);text-decoration:none;font-weight:600}.info-card a:hover{text-decoration:underline}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}.spinner-lg{width:30px;height:30px;border-width:3px;border-color:#ffffff2e;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.search-row{flex-direction:column}.btn-block,.search-row .btn{width:100%}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}