:root{--bg-0: #050208;--bg-1: #0a0410;--bg-2: #12081e;--bg-3: #1c0e2e;--bg-4: #2a1545;--text-1: #f5edff;--text-2: #c9b8e8;--text-3: #8a78a8;--text-4: #4a3a60;--accent: #a855f7;--accent-soft: #9333ea;--accent-bright: #c084fc;--accent-glow: rgba(168, 85, 247, .32);--accent-wash: rgba(168, 85, 247, .08);--line-1: rgba(245, 237, 255, .04);--line-2: rgba(245, 237, 255, .1);--line-3: rgba(245, 237, 255, .18);--font-display: "Geist", "Space Grotesk", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-brand: "Fraunces", "Times New Roman", serif;--font-ui: "Geist", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--t-fast: .18s var(--ease-out-quart);--t-med: .32s var(--ease-out-quart);--t-slow: .6s var(--ease-out-expo);--container-max: 1280px;--topbar-h: 68px;--statusbar-h: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-1);color:var(--text-1);font-family:var(--font-ui);font-size:14px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{display:flex;flex-direction:column;position:relative}#root{display:flex;flex-direction:column;flex:1;min-height:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg,video{display:block;max-width:100%}::selection{background:var(--accent);color:var(--bg-0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #c084fc4d,0 0 8px var(--accent-glow)}50%{box-shadow:0 0 0 6px transparent,0 0 14px var(--accent-glow)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-btn{height:32px;padding:0 14px;border-radius:6px;font-family:var(--font-ui);font-size:12.5px;font-weight:500;letter-spacing:.02em;color:var(--text-2);border:1px solid transparent;transition:all var(--t-fast)}.auth-btn:hover{color:var(--text-1);border-color:var(--line-2);background:#a855f70f}.auth-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 1px #a855f74d,0 6px 20px -4px #a855f766}.auth-btn--primary:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--bg-0);transform:translateY(-1px);box-shadow:0 0 0 1px #c084fc66,0 10px 28px -4px #c084fc80}.topbar{position:relative;z-index:10;height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center}.topbar-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--s-7);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-7)}.topbar-hairline{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--line-2) 15%,var(--line-2) 85%,transparent 100%)}.brand{display:flex;align-items:center;gap:var(--s-3);justify-self:start}.brand-mark{width:30px;height:30px;border-radius:8px;border:1px solid var(--line-3);background:linear-gradient(135deg,#a855f72e,#4c1d9514);box-shadow:inset 0 1px #ffffff14,0 0 18px #a855f72e;display:flex;align-items:center;justify-content:center}.brand-mark svg{width:16px;height:16px}.brand-name{font-family:var(--font-brand);font-size:20px;font-weight:400;letter-spacing:-.01em;color:var(--text-1)}.brand-name em{font-style:normal;font-weight:inherit;background:linear-gradient(90deg,var(--accent-bright),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;align-items:center;gap:var(--s-1);justify-self:center;background:#05020880;border:1px solid var(--line-2);border-radius:999px;padding:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);transition:all var(--t-fast)}.nav-item:hover{color:var(--text-1)}.nav-item.is-active{background:var(--text-1);color:var(--bg-1);box-shadow:0 4px 14px #a855f740,0 0 0 1px #a855f726}.nav-item svg{width:12px;height:12px}@media(max-width:768px){.nav{display:none}.topbar-inner{grid-template-columns:auto 1fr auto;padding:0 var(--s-4)}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,#1c0e2e 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 75% 75%,#2a1545 0%,transparent 55%),radial-gradient(ellipse 100% 80% at 50% 50%,#0f0518 0%,var(--bg-1) 80%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 50%,var(--bg-0) 100%);animation:gradient-breathe 18s ease-in-out infinite}@keyframes gradient-breathe{0%,to{transform:scale(1) translate(0);filter:hue-rotate(0deg) brightness(1)}25%{transform:scale(1.15) translate(-4%,-3%);filter:hue-rotate(-25deg) brightness(1.15)}50%{transform:scale(1.2) translate(3%,4%);filter:hue-rotate(15deg) brightness(.85)}75%{transform:scale(1.1) translate(5%,-2%);filter:hue-rotate(-15deg) brightness(1.1)}}.bg-beam{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(-22deg,transparent 35%,rgba(168,85,247,.04) 42%,rgba(192,132,252,.18) 49%,rgba(217,132,252,.36) 50%,rgba(192,132,252,.18) 51%,rgba(168,85,247,.04) 58%,transparent 65%);filter:blur(50px);animation:beam-drift 22s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes beam-drift{0%{transform:translate(-2%) translateY(0) rotate(0);opacity:.85}to{transform:translate(3%) translateY(1%) rotate(1.5deg);opacity:1}}.bg-beam-2{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(-28deg,transparent 40%,rgba(76,29,149,.14) 48%,rgba(124,58,237,.26) 50%,rgba(76,29,149,.14) 52%,transparent 60%);filter:blur(80px);animation:beam-drift-2 30s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes beam-drift-2{0%{transform:translate(2%) translateY(0) rotate(0)}to{transform:translate(-2%) translateY(-1%) rotate(-1deg)}}.bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 18%,rgba(192,132,252,.18) 0%,transparent 35%),radial-gradient(circle at 15% 75%,rgba(124,58,237,.14) 0%,transparent 40%),radial-gradient(circle at 50% 105%,rgba(168,85,247,.12) 0%,transparent 50%);mix-blend-mode:screen}.bg-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.7 0 0 0 0 1 0 0 0 0.4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.06;mix-blend-mode:overlay;animation:grain-shift 8s steps(8) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,-1%)}50%{transform:translate(2%,1%)}75%{transform:translate(-1%,2%)}to{transform:translate(0)}}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 50%,transparent 50%,rgba(5,2,8,.7) 100%)}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(168,85,247,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(168,85,247,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%)}.geoforge-root{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.view{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--s-7) var(--s-7) var(--s-6);animation:view-in var(--t-slow) var(--ease-out-expo)}.geoforge-footer{position:relative;z-index:5;flex-shrink:0;border-top:1px solid var(--line-1);background:#05020880;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-7);height:var(--statusbar-h);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.footer-icp{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.08em}.footer-icp a{color:var(--text-2);transition:color var(--t-fast)}.footer-icp a:hover{color:var(--accent-bright)}.footer-right{display:flex;align-items:center;gap:8px}.footer-views{display:inline-flex;align-items:center;gap:4px;color:var(--text-2);transition:color var(--t-fast)}.footer-views .views-icon{color:var(--accent-bright);opacity:.9}.footer-views .views-number{color:var(--text-1);font-weight:600;letter-spacing:.04em}.footer-sep{color:var(--text-4)}@media(max-width:768px){.view{padding:var(--s-5) var(--s-4) var(--s-4)}.footer-inner{padding:0 var(--s-4);font-size:9px}.footer-icp{display:none}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.video-carousel-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;overflow:visible}.carousel-stage{position:relative;width:100%;perspective:1100px;display:flex;justify-content:center;align-items:center}.carousel-track{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.carousel-card{position:absolute;top:10%;left:50%;width:63.8%;height:80%;margin-left:-31.9%;transition:transform .75s cubic-bezier(.25,1,.5,1),opacity .75s cubic-bezier(.25,1,.5,1);will-change:transform,opacity;pointer-events:none!important}.carousel-card.is-active{z-index:99!important}.carousel-card.is-hidden{pointer-events:none!important;visibility:hidden}.card-screen{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-0, #050208);clip-path:url(#barrel-screen-clip);-webkit-clip-path:url(#barrel-screen-clip);border-radius:14px;border:none;box-shadow:0 16px 48px -8px #000000d9,0 0 25px #a855f72e,inset 0 0 15px #00000080}.carousel-card.is-active .card-screen{pointer-events:none!important;cursor:default!important;border:none;box-shadow:0 24px 60px -12px #000000e6,0 0 35px var(--accent-glow, rgba(168, 85, 247, .35)),inset 0 0 10px #ffffff0d}.carousel-card.is-active .card-screen *{pointer-events:none!important}.carousel-card:not(.is-active) .card-screen{pointer-events:auto!important;cursor:pointer!important}.carousel-card:not(.is-active) .card-screen *,.carousel-card:not(.is-active) .card-screen video,.carousel-card:not(.is-active) .card-screen .card-dim-overlay{pointer-events:auto!important;cursor:pointer!important}.card-screen video{width:100%;height:100%;object-fit:cover;display:block}.card-thumb{width:100%;height:100%;object-fit:cover;display:block}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 45%,rgba(192,132,252,.08) 100%);pointer-events:none;z-index:2}.card-shadow{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 20px #05020899;pointer-events:none;z-index:3}.card-dim-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a041073;-webkit-backdrop-filter:brightness(.7);backdrop-filter:brightness(.7);pointer-events:none;transition:opacity .5s ease;z-index:4}.carousel-card:hover .card-dim-overlay{background:#0a041040}.carousel-card.is-active .card-screen{border-color:#c084fc80;box-shadow:0 24px 60px -12px #000000e6,0 0 35px var(--accent-glow, rgba(168, 85, 247, .35)),inset 0 0 10px #ffffff0d}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:40px;height:40px;border-radius:50%;background:#12081ea6;border:1px solid rgba(245,237,255,.15);color:var(--text-1, #f5edff);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s var(--ease-out-quart, cubic-bezier(.165, .84, .44, 1));opacity:.7}.carousel-arrow:hover{opacity:1;background:#a855f759;border-color:var(--accent-bright, #c084fc);box-shadow:0 0 16px var(--accent-glow, rgba(168, 85, 247, .4));transform:translateY(-50%) scale(1.08)}.carousel-arrow--left{left:-12px}.carousel-arrow--right{right:-12px}.carousel-controls{display:flex;align-items:center;gap:16px;margin-top:16px;z-index:20}.counter-text{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.12em;color:var(--text-3, #8a78a8)}.carousel-dots{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0502088c;border:1px solid rgba(245,237,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.carousel-dot{width:6px;height:6px;padding:0;border-radius:50%;background:#f5edff40;border:none;transition:all .3s cubic-bezier(.165,.84,.44,1);cursor:pointer}.carousel-dot:hover{background:#f5edff99}.carousel-dot.is-active{background:var(--accent-bright, #c084fc);box-shadow:0 0 10px var(--accent-glow, rgba(168, 85, 247, .4));width:18px;border-radius:999px}@media(max-width:768px){.carousel-card{width:82%;margin-left:-41%}.carousel-arrow--left{left:4px}.carousel-arrow--right{right:4px}}.view--home{justify-content:center}.home-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s-9);align-items:stretch;height:100%;min-height:0}.home-intro{display:flex;flex-direction:column;justify-content:center;padding:var(--s-4) 0;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s-6)}.eyebrow-text{display:inline!important}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 3px #c084fc2e,0 0 12px var(--accent-glow);animation:pulse-dot 2.4s var(--ease-out-quart) infinite}.intro-title{font-family:var(--font-display);font-size:clamp(38px,4vw,60px);font-weight:600;line-height:1.04;letter-spacing:-.025em;color:var(--text-1);margin-bottom:var(--s-5)}.intro-title .intro-title-line{display:block;min-height:1.04em}.intro-title .intro-title-line--placeholder{visibility:hidden}.intro-title .intro-title-line--accent .split-char:nth-child(-n+2){font-style:normal;font-weight:600;background:linear-gradient(90deg,var(--accent-bright),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro-body{font-family:var(--font-ui);font-size:13.5px;line-height:1.75;color:var(--text-2);max-width:380px;min-height:80px;margin-bottom:var(--s-7)}.intro-meta{display:flex;gap:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--line-2)}.intro-meta li{display:flex;flex-direction:column;gap:4px}.meta-key{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.meta-val{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-1);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.video-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;min-width:0;width:100%;position:relative}.video-caption{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:var(--s-2);margin-top:0;margin-right:35px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);letter-spacing:.06em}.caption-mark{color:var(--accent-bright);font-size:8px;animation:blink 2s var(--ease-out-quart) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:1100px){:root{--s-9: 40px}.home-grid{grid-template-columns:1fr;gap:var(--s-6)}.home-intro{text-align:left;padding:0}.intro-title{font-size:36px}}@media(max-width:768px){.intro-title{font-size:30px}.intro-meta{gap:var(--s-5)}.meta-val{font-size:18px}}.view--category-page{display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-6) var(--s-7) var(--s-4);height:100%;min-height:0;overflow:hidden}.category-header{flex-shrink:0;display:flex;flex-direction:column;gap:var(--s-3);padding-bottom:var(--s-6);border-bottom:1px solid var(--line-2)}.header-badge{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--accent-bright)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 10px var(--accent-glow)}.category-title{font-family:var(--font-display);font-size:clamp(32px,3.5vw,48px);font-weight:700;letter-spacing:-.02em;color:var(--text-1);background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.category-subtitle{font-family:var(--font-ui);font-size:13.5px;color:var(--text-2);line-height:1.6}.sections-container{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-9);padding-right:var(--s-2);padding-bottom:var(--s-6);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sections-container::-webkit-scrollbar{display:none;width:0;height:0}.section-block{display:flex;flex-direction:column;gap:var(--s-5)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%}.section-title-wrap{display:flex;align-items:center;gap:var(--s-2)}.section-dot{color:var(--accent-bright);font-size:10px}.section-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-1);letter-spacing:-.01em}.section-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--text-3);background:#c084fc1a;padding:2px 8px;border-radius:10px;border:1px solid rgba(192,132,252,.2)}.section-desc{font-family:var(--font-ui);font-size:12.5px;color:var(--text-3);margin-left:auto;margin-right:10px;text-align:right}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-6)}.lab-card{position:relative;display:flex;flex-direction:column;border-radius:12px;background:#160c26a6;border:1px solid rgba(192,132,252,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);animation:card-appear .5s cubic-bezier(.16,1,.3,1) backwards}.lab-card:hover{transform:translateY(-4px) scale(1.018);border-color:#c084fc73;box-shadow:0 12px 28px -6px #7c3aed52,0 0 16px #c084fc33}.lab-card:hover .card-thumb img{transform:scale(1.038)}.lab-card:hover .card-shimmer{animation:shimmer-swipe 1.2s ease-in-out}.lab-card:hover .card-title{color:var(--accent-bright)}@keyframes card-appear{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-thumb{position:relative;width:100%;aspect-ratio:16 / 10;background:#0a0412cc;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-3)}.thumb-placeholder svg{width:32px;height:32px;opacity:.6}.thumb-placeholder span{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.card-header-bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:8px 12px;background:linear-gradient(180deg,rgba(5,2,10,.85) 0%,rgba(5,2,10,.35) 70%,transparent 100%);pointer-events:none}.card-title{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-1);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%;transition:color .3s cubic-bezier(.16,1,.3,1)}.create-time{font-family:var(--font-mono);font-size:10px;color:#ebe1ffbf;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.card-views-badge{position:absolute;bottom:8px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:#0c0616b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(192,132,252,.25);font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:#f3eeffe6;pointer-events:none;box-shadow:0 2px 8px #00000059;transition:border-color .3s ease,background .3s ease}.card-views-badge .views-icon{color:var(--accent-bright);opacity:.9}.lab-card:hover .card-views-badge{background:#140a24d9;border-color:#c084fc80}.card-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:skew(-20deg);pointer-events:none}@keyframes shimmer-swipe{0%{left:-100%}to{left:200%}}.card-footer{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.create-time{display:flex;align-items:center;gap:5px}.create-time svg{width:12px;height:12px;opacity:.7}.shot-tag{font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--accent-bright);background:#c084fc26;border:1px solid rgba(192,132,252,.3);padding:1px 5px;border-radius:4px}.empty-category{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--s-4);text-align:center;color:var(--text-2)}.empty-icon{font-size:48px;color:var(--accent);opacity:.5}.back-home-btn{margin-top:var(--s-4);padding:var(--s-3) var(--s-6);border-radius:20px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));color:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;transition:opacity var(--t-fast)}.back-home-btn:hover{opacity:.9}@media(max-width:768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-4)}.category-title{font-size:28px}}.page-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0a0f1dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.page-loading-mask .loading-card{display:flex;flex-direction:column;align-items:center;padding:32px 48px;background:#141a2de6;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 50px #00000080}.page-loading-mask .loading-card .spinner-ring{position:relative;width:56px;height:56px;margin-bottom:20px;border:3px solid rgba(59,130,246,.15);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.page-loading-mask .loading-card .spinner-ring .ring-inner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid transparent;border-bottom-color:#60a5fa;border-radius:50%;animation:spin-reverse .7s linear infinite}.page-loading-mask .loading-card .loading-title{margin:0 0 8px;font-size:16px;font-weight:500;color:#f3f4f6;letter-spacing:.5px}.page-loading-mask .loading-card .loading-desc{margin:0;font-size:13px;color:#9ca3af}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.action-bar-wrap{position:fixed;top:16px;right:20px;z-index:1000;pointer-events:auto}.action-bar-wrap .action-bar{display:flex;align-items:center;gap:16px;padding:6px 14px;background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;box-shadow:0 10px 30px #0006;transition:all .25s ease}.action-bar-wrap .action-bar:hover{background:#0f172ae6;border-color:#fff3}.action-bar-wrap .action-bar .bar-info{display:flex;align-items:center;gap:6px;padding-right:8px;border-right:1px solid rgba(255,255,255,.1)}.action-bar-wrap .action-bar .bar-info .bar-category{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#60a5fa}.action-bar-wrap .action-bar .bar-info .bar-divider{font-size:12px;color:#ffffff4d}.action-bar-wrap .action-bar .bar-info .bar-title{margin:0;font-size:13px;font-weight:500;color:#f3f4f6;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-bar-wrap .action-bar .bar-actions{display:flex;align-items:center;gap:8px}.action-bar-wrap .action-bar .bar-actions .action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:#d1d5db;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:9999px;cursor:pointer;transition:all .2s ease}.action-bar-wrap .action-bar .bar-actions .action-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.action-bar-wrap .action-bar .bar-actions .action-btn:active{transform:translateY(0)}.action-bar-wrap .action-bar .bar-actions .action-btn--primary{color:#fff;background:#ef444433;border-color:#ef444466}.action-bar-wrap .action-bar .bar-actions .action-btn--primary:hover{background:#ef444466;border-color:#ef444499}.page-view-container{position:relative;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#0b0f19;color:#f3f4f6}.page-view-container .subpage-slot{width:100%;height:100%;position:relative;overflow:hidden}.page-view-container .subpage-slot canvas{display:block}.page-view-container .error-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0f19f2}.page-view-container .error-fallback .error-card{display:flex;flex-direction:column;align-items:center;max-width:480px;padding:36px 40px;background:#151c2e;border:1px solid rgba(239,68,68,.2);border-radius:16px;box-shadow:0 20px 50px #00000080;text-align:center}.page-view-container .error-fallback .error-card .error-icon{font-size:40px;margin-bottom:16px}.page-view-container .error-fallback .error-card .error-title{margin:0 0 10px;font-size:18px;font-weight:600;color:#ef4444}.page-view-container .error-fallback .error-card .error-desc{margin:0 0 24px;font-size:14px;line-height:1.6;color:#9ca3af;word-break:break-all}.page-view-container .error-fallback .error-card .error-actions{display:flex;gap:12px}.page-view-container .error-fallback .error-card .error-actions .retry-btn,.page-view-container .error-fallback .error-card .error-actions .back-btn{padding:8px 20px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.page-view-container .error-fallback .error-card .error-actions .retry-btn{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.page-view-container .error-fallback .error-card .error-actions .retry-btn:hover{background:#2563eb}.page-view-container .error-fallback .error-card .error-actions .back-btn{background:#ffffff0d;color:#d1d5db;border:1px solid rgba(255,255,255,.1)}.page-view-container .error-fallback .error-card .error-actions .back-btn:hover{background:#ffffff1a;color:#fff}