:root{--night: #17110b;--night-2: #221a10;--ivory: #f3ead9;--ivory-dim: rgba(243, 234, 217, .62);--red: #c8392b;--red-deep: #97281d;--gold: #c9a24b;--ink: #2b2318;--serif: "Noto Serif SC", "STSong", "SimSun", serif;--calli: "Ma Shan Zheng", "STKaiti", "KaiTi", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--serif);color:var(--ivory);background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(201,162,75,.09),transparent 55%),radial-gradient(ellipse 70% 60% at 90% 100%,rgba(200,57,43,.08),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23f3ead9' stroke-opacity='0.03' stroke-width='2'%3E%3Cpath d='M16 64 V24 h40 v28 H28 V36 h16'/%3E%3Cpath d='M80 32 v40 H40 v-8'/%3E%3C/g%3E%3C/svg%3E"),var(--night);min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 44px;background:linear-gradient(to bottom,#0d0a06eb,#0d0a0600)}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-mark{width:40px;height:40px;filter:drop-shadow(0 2px 8px rgba(200,57,43,.45));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover .nav-mark{transform:rotate(-6deg) scale(1.06)}.nav-word{display:flex;flex-direction:column;line-height:1;gap:4px}.nav-word b{font-family:var(--calli);font-weight:400;font-size:25px;letter-spacing:.14em;color:var(--ivory);text-shadow:0 1px 6px rgba(0,0,0,.5)}.nav-word em{font-style:normal;font-size:9.5px;letter-spacing:.42em;color:var(--ivory-dim)}.nav-links{display:flex;gap:30px}.nav-links a{color:#f3ead9d1;text-decoration:none;font-size:15px;letter-spacing:.18em;padding-bottom:4px;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--red);transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover{color:#fff}.nav-links a:hover:after,.nav-links a.on:after{width:100%}.nav-links a.on{color:#fff}.head{padding:130px 7vw 20px;max-width:1440px;margin:0 auto}.head h1{font-family:var(--calli);font-size:clamp(44px,5vw,68px);letter-spacing:.2em;color:var(--ivory);text-shadow:0 0 34px rgba(201,162,75,.25);margin-bottom:14px}.head-sub{font-size:14.5px;letter-spacing:.24em;color:var(--ivory-dim);margin-bottom:38px}.head-sub b{color:var(--gold);font-size:18px;margin:0 2px}.toolbar{display:flex;gap:20px;align-items:stretch;flex-wrap:wrap;margin-bottom:26px}.search{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#f3ead912;border:1px solid rgba(243,234,217,.18);border-radius:4px;color:var(--ivory-dim);transition:border-color .3s,background .3s}.search:focus-within{border-color:var(--gold);background:#f3ead91a}.search input{flex:1;padding:15px 0;background:none;border:none;outline:none;color:var(--ivory);font-family:var(--serif);font-size:15px;letter-spacing:.08em}.search input::placeholder{color:#f3ead966}.map-jump{display:flex;align-items:center;gap:14px;padding:10px 22px;border:1px solid rgba(201,162,75,.5);border-radius:4px;background:linear-gradient(135deg,#c9a24b1f,#c8392b14);text-decoration:none;transition:all .3s}.map-jump:hover{border-color:var(--gold);background:linear-gradient(135deg,#c9a24b38,#c8392b24);transform:translateY(-2px)}.mj-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-family:var(--calli);font-size:22px;border-radius:50%;box-shadow:0 3px 12px #c8392b73}.mj-text{display:flex;flex-direction:column;gap:4px;line-height:1}.mj-text b{font-size:16px;letter-spacing:.2em;color:var(--ivory)}.mj-text em{font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--ivory-dim)}.mj-arrow{font-size:20px;color:var(--gold);transition:transform .3s}.map-jump:hover .mj-arrow{transform:translate(5px)}.chips{display:flex;gap:12px;flex-wrap:wrap}.chip{padding:8px 22px;border:1px solid rgba(243,234,217,.22);border-radius:999px;background:none;color:var(--ivory-dim);font-family:var(--serif);font-size:13.5px;letter-spacing:.16em;cursor:pointer;transition:all .25s}.chip:hover{border-color:var(--gold);color:var(--gold)}.chip.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 4px 16px #c8392b66}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding:34px 7vw 80px;max-width:1440px;margin:0 auto}.b-card{position:relative;border-radius:6px;overflow:hidden;background:var(--night-2);border:1px solid rgba(243,234,217,.09);cursor:pointer;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;opacity:0;transform:translateY(30px);animation:card-in .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * .05s)}@keyframes card-in{to{opacity:1;transform:none}}.b-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px #00000080;border-color:#c9a24b73}.bc-img{height:200px;overflow:hidden;position:relative}.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.b-card:hover .bc-img img{transform:scale(1.09)}.bc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,17,11,.85),transparent 55%)}.bc-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:2}.badge{padding:4px 12px;font-size:11.5px;letter-spacing:.14em;border-radius:3px;color:#fff;background:#c8392beb;box-shadow:0 2px 8px #0006}.badge.gold{background:#a9862ef2}.bc-body{padding:18px 20px 20px}.bc-name{font-size:20px;font-weight:600;letter-spacing:.12em;color:var(--ivory);margin-bottom:8px}.bc-meta{font-size:12.5px;letter-spacing:.1em;color:var(--ivory-dim);margin-bottom:12px}.bc-meta i{font-style:normal;margin:0 8px;color:#f3ead94d}.bc-keyword{display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--gold);border:1px solid rgba(201,162,75,.4);padding:4px 12px;border-radius:999px}.empty{text-align:center;padding:80px 0 120px;font-size:15px;letter-spacing:.3em;color:var(--ivory-dim)}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}.modal[hidden]{display:none}.modal-mask{position:absolute;inset:0;background:#0a0704c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mask-in .3s ease}@keyframes mask-in{0%{opacity:0}}.modal-card{position:relative;display:flex;width:min(940px,94vw);max-height:86vh;background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(201,162,75,.1),transparent 55%),#241b10;border:1px solid rgba(201,162,75,.35);border-radius:8px;overflow:hidden;box-shadow:0 40px 100px #000000b3;animation:card-pop .42s cubic-bezier(.22,1,.36,1)}@keyframes card-pop{0%{opacity:0;transform:translateY(36px) scale(.97)}}.modal-close{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border:1px solid rgba(243,234,217,.3);border-radius:50%;background:#17110b99;color:var(--ivory);font-size:15px;cursor:pointer;transition:all .25s}.modal-close:hover{background:var(--red);border-color:var(--red)}.modal-img{flex:1.05;min-width:0;position:relative}.modal-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.modal-body{flex:1;padding:44px 38px 36px;overflow-y:auto}.m-kicker{display:inline-block;font-size:12px;letter-spacing:.4em;color:var(--gold);border:1px solid rgba(201,162,75,.45);padding:5px 14px 5px 18px;border-radius:2px;margin-bottom:18px}.modal-body h2{font-size:clamp(24px,2.6vw,34px);font-weight:900;letter-spacing:.1em;color:#fff;margin-bottom:10px;line-height:1.35}.m-meta{font-size:13px;letter-spacing:.12em;color:var(--ivory-dim);margin-bottom:14px}.m-meta i{font-style:normal;margin:0 8px;color:#f3ead94d}.m-keyword{display:inline-block;font-family:var(--calli);font-size:19px;letter-spacing:.18em;color:var(--gold);margin-bottom:16px}.m-desc{font-size:13.5px;line-height:2;letter-spacing:.06em;color:#f3ead9c7;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.m-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.m-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;border-radius:5px;text-decoration:none;font-family:var(--serif);cursor:pointer;border:1px solid transparent;transition:all .25s}.m-btn b{font-size:16px;letter-spacing:.24em;text-indent:.24em}.m-btn em{font-style:normal;font-size:11px;letter-spacing:.1em;opacity:.75}.m-btn.primary{background:var(--red);color:#fff;box-shadow:0 6px 20px #c8392b59}.m-btn.primary:hover{background:#dc4534;transform:translateY(-2px)}.m-btn.outline{border-color:#c9a24b8c;color:var(--gold);background:#c9a24b0f}.m-btn.outline:hover{background:var(--gold);color:#241b10}.m-btn.disabled{border-color:#f3ead924;color:#f3ead959;background:#f3ead908;cursor:not-allowed}.toast{position:fixed;left:50%;bottom:44px;transform:translate(-50%) translateY(20px);z-index:300;padding:12px 30px;background:#241b10f2;border:1px solid rgba(201,162,75,.5);border-radius:4px;color:var(--ivory);font-size:14px;letter-spacing:.2em;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.22,1,.36,1)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.footer{padding:26px;text-align:center;font-size:12.5px;letter-spacing:.24em;color:#f3ead973;background:#100b06}.footer em{display:block;margin-top:8px;font-style:normal;font-size:11px;letter-spacing:.12em;color:#f3ead94d}@media(max-width:1024px){.nav-links{display:none}.modal-card{flex-direction:column;overflow-y:auto}.modal-img{min-height:220px}}