*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans SC,sans-serif}html{touch-action:manipulation;scrollbar-gutter:stable}:root{--font-en:"Orbitron", sans-serif;--primary-color:#0fc;--secondary-color:#d4af37}.theme-main{--bg-color:#05100c;--text-main:#e0e0e0;--text-muted:#889990;background-color:var(--bg-color);color:var(--text-main);min-height:100vh}.tech-grid-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(#00ffcc08 1px,#0000 1px),linear-gradient(90deg,#00ffcc08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.theme-subpage{--bg-color:#f8faf9;--text-main:#1a202c;--text-muted:#4a5568;background-color:var(--bg-color);color:var(--text-main);min-height:calc(100vh - 70px);padding-top:70px;padding-bottom:50px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#05100cf2;border-bottom:1px solid #00ffcc1a;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 5%;display:flex;position:fixed;top:0}.navbar-logo{font-family:var(--font-en);color:var(--primary-color);font-size:1.3rem;font-weight:700;text-decoration:none}.nav-links{-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:2px;padding:5px;display:flex;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff1f}.nav-links a{color:#ffffffd9;border-radius:9px;padding:8px 15px;font-size:.92rem;text-decoration:none;transition:color .3s,background .3s,transform .3s;position:relative}.nav-links a+a:before{content:"";pointer-events:none;background:#ffffff29;width:1px;height:14px;position:absolute;top:50%;left:-1.5px;transform:translateY(-50%)}.nav-links a:hover{color:var(--primary-color);background:#00ffcc14;transform:translateY(-1px)}.nav-links a:after{content:"";background:var(--primary-color);transform-origin:0;border-radius:2px;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:5px;left:14px;right:14px;transform:scaleX(0);box-shadow:0 0 8px #0fcc}.nav-links a:hover:after{transform:scaleX(1)}.navbar-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;display:none}@media (width<=768px){.navbar-menu-btn{display:block}.nav-links{box-shadow:none;background:#05100cfa;border:none;border-bottom:1px solid #00ffcc1a;border-radius:0;flex-direction:column;gap:0;padding:10px 5%;display:none;position:absolute;top:70px;left:0;right:0}.nav-links.open{z-index:1001;display:flex}.nav-links a{margin:12px 0}.nav-links a+a:before{content:none}.nav-links a:after{left:4px;right:4px}.nav-backdrop{z-index:1000;background:0 0;position:fixed;inset:0}.theme-subpage{padding-top:70px}.subpage-container{padding:30px 20px}.subpage-title{font-size:1.7rem}.subpage-content{font-size:1rem;line-height:1.8}.stat-tags{flex-wrap:wrap}}.film-gallery{--frame-w:clamp(240px, 58vw, 720px);-webkit-user-select:none;user-select:none;color:#2b2b2b;background:radial-gradient(at 50% 38%,#faf6ee 0%,#f0e9da 58%,#e2d8c4 100%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.film-gallery--gate{width:100%;height:100dvh}.film-gallery--page{border-radius:12px;width:100%;min-height:72vh}.film-gallery__bg{z-index:0;pointer-events:none;position:absolute;inset:0}.film-gallery__bg-img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.film-gallery__header{z-index:4;pointer-events:none;justify-content:space-between;padding:0 clamp(20px,5vw,60px);display:flex;position:absolute;top:24px;left:0;right:0}.film-gallery__brand{letter-spacing:.35em;color:#3a332a;font-size:14px;font-weight:700}.film-gallery__hint{letter-spacing:.15em;color:#8a8073;font-size:12px}.film-track{z-index:1;box-sizing:border-box;min-height:0;padding:64px calc((100% - var(--frame-w)) / 2) 8px;overscroll-behavior-x:contain;perspective:1400px;cursor:grab;scrollbar-width:none;flex:auto;align-self:stretch;align-items:center;gap:clamp(20px,4vw,56px);display:flex;position:relative;overflow:auto hidden}.film-track::-webkit-scrollbar{display:none}.film-gallery.dragging .film-track{cursor:grabbing}.film-gallery.dragging .film-frame,.film-gallery.is-scrolling .film-frame,.film-gallery.dragging .film-frame__veil,.film-gallery.is-scrolling .film-frame__veil,.film-gallery.dragging .film-frame__screen,.film-gallery.is-scrolling .film-frame__screen{transition:none}.film-frame:focus-visible .film-frame__screen{outline:2px solid var(--secondary-color,#d4af37);outline-offset:3px}.film-frame{flex:0 0 var(--frame-w);aspect-ratio:16/9;cursor:pointer;will-change:transform, opacity;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;position:relative}.film-frame__screen{background:#16130f;border:1px solid #ffffff29;border-radius:8px;width:100%;height:100%;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 30px 70px #1e160a66,0 6px 18px #1e160a4d,inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0a}.film-frame.is-active .film-frame__screen{border-color:#ffffff47;box-shadow:0 34px 80px #1e160a73,0 6px 18px #1e160a4d,0 0 60px #fffaeb24,inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff14}.film-frame__screen:before,.film-frame__screen:after{content:"";z-index:2;pointer-events:none;background-color:#120e0aeb;background-image:radial-gradient(circle,#efe7d5 0 3.2px,#0000 4px);background-position:50%;background-size:16px 26px;width:16px;position:absolute;top:0;bottom:0}.film-frame__screen:before{left:0}.film-frame__screen:after{right:0}.film-frame__img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.film-frame__color{opacity:0;filter:blur(10px)saturate(1.15);clip-path:circle(0% at var(--rx,50%) var(--ry,50%));transition:clip-path .9s ease-out,opacity .7s ease-out,filter .8s ease-out,transform .9s ease-out;transform:scale(1.08)}.film-frame.is-revealed .film-frame__color{opacity:1;filter:blur()saturate();clip-path:circle(120% at var(--rx,50%) var(--ry,50%));transform:scale(1)}.film-frame__veil{pointer-events:none;background:linear-gradient(#140f0840,#140f0866);transition:opacity .5s;position:absolute;inset:0}.film-frame.is-active .film-frame__veil{opacity:0}.film-frame__caption{text-align:center;z-index:3;pointer-events:none;position:absolute;bottom:10px;left:0;right:0}.film-frame__year{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e9dfc8e6;letter-spacing:.3em;opacity:.45;background:#14100a47;border-radius:999px;padding:4px 14px 4px calc(14px + .3em);font-size:12px;transition:all .4s;display:inline-block}.film-frame.is-active:hover .film-frame__year{opacity:1;background:#14100a80}.film-frame--placeholder{cursor:pointer}.film-frame--placeholder .film-frame__screen{box-shadow:none;background:0 0;border:2px dashed #5a4e3a66;justify-content:center;align-items:center;display:flex}.film-frame--placeholder .film-frame__screen:before,.film-frame--placeholder .film-frame__screen:after{content:none}.film-frame--placeholder .film-frame__pending{letter-spacing:.18em;color:#5a4e3a8c;padding-left:.18em;font-size:13px}.film-timeline{z-index:4;scrollbar-width:none;gap:clamp(14px,3vw,28px);max-width:min(520px,76vw);margin:6px auto 0;padding:4px 8px;display:flex;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000 0,#000 40px calc(100% - 40px),#0000 100%);mask:linear-gradient(90deg,#0000 0,#000 40px calc(100% - 40px),#0000 100%)}.film-timeline::-webkit-scrollbar{display:none}.film-dot{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px;display:flex}.film-dot img{object-fit:cover;opacity:.45;filter:grayscale(.6)sepia(.25);border-radius:4px;width:52px;height:30px;transition:all .35s;box-shadow:0 2px 8px #00000040}.film-dot__point{background:#7a7060;border-radius:50%;width:7px;height:7px;transition:all .35s}.film-dot:hover img{opacity:.8}.film-dot.is-active img{opacity:1;filter:none;transform:translateY(-4px)scale(1.12)}.film-dot.is-active .film-dot__point{background:var(--secondary-color,#d4af37);transform:scale(1.5);box-shadow:0 0 10px #d4af37cc}.film-gallery__enter{letter-spacing:.4em;color:#26211ae6;cursor:pointer;background:#ffffff42;border:1px solid #fff9;border-radius:12px;margin:16px auto 36px;padding:14px 44px 14px calc(44px + .4em);font-size:14px;transition:border-color .35s,box-shadow .35s,transform .35s;position:relative;overflow:hidden;box-shadow:0 10px 28px #1e160a29,inset 0 1px #ffffff80}.film-gallery__enter:before{content:"";z-index:0;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:inherit;pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(130% 150%,#0000 22%,#000 72%);mask:radial-gradient(130% 150%,#0000 22%,#000 72%)}.film-gallery__enter-text{z-index:2;text-shadow:0 1px 2px #ffffff59;position:relative}.film-gallery__enter:after{content:"";z-index:1;background:radial-gradient(circle at var(--rx,50%) var(--ry,50%), #ffffff8c 0%, #d4af3733 30%, #d4af370d 48%, transparent 62%);clip-path:circle(0% at var(--rx,50%) var(--ry,50%));opacity:0;pointer-events:none;transition:clip-path .85s ease-out,opacity .45s ease-out;position:absolute;inset:0}.film-gallery__enter:hover{background:#ffffff57;border-color:#ffffffd9;transform:translateY(-1px);box-shadow:0 14px 34px #1e160a33,inset 0 1px #ffffffa6}.film-gallery__enter:hover:after{clip-path:circle(140% at var(--rx,50%) var(--ry,50%));opacity:1}.film-gallery__enter:disabled{cursor:default;opacity:.7}.film-gallery__shutter{z-index:20;pointer-events:none;position:absolute;inset:0}.film-gallery__shutter-half{background:#08120e;height:50.5%;position:absolute;left:0;right:0}.film-gallery__shutter-half--top{top:0;transform:translateY(-103%);box-shadow:0 18px 30px -12px #0000008c}.film-gallery__shutter-half--bottom{bottom:0;transform:translateY(103%);box-shadow:0 -18px 30px -12px #0000008c}.film-gallery.leaving .film-gallery__shutter-half--top{animation:.7s cubic-bezier(.7,0,.25,1) forwards shutterTop}.film-gallery.leaving .film-gallery__shutter-half--bottom{animation:.7s cubic-bezier(.7,0,.25,1) forwards shutterBottom}@keyframes shutterTop{0%{transform:translateY(-103%)}72%{transform:translateY(0)}86%{transform:translateY(1.6%)}to{transform:translateY(0)}}@keyframes shutterBottom{0%{transform:translateY(103%)}72%{transform:translateY(0)}86%{transform:translateY(-1.6%)}to{transform:translateY(0)}}.film-gallery__bg{animation:1.4s both bgIn}.film-track{animation:1s cubic-bezier(.22,1,.36,1) .15s both trackIn}.film-gallery__header{animation:.7s .4s both headerIn}.film-dot{animation:.55s both dotIn}.film-dot:first-child{animation-delay:.55s}.film-dot:nth-child(2){animation-delay:.63s}.film-dot:nth-child(3){animation-delay:.71s}.film-dot:nth-child(4){animation-delay:.79s}.film-dot:nth-child(5){animation-delay:.87s}.film-dot:nth-child(6){animation-delay:.95s}.film-dot:nth-child(n+7){animation-delay:1.05s}.film-gallery__enter{animation:.6s 1.15s backwards enterIn}@keyframes bgIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes trackIn{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes headerIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes dotIn{0%{opacity:0;transform:translateY(12px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes enterIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.film-gallery__modal{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14100a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.film-gallery__modal-card{text-align:center;background:#faf6ee;border-radius:12px;max-width:min(420px,86%);padding:32px 40px;box-shadow:0 24px 60px #0000004d}.film-gallery__modal-card h3{letter-spacing:.1em;margin:0 0 10px}.film-gallery__modal-card p{color:#8a8073;margin:0 0 20px;font-size:14px}.film-gallery__modal-card button{border:1.5px solid var(--secondary-color,#d4af37);color:#3a332a;letter-spacing:.2em;cursor:pointer;background:0 0;border-radius:999px;padding:10px 32px;transition:all .3s}.film-gallery__modal-card button:hover{background:var(--secondary-color,#d4af37);color:#16130f}@media (width<=768px){.film-gallery{--frame-w:82vw}.film-gallery__header{text-align:center;flex-direction:column;align-items:center;gap:6px}.film-dot img{width:42px;height:24px}.film-timeline{gap:14px;max-width:72vw;margin-top:4px;-webkit-mask:linear-gradient(90deg,#0000 0,#000 26px calc(100% - 26px),#0000 100%);mask:linear-gradient(90deg,#0000 0,#000 26px calc(100% - 26px),#0000 100%)}.film-gallery__enter{margin:12px auto 26px;padding:10px 28px 10px calc(28px + .4em)}}.site-footer{background:#ffffff05;border-top:1px solid #00ffcc26;padding:60px 10% 30px}.footer-brand{text-align:center;margin-bottom:50px}.footer-logo{background:linear-gradient(90deg, #fff, var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:900}.footer-slogan{color:var(--secondary-color);letter-spacing:6px;margin-top:10px;font-size:.9rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:50px;display:grid}.footer-col h4{color:var(--primary-color);font-family:var(--font-en);letter-spacing:2px;margin-bottom:16px}.footer-col p{color:var(--text-muted);font-size:.95rem;line-height:1.8}.footer-links{flex-wrap:wrap;gap:8px 20px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{color:#ffffff59;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:20px;font-size:.85rem;display:flex}@media (width<=768px){.site-footer{padding:40px 24px 24px}.footer-bottom{text-align:center;justify-content:center}}.hero-section{flex-direction:column;justify-content:center;min-height:100vh;padding:0 10%;display:flex}.hero-subtitle{font-family:var(--font-en);color:var(--primary-color);letter-spacing:3px;margin-bottom:20px}.hero-title{background:linear-gradient(90deg, #fff, var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:clamp(2.2rem,10vw,4.5rem);font-weight:900;line-height:1.2}.hero-title span{color:var(--secondary-color);-webkit-text-fill-color:var(--secondary-color)}.hero-desc{color:var(--text-muted);max-width:600px;font-size:1.2rem;line-height:1.8}.content-section{padding:100px 10%}.section-title{font-family:var(--font-en);color:var(--primary-color);text-align:center;margin-bottom:60px;font-size:2.5rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.tech-card{background:#ffffff05;border:1px solid #0fc3;border-radius:10px;padding:40px;transition:all .4s}.tech-card:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 10px 30px #00ffcc1a}.tech-card h3{color:var(--secondary-color);margin-bottom:20px;font-size:1.5rem}.tech-card p{color:var(--text-muted);line-height:1.6}@media (width<=768px){.hero-section{padding:0 24px}.content-section{padding:60px 24px}.hero-desc{font-size:1rem}.section-title{margin-bottom:40px;font-size:1.8rem}.tech-card{padding:28px 24px}}.page-enter{animation:.9s cubic-bezier(.22,1,.36,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stats-band{border-top:1px solid #00ffcc1f;border-bottom:1px solid #00ffcc1f;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;padding-top:40px;padding-bottom:40px;display:grid}.stat-item{text-align:center}.stat-num{font-family:var(--font-en);color:var(--secondary-color);font-size:clamp(2rem,5vw,3rem);font-weight:900}.stat-num span{color:var(--primary-color);margin-left:4px;font-size:.5em}.stat-label{color:var(--text-muted);letter-spacing:1px;margin-top:8px;font-size:.95rem}.cta-section{text-align:center}.cta-title{background:linear-gradient(90deg, #fff, var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(1.8rem,6vw,3rem);font-weight:900}.cta-title span{-webkit-text-fill-color:var(--secondary-color)}.cta-desc{color:var(--text-muted);margin-bottom:40px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-btn{letter-spacing:2px;border-radius:8px;padding:14px 40px;font-size:1.05rem;text-decoration:none;transition:all .3s}.cta-btn-primary{background:var(--primary-color);color:#050a08;font-weight:700}.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 24px #0fc6}.cta-btn-ghost{border:1px solid var(--primary-color);color:var(--primary-color)}.cta-btn-ghost:hover{background:#00ffcc14;transform:translateY(-2px)}@media (width<=768px){.stats-band{grid-template-columns:repeat(2,1fr);gap:24px}.cta-btn{padding:12px 32px}}.subpage-container{max-width:1200px;margin:0 auto;padding:40px 5%}.subpage-title{font-family:var(--font-en);color:#0a241b;border-left:5px solid var(--primary-color);margin-bottom:20px;padding-left:20px;font-size:2.5rem}.subpage-content{color:var(--text-muted);font-size:1.1rem;line-height:2}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:30px;box-shadow:0 4px 20px #0000000d}.biz-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.biz-stat{background:#f0f4f8;border-radius:8px;padding:15px}.biz-stat h4{color:#0a241b}.biz-stat p{font-size:.9rem}.stat-tags{gap:12px;margin-top:20px;display:flex}.stat-tag{color:#00a389;background:#e6fffa;border-radius:20px;padding:5px 15px;font-size:.9rem}@media (width<=768px){.biz-stats{grid-template-columns:repeat(2,1fr)}}