:root{--bg:#101214;--muted:#898e91;--gold:#e6bf89}*{box-sizing:border-box}body{background:var(--bg);color:#f4f0e9;margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1370px;margin:auto;padding:0 55px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{font:36px serif;font-weight:700;letter-spacing:4px}.brand span{color:var(--gold)}.brand small{font:9px sans-serif;letter-spacing:3px;display:block;color:#b6aa94;margin-top:7px}nav{display:flex;gap:35px;align-items:center;font-size:12px;color:#8d918d}nav button.active{color:var(--gold)}nav a{border:1px solid #ffffff1c;padding:9px 15px;border-radius:5px;font-size:11px}.top-line{display:flex;align-items:center;justify-content:space-between;padding:35px 0 25px}h1{font:29px/1.4 serif;letter-spacing:2px;margin:0}.eyebrow{font-size:9px;letter-spacing:3px;color:#a7957b;margin:0 0 12px}.search{background:#1b1e21;border:1px solid #ffffff0a;padding:9px 16px;display:flex;gap:12px;align-items:center;border-radius:7px;color:#7c8385}.search span{font-size:24px}.search input{background:none;border:0;color:#eee;width:235px;font-size:11px}.hero{position:relative;height:400px;border-radius:12px;overflow:hidden;background:linear-gradient(100deg,#201e1c,#78634d);padding:44px 46px;display:flex;align-items:center;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#14161beb 0%,#171a1e2a 100%);z-index:-1}.hero-art{position:absolute;right:0;top:-20%;width:70%;height:180%;z-index:-2;transform:rotate(-18deg);background:radial-gradient(ellipse at 42% 36%,#d6b28688,transparent 43%);border:1px solid #ddc19f55;border-radius:50%}.hero-art::after{content:"";position:absolute;width:28%;height:55%;bottom:15%;right:23%;background:linear-gradient(130deg,#232932,#10151b);border-radius:43% 43% 10% 10%;transform:rotate(12deg)}.hero .eyebrow{color:#cfb99d;letter-spacing:2px;font-size:10px}.hero h2{font:51px/1.3 serif;letter-spacing:9px;margin:20px 0 15px}.hero-sub{font-size:13px;color:#c8b7a0;letter-spacing:3px}.hero .metadata{display:flex;gap:20px;color:#d4c9b7;font-size:11px;margin:20px 0 23px}.hero .metadata span:first-child{color:var(--gold)}.hero button.primary{background:var(--gold);color:#272016;border-radius:6px;padding:12px 26px;font-weight:600}.hero .link{font-size:11px;margin-left:22px;color:#d7ccb8}.hero-label{position:absolute;right:29px;bottom:20px;font-size:9px;color:#ccbb9b;letter-spacing:3px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 22px}.section-title h2{font:23px serif;letter-spacing:2px;margin:0}.section-title .eyebrow{margin-bottom:7px}.section-title>span{font-size:11px;color:#737a7d}#categories{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}#categories button{font-size:11px;padding:7px 16px;color:#858d8f;border:1px solid #ffffff12;border-radius:20px}#categories button.active{background:#dfbb8318;color:#e6bf89;border-color:#b3915d55}#catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.card{text-align:left;padding:0;min-width:0}.poster{aspect-ratio:0.68;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(145deg,#bc9a70,#5b4539 55%,#17212a);width:100%;isolation:isolate}.poster::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#0b101759);z-index:-1}.poster .orbit{position:absolute;top:15%;left:-15%;width:135%;height:130%;border:1px solid #ffffff26;border-radius:50%;transform:rotate(-28deg);z-index:-2}.poster .figure{position:absolute;bottom:-20%;right:8%;height:78%;width:51%;border-radius:40% 40% 0 0;transform:rotate(-10deg);background:linear-gradient(110deg,#24303b,#10151f);z-index:-1}.poster .figure::before{content:"";position:absolute;top:-22%;left:29%;width:43%;height:28%;border-radius:45%;background:linear-gradient(110deg,#75604c,#252a32)}.poster h3{position:absolute;bottom:23px;left:18px;font:24px/1.4 serif;letter-spacing:4px;margin:0;text-shadow:0 2px 12px #0007}.poster .badge{position:absolute;left:10px;top:10px;background:#131b21a0;padding:2px 6px;font-size:8px;color:#e7dcc7;border-radius:3px}.poster .number{position:absolute;right:10px;bottom:8px;color:#e9c998;font-size:11px}.theme-blue{background:linear-gradient(145deg,#a2b9bd,#3b6076 55%,#12232b)}.theme-red{background:linear-gradient(145deg,#c8a08d,#925153 55%,#2c1e28)}.theme-green{background:linear-gradient(145deg,#bec8aa,#667d6a 55%,#1a2c2b)}.theme-purple{background:linear-gradient(145deg,#c4adc1,#796681 55%,#252133)}.theme-copper{background:linear-gradient(145deg,#cfbb92,#977550 55%,#302b23)}.card-title{font-size:13px;display:block;margin-top:13px;font-weight:500}.card-meta{font-size:10px;color:#798185;display:block;margin-top:4px}.poster img{width:100%;height:100%;object-fit:cover}#empty{padding:80px;text-align:center;color:#8b9295;border:1px dashed #ffffff20;border-radius:12px}#load-error{color:#eebd98;background:#613d252b;padding:15px;margin-bottom:20px;border-radius:6px}footer{display:flex;justify-content:space-between;color:#626c71;border-top:1px solid #ffffff0e;margin:40px 0 0;padding:24px 0 35px;font-size:10px}footer span:last-child{letter-spacing:2px}dialog{background:#191d20;color:#eee;border:1px solid #ffffff1e;border-radius:12px;max-width:600px;width:92vw;padding:36px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;font-size:27px;color:#899499}dialog h2{font:30px serif;margin-top:15px}.detail-description{color:#a0a8a9;line-height:2;font-size:13px}.detail-meta{color:#c1a77e;font-size:12px}.detail-note{padding:16px;background:#ffffff05;border-radius:7px;color:#8e999c;font-size:12px;margin:25px 0 0}.favorite-button{background:#e6bf8920;color:#e6bf89;padding:10px 16px;border-radius:6px;margin-top:15px}@media(max-width:1000px){.shell{padding:0 30px}#catalog{grid-template-columns:repeat(3,1fr)}.hero{height:350px}}@media(max-width:600px){.shell{padding:0 20px}header{height:90px}.brand{font-size:29px}nav{gap:10px}nav a{display:none}.top-line{display:block;padding:27px 0 20px}h1{font-size:25px}.search{margin-top:22px}.search input{width:100%}.hero{height:350px;padding:26px}.hero h2{font-size:43px}.hero-sub{font-size:11px}.hero-label{font-size:8px}.section-title h2{font-size:20px}#catalog{gap:15px 12px}.poster h3{font-size:20px;left:10px;letter-spacing:2px}.card-title{font-size:12px}.card-meta{font-size:8px}.poster .badge{font-size:7px;left:6px;top:6px}.hero .link{margin-left:9px}.section-title{margin-top:30px}footer{display:block}footer span{display:block;margin-bottom:8px}}