:root{--bg:#191c22;--card:#282c34;--orange:#b8bcc6;--deep:#888c96;--gold:#e9ebf0;--text:#fff;--text2:#c9ced8;--glass:#282c34b8;--shadow:0 16px 50px #0006}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:600;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.wave-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.splash-cursor{z-index:9995;pointer-events:none;position:fixed;inset:0}.loader{background:var(--bg);z-index:99999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;visibility:hidden}.loader-text{color:var(--orange);letter-spacing:14px;margin-bottom:22px;font-family:Georgia,serif;font-size:52px;font-style:italic}.loader-bar{background:#ffe3c8;border-radius:3px;width:140px;height:3px;overflow:hidden}.loader-fill{background:linear-gradient(90deg, var(--orange), var(--gold));width:0;height:100%;animation:1.2s forwards loadBar}@keyframes loadBar{to{width:100%}}.lang-toggle{background:#1e1e21e6;border:1px solid #b8bcc666;border-radius:30px;align-items:center;gap:4px;padding:4px 10px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.lang-btn{color:var(--text2);cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:2px 6px;font-size:13px;font-weight:600;transition:color .3s}.lang-btn.active{color:var(--orange);font-weight:800}#toTop{background:linear-gradient(135deg, var(--orange), var(--deep));color:#fff;cursor:pointer;z-index:9400;opacity:0;visibility:hidden;border:none;border-radius:50%;width:56px;height:56px;font-size:24px;transition:all .3s;position:fixed;top:50%;right:26px;transform:translateY(-50%);box-shadow:0 8px 30px #888c9666}#toTop.show{opacity:1;visibility:visible}#toTop:hover{transform:translateY(-50%)scale(1.1)}nav{z-index:9000;background:0 0;border-bottom:1px solid #b8bcc61f;padding:8px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1414168c;border-bottom:1px solid #b8bcc626;padding:6px 0;box-shadow:0 4px 30px #b8bcc614}.nav-inner{z-index:1;justify-content:center;align-items:center;max-width:1700px;margin:0 auto;padding:0 28px;display:flex;position:relative}.logo{color:var(--orange);letter-spacing:4px;font-family:Georgia,serif;font-size:22px;font-style:italic;font-weight:700}.nav-links{gap:22px;display:flex}.nav-links a{color:var(--text);letter-spacing:1px;font-size:16px;font-weight:700;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--orange);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--orange)}.nav-links a:hover:after{width:100%}.hero{text-align:center;background:0 0;padding-top:64px;position:relative}.hero-media{aspect-ratio:16/9;z-index:0;border-radius:14px;width:min(1500px,92vw);margin:0 auto;position:relative;overflow:hidden}.hero-media video{object-fit:cover;width:100%;height:100%}.hero-veil{background:linear-gradient(#191c2200 0% 55%,#191c228c 100%);border-radius:14px;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#191c228c,#191c2240);border-radius:16px;max-width:860px;padding:22px 30px;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.hero-role{text-align:center;color:var(--orange);letter-spacing:6px;font-size:15px;font-weight:700}.hero-title{letter-spacing:2px;filter:drop-shadow(0 0 24px #ffffffb3)drop-shadow(0 2px 6px #0009);margin:4px 0 10px;font-family:Georgia,serif;font-size:clamp(52px,9vw,96px);font-style:italic;font-weight:700;line-height:1.15;display:inline-block}.hero-title .title-char{background:linear-gradient(90deg,#9aa0ac 0%,#d0d4db 25%,#fff 50%,#d0d4db 75%,#9aa0ac 100%) 0 0/200%;-webkit-text-fill-color:transparent;cursor:default;-webkit-background-clip:text;background-clip:text;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .55s;animation:2.2s linear infinite shine;display:inline-block}.hero-title.burst .title-char{transform:translate(var(--tx), var(--ty)) rotate(var(--tr)) scale(var(--ts));opacity:.12}.hero-sub{color:var(--text2);letter-spacing:2px;min-height:24px;font-size:16px;font-weight:700}.hero-tags{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin-top:18px;display:flex}.hero-tags span{color:var(--text2);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #b8bcc640;border-radius:30px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .3s}.hero-tags span:hover{background:var(--orange);color:#fff;transform:translateY(-3px)}.hero-cta{justify-content:center;gap:18px;margin-top:28px;display:flex}.btn-primary,.btn-outline{letter-spacing:2px;cursor:pointer;border:none;border-radius:50px;padding:14px 36px;font-size:14px;font-weight:700;transition:all .35s}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--deep));color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-3px)scale(1.03)}.btn-outline{color:var(--text);border:1.5px solid var(--orange);background:0 0}.btn-outline:hover{background:var(--orange);color:#fff;transform:translateY(-3px)}.hero-scroll{color:var(--text2);z-index:1;font-size:13px;font-weight:600;animation:2s infinite bounce;position:absolute;bottom:26px;left:auto;right:34px;transform:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.shiny-text{background:linear-gradient(90deg,#9aa0ac 0%,#d0d4db 25%,#fff 50%,#d0d4db 75%,#9aa0ac 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite shine}@keyframes shine{to{background-position:200%}}.section{z-index:1;padding:36px 0;position:relative}.container{max-width:1500px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:32px}.section-num{color:var(--orange);letter-spacing:3px;font-family:Georgia,serif;font-size:13px;font-style:italic;font-weight:700}.section-desc{color:var(--text2);max-width:680px;margin:8px auto 0;font-size:15px;font-weight:600}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(34px)}.reveal.visible{opacity:1;transform:translateY(0)}.work-item{margin-bottom:0}.smart-video{cursor:pointer;background:0 0;transition:transform .3s;position:relative;overflow:hidden}.smart-video:hover{transform:translateY(-3px)}.smart-video.landscape{max-width:860px;margin:0 auto 18px}.smart-video.vertical{max-width:240px;margin:0 auto 18px}.smart-video.small{margin-bottom:0}.sv-media{background:0 0;width:100%;position:relative;overflow:hidden}.smart-video.landscape .sv-media{aspect-ratio:16/9}.smart-video.vertical .sv-media{aspect-ratio:9/16}.sv-media video{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.sv-cover{z-index:1;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.sv-cover img{object-fit:contain;width:100%;height:100%;display:block}.sv-play-btn{color:#fff;z-index:3;background:#b8bcc6e6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #888c9666}.smart-video:hover .sv-play-btn{transform:translate(-50%,-50%)scale(1.1)}.smart-video.playing .sv-play-btn{opacity:0;visibility:hidden}.smart-video.playing:hover .sv-play-btn{opacity:.85;visibility:visible;background:#0009}.sv-name{background:linear-gradient(135deg,#b8bcc62e,#ffffff0d);align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex}.sv-num{color:var(--orange);font-family:Georgia,serif;font-size:12px;font-style:italic}.video-grid-3{grid-template-columns:repeat(4,1fr);gap:14px;margin:12px 0 20px;display:grid}.video-grid-3 .smart-video{max-width:none;margin-bottom:0}.video-grid-3 .sv-media{aspect-ratio:16/10}.img-section{margin:10px 0 14px}.img-sec-label{color:var(--text2);letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:600}.img-row{gap:8px;margin-bottom:8px;display:grid}.img-row-land{grid-template-columns:repeat(4,1fr)}.img-row-port{grid-template-columns:repeat(5,1fr)}.img-cell{cursor:zoom-in;background:0 0;border-radius:4px;position:relative;overflow:hidden}.img-row-land .img-cell{aspect-ratio:4/3}.img-row-port .img-cell{aspect-ratio:3/4}.img-cell img{object-fit:contain;background:0 0;width:100%;height:100%;transition:transform .4s;display:block}.img-cell:hover img{transform:scale(1.05)}.img-zoom-hint{color:#fff;opacity:0;background:#b8bcc6d9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:opacity .3s;display:flex;position:absolute;top:6px;right:6px}.img-cell:hover .img-zoom-hint{opacity:1}.img-item{cursor:zoom-in;background:0 0;border-radius:4px;position:relative;overflow:hidden}.img-item img{object-fit:contain;background:0 0;width:100%;height:auto;max-height:150px;transition:transform .4s;display:block}.img-item:hover img{transform:scale(1.05)}.lightbox{z-index:99998;cursor:zoom-out;background:#0c0b0ef7;justify-content:center;align-items:center;animation:.25s lbFade;display:flex;position:fixed;inset:0}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lightbox img{cursor:default;border-radius:8px;max-width:90vw;max-height:90vh;transition:transform 80ms ease-out;box-shadow:0 30px 80px #00000080}.lightbox-hint{color:#c8cdd6;letter-spacing:1px;z-index:99999;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#282c34d9;border:1px solid #b8bcc640;border-radius:24px;padding:8px 18px;font-size:13px;font-weight:500;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.lightbox-close{color:#fff;cursor:pointer;z-index:99999;background:#b8bcc6e6;border:none;border-radius:50%;width:46px;height:46px;font-size:20px;position:fixed;top:24px;right:32px}.work-review{flex-direction:column;gap:12px;margin:4px 0 22px;display:flex}.director-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#b8bcc617,#ffffff14);border:1px solid #b8bcc638;border-radius:12px;padding:14px 18px}.director-card.plain{background:var(--glass)}.director-label{color:var(--orange);letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:700}.director-card p{color:#c8cdd6;font-size:15px;font-weight:500;line-height:1.9}.problems-wrap{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.problem-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #b8bcc62e;border-radius:10px;padding:12px 14px;transition:border-color .3s,transform .3s}.problem-card:hover{border-color:var(--orange);transform:translateY(-3px)}.prob-q{color:#d0d4db;margin-bottom:5px;font-size:14px;font-weight:700}.prob-a{color:#c8cdd6;font-size:13.5px;font-weight:500;line-height:1.75}.proof-row{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.proof-item{cursor:zoom-in;background:0 0;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:320px;padding:0;transition:transform .3s;display:flex;position:relative;overflow:hidden}.proof-item:hover{transform:translateY(-3px)}.proof-item img{object-fit:contain;width:100%;height:auto;max-height:320px;display:block}.proof-row.proof-grid2{grid-template-columns:repeat(2,1fr);display:grid}.proof-row.proof-grid2 .proof-item{min-width:0}@media (width<=768px){.proof-row.proof-grid2{grid-template-columns:1fr}}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#b8bcc61a,#ffffff1a);border:1px solid #b8bcc640;border-radius:14px;margin-top:24px;padding:22px 24px}.summary-title{color:var(--deep);margin-bottom:14px;font-size:16px;font-weight:800}.summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.summary-item{background:var(--glass);border:1px solid #b8bcc626;border-radius:10px;padding:10px 12px}.sum-q{color:var(--text);margin-bottom:3px;font-size:12.5px;font-weight:700}.sum-a{color:var(--text2);font-size:11.5px;font-weight:500;line-height:1.6}.summary-text{color:var(--text2);font-size:13px;font-weight:500;line-height:2}.intro-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;display:grid}.intro-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #b8bcc62e;border-radius:12px;padding:18px 20px;transition:border-color .3s,transform .3s}.intro-card:hover{border-color:var(--orange);transform:translateY(-4px)}.intro-card h4{color:var(--orange);border-bottom:1px solid #b8bcc633;margin-bottom:8px;padding-bottom:6px;font-size:14px;font-weight:700}.intro-card p{color:var(--text2);font-size:13px;font-weight:500;line-height:1.9}.analysis-title{color:var(--text);margin:8px 0 14px;font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:700}.engine-flow{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-bottom:22px;display:flex}.engine-step{background:var(--glass);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #b8bcc633;border-radius:12px;flex:1;min-width:140px;max-width:190px;padding:14px 16px;transition:transform .3s,border-color .3s}.engine-step:hover{border-color:var(--orange);transform:translateY(-5px)}.step-num{color:var(--orange);font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:700}.step-icon{margin:4px 0;font-size:24px}.engine-step h3{margin-bottom:3px;font-size:13.5px;font-weight:700}.engine-step p{color:var(--text2);font-size:11.5px;font-weight:500;line-height:1.6}.engine-arrow{color:var(--orange);align-items:center;font-size:22px;font-weight:700;display:flex}.problem-table-wrap{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #b8bcc62e;border-radius:12px;padding:8px;overflow-x:auto}.problem-table{border-collapse:collapse;width:100%;font-size:14px}.problem-table th,.problem-table td{text-align:left;border:1px solid #b8bcc626;padding:9px 13px}.problem-table th{color:#d0d4db;background:#b8bcc61a;font-weight:700}.problem-table td{color:#c8cdd6;font-weight:500;line-height:1.75}.problem-table td strong{color:var(--text);font-weight:700}.project-folder{grid-template-columns:1fr 330px 1fr;align-items:start;gap:16px;display:grid}.project-imgs{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.project-imgs.side-right{grid-template-columns:1fr}.project-imgs .img-item{display:flex}.project-imgs .img-item img{object-fit:contain;width:100%;height:auto;max-height:none}.project-imgs.side-left .img-item img{height:275px}.project-imgs.side-right .img-item img{height:560px}.project-video-box .smart-video{max-width:none;margin-bottom:0}.project-video-box .smart-video .sv-media{aspect-ratio:9/16;max-height:560px;margin:0 auto}.contact-wrap{text-align:center}.contact-sub{color:var(--text2);margin-bottom:30px;font-size:15px;font-weight:500}.contact-links{flex-wrap:wrap;justify-content:center;gap:36px;display:flex}.contact-link{color:var(--text2);border:1.5px solid #b8bcc64d;border-radius:50px;align-items:center;gap:10px;padding:13px 28px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.contact-link:hover{color:var(--orange);border-color:var(--orange);transform:translateY(-3px)}.footer{text-align:center;color:var(--text2);z-index:1;border-top:1px solid #b8bcc626;padding:24px 0;font-size:13px;font-weight:500;position:relative}.dock{z-index:9300;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #b8bcc638;border-radius:40px;gap:6px;padding:8px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #b8bcc62e}.dock-item{border-radius:20px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 10px;transition:all .25s;display:flex}.dock-item:hover{background:#b8bcc626;transform:translateY(-6px)scale(1.08)}.dock-icon{font-size:20px}.dock-label{color:var(--text2);font-size:10px;font-weight:700}@media (width<=1200px){.summary-grid{grid-template-columns:1fr 1fr}.project-folder,.intro-grid{grid-template-columns:1fr}.problems-wrap{grid-template-columns:repeat(2,1fr)}.img-row-land{grid-template-columns:repeat(3,1fr)}.img-row-port{grid-template-columns:repeat(4,1fr)}.video-grid-3{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.img-row-land,.img-row-port,.video-grid-3{grid-template-columns:repeat(2,1fr)}.summary-grid,.problems-wrap{grid-template-columns:1fr}.nav-links,.dock{display:none}.section{padding:40px 0}.hero{padding-bottom:60px}.smart-video.landscape{max-width:100%}}.section-title{cursor:default;letter-spacing:2px;filter:drop-shadow(0 0 20px #fff9)drop-shadow(0 2px 5px #0000008c);margin-top:4px;font-family:Georgia,serif;font-size:68px;font-style:italic;font-weight:700;display:inline-block;position:relative}.section-title .title-char{background:linear-gradient(90deg,#9aa0ac 0%,#d0d4db 25%,#fff 50%,#d0d4db 75%,#9aa0ac 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .55s;animation:2.2s linear infinite shine;display:inline-block}.section-title.burst .title-char{transform:translate(var(--tx), var(--ty)) rotate(var(--tr)) scale(var(--ts));opacity:.15}.section-title:hover .title-char{animation-duration:1.2s}.landscape-layout{grid-template-columns:240px 1fr 240px;align-items:start;gap:18px;margin-bottom:16px;display:grid}.center-video{align-items:flex-start;display:flex}.center-video .smart-video{flex-direction:column;width:100%;display:flex}.center-video .smart-video .sv-media{flex:1}.side-imgs{flex-direction:column;gap:8px;height:100%;display:flex}.side-img{cursor:zoom-in;background:0 0;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.side-img img{object-fit:contain;background:0 0;width:100%;height:100%;transition:transform .4s;display:block}.side-img:hover img{transform:scale(1.06)}.side-img:hover .img-zoom-hint{opacity:1}.center-video{min-width:0}.center-video .smart-video.landscape{max-width:100%;margin-bottom:0}.vertical-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;margin:24px 0;display:grid}.vertical-grid .vertical-item .smart-video{max-width:100%;margin-bottom:0}.vertical-grid .smart-video.vertical .sv-media{aspect-ratio:9/14;max-height:320px}.vertical-grid .smart-video .sv-name{padding:6px 8px;font-size:11.5px}.vertical-grid .vertical-item{margin-bottom:0}.vertical-reviews{grid-template-columns:repeat(2,1fr);gap:14px;margin:10px 0 24px;display:grid}.v-review-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #b8bcc626;border-radius:12px;padding:14px 16px}.v-review-title{color:#e9ebf0;border-bottom:1px solid #b8bcc640;margin-bottom:8px;padding-bottom:6px;font-size:15px;font-weight:700}.v-review-text{color:#c8cdd6;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.85}.v-review-card .problems-wrap{grid-template-columns:1fr 1fr;gap:8px}.video-player-overlay{z-index:99998;cursor:zoom-out;background:#0a0806ed;justify-content:center;align-items:center;animation:.25s lbFade;display:flex;position:fixed;inset:0}.video-player-box{cursor:default;background:#000;border-radius:14px;width:100%;max-width:min(1200px,92vw);position:relative;overflow:hidden;box-shadow:0 40px 120px #0009}.vp-title{color:#fff;background:linear-gradient(135deg,#b8bcc64d,#141210e6);align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;display:flex}.video-player-box video{object-fit:contain;background:#000;width:100%;max-height:80vh;display:block}.vp-close{color:#fff;cursor:pointer;z-index:5;background:#b8bcc6e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;top:10px;right:12px}.vp-close:hover{transform:scale(1.1)}.hero-sound{z-index:5;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:72px;height:72px;box-shadow:var(--shadow);border:1.5px solid #b8bcc673;border-radius:50%;justify-content:center;align-items:center;font-size:30px;transition:all .3s;display:flex;position:absolute;bottom:36px;right:40px}.hero-sound:hover{background:#b8bcc633;transform:scale(1.1)}.hero-sound.on{background:linear-gradient(135deg, var(--orange), var(--deep));border-color:#0000}.plain-vertical-grid{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:start;gap:20px;max-width:1100px;margin:18px auto;display:grid}.plain-vertical-grid .vertical-item .smart-video{max-width:100%;margin:0 auto}.plain-vertical-grid .smart-video.vertical .sv-media{aspect-ratio:9/14;max-height:460px}.rich-vertical-zone{margin:18px 0}.rich-vertical-item .landscape-layout{grid-template-columns:270px 1fr 270px;align-items:start}.rich-vertical-item .center-video .smart-video.vertical{max-width:260px;margin:0 auto}.rich-vertical-item .center-video .smart-video.vertical .sv-media{aspect-ratio:9/14;max-height:340px}.rich-vertical-item .work-review{margin-top:12px}.magic-cube-section{text-align:center;margin:26px 0 34px}.cube-hint{color:var(--orange);letter-spacing:3px;margin-bottom:14px;font-size:13px;font-weight:700}.cube-wrap{cursor:grab;width:min(420px,80vw);height:380px;margin:0 auto;position:relative}.cube-wrap.canvas-float{width:min(360px,30vw);height:320px;margin:0;position:absolute;top:8%;right:3%}.cube-wrap canvas{margin:0 auto;display:block}.cube-wrap:active{cursor:grabbing}.cube-labels{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.cube-label{background:var(--glass);color:var(--text2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .3s}.cube-label:hover{color:var(--orange);transform:translateY(-2px)}.cube-label.on{background:linear-gradient(135deg, var(--orange), var(--deep));color:#fff}.cube-label.reset{background:0 0;border:1px dashed #b8bcc666}.module-cube{z-index:2;text-align:center;position:absolute;top:12%;right:4vw;transform:none}.module-cube-hint{color:var(--orange);letter-spacing:2px;text-shadow:0 2px 8px #000000b3;min-height:22px;margin-bottom:6px;font-size:16px;font-weight:800}.module-cube-info{color:var(--text2);letter-spacing:1px;text-shadow:0 1px 6px #000c;white-space:nowrap;margin-top:10px;font-size:14px;font-weight:700;line-height:1.6}.cube-turn-hint{color:var(--gold);margin-left:8px;font-size:11px}.module-cube-wrap{cursor:pointer;width:min(320px,26vw);height:300px;margin:0 auto}.module-cube-wrap canvas{margin:0 auto;display:block}.module-cube-label{z-index:6;color:#fff;letter-spacing:2px;opacity:0;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2d2320d9;border-radius:24px;padding:8px 20px;font-size:14px;font-weight:700;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-130%)}.sop-steps{flex-direction:column;gap:14px;margin:10px 0 20px;display:flex}.sop-step{background:var(--glass);border:1px solid #b8bcc62e;border-radius:14px;padding:18px 22px;transition:border-color .3s}.sop-step:hover{border-color:#b8bcc666}.sop-step-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.sop-step-num{color:#191c22;background:linear-gradient(135deg,#b8bcc6,#888c96);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.sop-step-icon{font-size:18px}.sop-step-head h4{color:var(--text);font-size:16px;font-weight:700}.sop-step-desc{color:var(--text2);font-size:13.5px;line-height:1.8}.sop-step-imgs{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.sop-step-img{cursor:zoom-in;border:1px solid #b8bcc61f;border-radius:10px;flex:1;min-width:200px;max-width:320px;overflow:hidden}.sop-step-img img{object-fit:cover;width:100%;height:200px;transition:transform .3s;display:block}.sop-step-img:hover img{transform:scale(1.04)}@media (width<=600px){.sop-step-img{max-width:100%}.sop-step-img img{height:160px}}.garment-main{grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 8px;display:grid}.garment-img{cursor:zoom-in;text-align:center;background:0 0;overflow:hidden}.garment-img img{object-fit:contain;background:0 0;width:100%;height:340px;transition:transform .4s;display:block}.garment-img:hover img{transform:scale(1.05)}.garment-label{color:#c8cdd6;letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:700}@media (width<=900px){.garment-main{grid-template-columns:repeat(3,1fr)}.garment-img img{height:260px}}@media (width<=600px){.garment-main{grid-template-columns:repeat(2,1fr)}}.hero-metal-flow{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.click-fireworks{z-index:9999;pointer-events:none;display:block;position:fixed;inset:0}.glass-nav-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.glass-nav-bg canvas{width:100%;height:100%;display:block}.side-img,.img-item,.garment-img,.sop-step-img,.img-cell,.proof-item,.smart-video{position:relative}.side-img:after,.img-item:after,.garment-img:after,.sop-step-img:after,.img-cell:after,.proof-item:after,.smart-video:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--spotlight-color,#ffffff47), transparent 42%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.side-img:hover:after,.img-item:hover:after,.garment-img:hover:after,.sop-step-img:hover:after,.img-cell:hover:after,.proof-item:hover:after,.smart-video:hover:after{opacity:1}.poster-folders{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:42px;margin:10px 0 20px;padding:26px 0 12px;display:flex}.poster-folders .folder{flex-shrink:0}@media (width<=600px){.poster-folders{gap:28px}}.fluid-glass-wrap{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.fluid-glass-wrap canvas{width:100%;height:100%;display:block}.lightbox-stage{justify-content:center;align-items:center;gap:12px;max-width:96vw;max-height:94vh;display:flex;overflow:hidden}.lightbox-stage img{flex-shrink:1;max-width:calc(96vw - 140px)!important;max-height:92vh!important}.lightbox-nav{color:#e9ebf0;cursor:pointer;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#282c34b8;border:1px solid #b8bcc647;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:92px;font-size:26px;font-weight:600;transition:all .28s;display:flex}.lightbox-nav:hover{background:#b8bcc652;transform:scale(1.06);box-shadow:0 0 20px #b8bcc640}.lightbox-nav:active{transform:scale(.95)}.lightbox-count{color:#c8cdd6;z-index:99999;letter-spacing:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#282c34d9;border:1px solid #b8bcc640;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}@media (width<=600px){.lightbox-nav{width:36px;height:76px;font-size:20px}.lightbox-stage{gap:8px}}.lens-glass-wrap{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.lens-glass-wrap canvas{width:100%;height:100%;display:block}#nav .nav-inner{z-index:1;position:relative}#nav{background:0 0;border-bottom:none}#nav:before{content:"";z-index:0;-webkit-backdrop-filter:blur(14px)saturate(1.35);pointer-events:none;background:linear-gradient(135deg,#ffffff29,#ffffff0a 40%,#d2def41a);border:1.5px solid #d7e0f0a6;border-radius:18px;position:absolute;inset:6px 14px;box-shadow:inset 0 0 34px #ffffff24,inset 0 2px #ffffff47,inset 0 -3px 10px #8ca0c82e,inset 0 0 0 3px #ffffff0d,0 4px 26px #00000052,0 1px 3px #0000004d}#nav:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);border-radius:2px;width:42%;height:2px;position:absolute;top:8px;left:50%;transform:translate(-50%)}body.lightbox-open #toTop{opacity:0!important;visibility:hidden!important;display:none!important}#nav .nav-inner:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff0f,#0000 55%);border:1px solid #ffffff24;border-radius:14px;position:absolute;inset:4px 10px}.hero-intro{z-index:3;text-align:center;width:min(860px,94%);margin:0 auto;padding:0;bottom:16px;left:0;right:0;transform:translate(38px);box-shadow:none!important;background:0 0!important;transition:none!important;position:absolute!important;overflow:visible!important}.hero-intro:before,.hero-intro .edge-light{display:none!important}.hero-intro .border-glow-inner{background:0 0!important}.hero-intro .hero-title{text-shadow:0 2px 14px #000000b3;margin:4px 0 8px;font-size:clamp(36px,5vw,56px);color:#fff!important}.hero-intro .hero-role{letter-spacing:4px;text-shadow:0 2px 10px #000000b3;font-size:16px;font-weight:800;color:#fff!important}.hero-intro .hero-sub{text-shadow:0 2px 10px #000000b3;min-height:24px;font-size:16px;font-weight:700;color:#fff!important}.hero-intro .hero-tags{gap:7px;margin-top:10px}.hero-intro .hero-tags span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#191c2273;padding:6px 15px;font-size:14px;font-weight:700;color:#fff!important}.hero-intro .hero-cta{margin-top:14px}.hero-intro .hero-cta .btn-primary{padding:12px 30px;font-size:15px;font-weight:800}.hero-intro .hero-intro-line{color:#fff;letter-spacing:.4px;text-shadow:0 1px 8px #000c;max-width:780px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:15.5px;font-weight:600;line-height:1.7}#about{padding-top:8px}.about-card{text-align:center;max-width:1000px;margin:0 auto;padding:26px 40px}.about-card .hero-title{margin:8px 0 14px;font-size:clamp(40px,6vw,64px)}.about-card .hero-sub{text-align:center}.about-card .hero-cta{justify-content:center}.about-card .hero-tags{margin-left:auto;margin-right:auto}.about-slogan{color:#e9ebf0;letter-spacing:.5px;border-bottom:1px solid #b8bcc62e;margin:26px 0 18px;padding-bottom:16px;font-size:18px;font-weight:700;line-height:1.7}.about-para{color:#c8cdd6;letter-spacing:.3px;margin-bottom:14px;font-size:15px;line-height:1.9}.about-para:last-child{margin-bottom:0}@media (width<=700px){.about-card{padding:24px 20px}.about-slogan{font-size:16px}.about-para{font-size:14px}}.project-note{max-width:1100px;margin:0 auto 22px;padding:18px 24px}.project-note p{color:#c8cdd6;letter-spacing:.3px;font-size:14px;line-height:1.85}@media (width<=700px){.project-note{padding:14px 16px}.project-note p{font-size:13px}}.poster-hint{text-align:center;color:var(--text2);letter-spacing:1px;margin:-6px 0 14px;font-size:13px;font-weight:600}.poster-folders{flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:18px;display:flex}.folder-unit{text-align:center}.folder-tag{color:#c8cdd6;letter-spacing:2px;background:#191c2266;border:1px solid #b8bcc640;border-radius:20px;margin-bottom:8px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}html.lite *,html.lite :before,html.lite :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.lite{--glass:#21242beb}html.lite .poster-hint,html.lite .proof-item,html.lite .img-cell,html.lite .skill-pill{background:#191c22e0!important}html.lite .reveal{transition:opacity .16s ease-out,transform .16s ease-out!important}.border-glow-card{background:var(--card-bg,#120f17);border-radius:var(--border-radius,28px);padding:var(--glow-padding,40px);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.border-glow-card .edge-light{border-radius:inherit;pointer-events:none;z-index:0;background:conic-gradient(from var(--cursor-angle,0deg), hsl(var(--glow-color,40 80 80) / 100%), hsl(var(--glow-color-60,40 80 80) / 60%), hsl(var(--glow-color-50,40 80 80) / 50%), hsl(var(--glow-color-40,40 80 80) / 40%), hsl(var(--glow-color-30,40 80 80) / 30%), hsl(var(--glow-color-20,40 80 80) / 20%), hsl(var(--glow-color-10,40 80 80) / 10%), hsl(var(--glow-color-10,40 80 80) / 0%), hsl(var(--glow-color-10,40 80 80) / 0%), hsl(var(--glow-color-10,40 80 80) / 0%), hsl(var(--glow-color-10,40 80 80) / 0%), hsl(var(--glow-color-10,40 80 80) / 0%), hsl(var(--glow-color-10,40 80 80) / 0%), hsl(var(--glow-color-10,40 80 80) / 10%), hsl(var(--glow-color-20,40 80 80) / 20%), hsl(var(--glow-color-30,40 80 80) / 30%), hsl(var(--glow-color-40,40 80 80) / 40%), hsl(var(--glow-color-50,40 80 80) / 50%), hsl(var(--glow-color-60,40 80 80) / 60%), hsl(var(--glow-color,40 80 80) / 100%));filter:blur(calc(var(--cone-spread,25) * .5px));opacity:calc(var(--edge-proximity,0) / 100 * .95);transition:opacity .15s;position:absolute;inset:0}.border-glow-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:var(--gradient-one,radial-gradient(at 80% 55%, #c084fc80 0px, transparent 50%)), var(--gradient-two,radial-gradient(at 69% 34%, #f472b680 0px, transparent 50%)), var(--gradient-three,radial-gradient(at 8% 6%, #38bdf880 0px, transparent 50%)), var(--gradient-four,radial-gradient(at 41% 38%, #c084fc80 0px, transparent 50%)), var(--gradient-five,radial-gradient(at 86% 85%, #f472b680 0px, transparent 50%)), var(--gradient-six,radial-gradient(at 82% 18%, #38bdf880 0px, transparent 50%)), var(--gradient-seven,radial-gradient(at 51% 4%, #f472b680 0px, transparent 50%)), var(--gradient-base,linear-gradient(#c084fc 0 100%));background-blend-mode:overlay;opacity:calc(var(--edge-proximity,0) / 100 * .5);mix-blend-mode:screen;transition:opacity .2s;position:absolute;inset:0}.border-glow-card .border-glow-inner{z-index:1;position:relative}.border-glow-card:hover{transform:translateY(-2px);box-shadow:0 8px 40px #0006}.border-glow-card.sweep-active .edge-light{opacity:.85}.card-spotlight{position:relative;overflow:hidden}.card-spotlight:before{content:"";pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--spotlight-color,#ffffff40), transparent 40%);opacity:0;z-index:2;transition:opacity .35s;position:absolute;inset:0}.card-spotlight:hover:before{opacity:1}.folder{--folder-width:170px;width:var(--folder-width);aspect-ratio:4/3;cursor:pointer;transform-style:preserve-3d;perspective:800px;outline:none;transition:transform .3s;position:relative}.folder:hover{transform:scale(1.06)}.folder:focus-visible{outline-offset:4px;outline:2px solid #b8bcc699}.folder__back{background:var(--folder-color,#5227ff);width:100%;height:100%;transform-style:preserve-3d;z-index:0;border-radius:12px;transition:transform .4s;position:absolute;inset:0;box-shadow:0 12px 28px #00000059}.folder.open .folder__back{transform:rotateX(12deg)translateY(6px);box-shadow:0 22px 40px #00000073}.folder__front{background:var(--folder-back-color,#4a20e0);transform-origin:0;z-index:10;border-radius:12px 0 0 12px;width:50%;height:100%;transition:transform .5s cubic-bezier(.3,.8,.3,1);position:absolute;top:0;left:0;transform:rotateY(0);box-shadow:0 8px 20px #00000040}.folder__front.right{transform-origin:100%;border-radius:0 12px 12px 0;left:auto;right:0}.folder.open .folder__front{transform:rotateY(-150deg)}.folder.open .folder__front.right{transform:rotateY(150deg)}.paper{background:var(--paper-3,#fff);width:88%;height:82%;transform-style:preserve-3d;z-index:3;border-radius:6px;justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.3,.9,.3,1);display:flex;position:absolute;top:10%;left:6%;overflow:hidden;box-shadow:0 6px 14px #00000040}.paper img{object-fit:contain;width:100%;height:100%;display:block}.paper-1{background:var(--paper-1,#e6e6e6);z-index:3}.paper-2{background:var(--paper-2,#f2f2f2);z-index:4}.paper-3{background:var(--paper-3,#fff);z-index:5}.folder:not(.open) .paper{opacity:.9;transform:translateY(0)scale(.92)}.folder:not(.open) .paper-1{transform:translateY(3px)scale(.9)}.folder:not(.open) .paper-2{transform:translateY(6px)scale(.92)}.folder:not(.open) .paper-3{transform:translateY(9px)scale(.94)}.folder.open .paper-1{transform:rotateX(-18deg) translateY(-34px) translateX(calc(var(--magnet-x,0px) * .4)) translateY(calc(var(--magnet-y,0px) * .4))}.folder.open .paper-2{transform:rotateX(-8deg) translateY(-56px) translateX(calc(var(--magnet-x,0px) * .7)) translateY(calc(var(--magnet-y,0px) * .7))}.folder.open .paper-3{transform:rotateX(0deg) translateY(-78px) translateX(var(--magnet-x,0px)) translateY(calc(var(--magnet-y,0px) * 1))}.threads-container{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.threads-container canvas{width:100%;height:100%;display:block}.stack-container{perspective:1000px;width:280px;height:380px;margin:0 auto;position:relative}.card-rotate{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.card-rotate-disabled{width:100%;height:100%;position:absolute;inset:0}.card{will-change:transform;cursor:pointer;background:#1a1e26;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000073}.card .card-image,.card img{object-fit:cover;width:100%;height:100%;display:block}.card-spotlight-wrapper{width:100%;height:100%;position:relative}.xhs-stack-wrap{justify-content:center;align-items:center;padding:20px 0 30px;display:flex}.xhs-stack-hint{text-align:center;color:var(--text2,#a6abb6);letter-spacing:1px;margin-bottom:4px;font-size:13px}@media (width<=600px){.stack-container{width:230px;height:310px}}:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#191c22}