@import url('assets/projects/mini-design/header.css');
@font-face{font-family:MiniSerif;src:url('assets/projects/mini-design/MiniSerif.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:MiniScript;src:url('assets/about/Allura-Regular.ttf') format('truetype');font-display:swap}
.mini-standalone{margin:0;background:#060c09}
.mini-overview,.mini-overview *{box-sizing:border-box}
.mini-overview{--neon:#d2ee37;position:relative;isolation:isolate;container-type:inline-size;height:100svh;min-height:650px;width:100%;margin:0;padding:0;overflow:hidden;background:#050c09;color:#f6f6ee;scroll-margin-top:0;font-family:'Microsoft YaHei',system-ui,sans-serif}
.mini-overview a{color:inherit;text-decoration:none}
.mini-overview *{text-shadow:none!important;letter-spacing:normal}
.mini-overview>.premium-v2-ticker,.mini-overview:before,.mini-overview:after{display:none!important}
.is-mini-view .wc-reading-progress{visibility:hidden!important}
body.is-mini-view:before{visibility:hidden!important}
@media(max-width:999px){.mini-overview .neon-nav-item small{display:block}}
.mini-world{position:absolute;inset:0;z-index:-3;background:url('assets/projects/mini-design/overview-environment.webp') center/100% 100% no-repeat}
.mini-overview .neon-header{height:12.8%;margin:0 2.4%;padding:0 2.4%;min-height:82px;background:transparent}
.mini-ghost{position:absolute;left:34%;top:15%;font:900 10.9cqw/1 Impact,'Arial Black',sans-serif;letter-spacing:-.5cqw;white-space:nowrap;opacity:.055;z-index:-1;pointer-events:none}
.mini-title{position:absolute;left:5.4%;top:15.7%;width:63%;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 0.3cqw}
.mini-title h2{margin:0;font:900 5.5cqw/1.14 MiniSerif,SimSun,serif;letter-spacing:-.22cqw;transform:skew(-7deg);background:linear-gradient(#fff 42%,#d8e98f);color:transparent;background-clip:text}
.mini-title em{font:400 2.95cqw/1 MiniScript,cursive;color:#d3e72d;transform:rotate(-7deg);white-space:nowrap}
.mini-title p{margin:1.05cqw 0 0;width:100%;font-size:1.35cqw;line-height:1.4;letter-spacing:.17cqw}
.mini-aside{position:absolute;right:4%;top:19.5%;font:400 1.22cqw/1.8 SimSun,serif;transform:rotate(-7deg);text-align:center;margin:0;color:#e9eedb}
.mini-aside:after{content:'';display:block;width:80%;height:1px;background:#d2e6409c;margin:7px auto 0;transform:rotate(-10deg)}
.mini-grid{position:absolute;inset:33% 2.4% 13%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8%;z-index:2}
.mini-card{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:1.8cqw;border:1px solid #d6e7b170;background:linear-gradient(120deg,#09150dec,#122317ba);box-shadow:0 7px 22px #0006,inset 0 1px 1px #edffd566;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s;transform-origin:center bottom}
.mini-card:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/projects/mini-design/medicine-environment.webp') center/cover;opacity:.4;mask-image:linear-gradient(90deg,#0004,#000)}
.mini-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050b09da,transparent 80%),linear-gradient(0deg,#08110cdd,transparent 32%)}
.mini-card--fitness{border-color:#f4b47a85;background:linear-gradient(120deg,#181314,#31130bbf)}
.mini-card--fitness:before{background:linear-gradient(0deg,#c952104a,transparent 55%),url('assets/projects/mini-design/overview-environment.webp') center bottom/cover;opacity:.9;mask-image:linear-gradient(90deg,#0005,#000)}
.mini-card--voice:before{background-image:url('assets/projects/mini-design/voice-environment.webp');opacity:.28}
.mini-number{position:absolute;left:2%;top:0;color:#fff9e9;font:400 2.9cqw/1 Georgia,serif;padding:.9cqw 1.05cqw .65cqw;border:1px solid #ddb76f83;border-top:0;border-radius:0 0 .4cqw .4cqw;background:linear-gradient(130deg,#92633eb8,#3d2c19ed);box-shadow:2px 3px 8px #0007;z-index:4}
.mini-number:before{content:'';position:absolute;width:1.3cqw;height:.7cqw;border-radius:0 90% 0 90%;background:linear-gradient(35deg,#56791d,#c9d660);left:-.5cqw;top:.25cqw;transform:rotate(-32deg);box-shadow:.75cqw -.4cqw 0 -.13cqw #7d962e}
.mini-app-icon{position:absolute;right:4%;top:4.5%;width:16.7%;aspect-ratio:1;border-radius:24%;display:grid;place-items:center;background:linear-gradient(145deg,#6dff76,#02ae70 68%,#026a42);color:#fff;box-shadow:0 4px 14px #0004,inset 0 1px 2px #ffffff91;z-index:4}
.mini-app-icon svg{width:65%;height:65%}.mini-app-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.mini-card--voice .mini-app-icon{background:linear-gradient(140deg,#fffff9,#e9eed7);color:#138357}
.mini-card-copy{position:absolute;left:5.2%;top:17.8%;width:49%;z-index:3;text-shadow:0 2px 8px #0007}
.mini-card-copy h3{font:750 2.22cqw/1.35 'Microsoft YaHei',system-ui,sans-serif;letter-spacing:-.07cqw;margin:0 0 .55cqw;white-space:nowrap}
.mini-card-value{font-size:1.3cqw;line-height:1.6;margin:0 0 1.1cqw;white-space:nowrap;color:#f1f3e9}
.mini-card-tags{display:flex;flex-wrap:wrap;max-width:100%;gap:.3cqw;list-style:none;padding:0;margin:0 0 1.6cqw;white-space:nowrap}
.mini-card-tags li{font:400 .85cqw/1.1 system-ui,sans-serif;padding:.24cqw .44cqw;border:1px solid #e3ead760;border-radius:1cqw;background:#08100957}
.mini-card-description{font-size:1.04cqw;line-height:1.75;margin:0;white-space:nowrap;color:#e8eade}
.mini-card-details{position:absolute;left:5.2%;bottom:4.8%;display:flex;align-items:center;justify-content:space-between;gap:1.2cqw;width:42%;padding:.7cqw 1.6cqw;border:1px solid #e4f3a3;border-radius:3cqw;background:linear-gradient(110deg,#6b972dc9,#345c19bb);box-shadow:inset 0 0 7px #eaff946f,0 1px 7px #d9ff5340;z-index:5;font:600 1.55cqw/1.2 'Microsoft YaHei',sans-serif;white-space:nowrap}
.mini-card-details i{font:normal 2cqw/1 system-ui;transition:transform .3s}
.mini-card--fitness .mini-card-details{background:linear-gradient(110deg,#cf732c,#f38a35d9);border-color:#ffe2ab;box-shadow:inset 0 0 8px #ffd093,0 0 8px #ffa14255}
.mini-card--voice .mini-card-details{background:linear-gradient(110deg,#d7ed68,#c0dd80);color:#111f0c;border-color:#eeffd1;box-shadow:inset 0 1px 10px #f0ffdca1}
.mini-card-art{position:absolute;right:0;bottom:6%;width:51%;height:77%;transition:transform .5s ease;z-index:2}
.mini-phone{position:absolute;border:2px solid #e4e4b791;padding:5px;background:linear-gradient(100deg,#879381,#f0ecd0 3%,#101611 7%,#101611 93%,#e0ddc2 98%,#727c65);border-radius:2.3cqw;box-shadow:3px 5px 0 #0b100be3,8px 14px 18px #0008;overflow:hidden;aspect-ratio:390/850;transform-origin:center bottom}
.mini-phone>img{width:100%;height:100%;object-fit:cover;border-radius:calc(2.3cqw - 5px);display:block;object-position:top}
.mini-phone:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff45;pointer-events:none;background:linear-gradient(108deg,#ffffffe0 0%,transparent 5%,transparent 75%,#ffffff18 95%);mix-blend-mode:screen}
.mini-phone-island{position:absolute;top:2.3%;left:33%;width:34%;height:3.1%;border-radius:30px;background:#030604;box-shadow:inset 0 0 2px #b3bbb566}
.mini-phone-back{width:58%;right:0;bottom:0;transform:rotate(7deg);z-index:1}
.mini-phone-front{width:70%;left:0;bottom:0;transform:rotate(-5deg);z-index:2}
.mini-fitness-phones{height:100%;width:100%;overflow:visible;filter:drop-shadow(4px 7px 8px #0006)}
.mini-card--fitness .mini-card-art{width:60%;height:84%;right:-4%}
.mini-card--fitness .mini-card-copy{width:47%}
.mini-card--voice .mini-card-tags li{font-size:.73cqw}
@media(min-width:1000px){.mini-card--fitness .mini-card-value{font-size:1.25cqw}.mini-card--medicine .mini-card-value,.mini-card--voice .mini-card-value{margin-bottom:.65cqw}.mini-card--medicine .mini-card-tags,.mini-card--voice .mini-card-tags{margin-bottom:.35cqw}.mini-card--medicine .mini-card-description,.mini-card--voice .mini-card-description{line-height:1.65}}
@media(max-width:999px){.mini-overview .neon-header{height:116px;max-height:none}.mini-card--voice .mini-card-tags li{font-size:9px}}
.mini-card:hover,.mini-card:focus-visible{transform:scale(1.015);border-color:#efffbdbb;box-shadow:0 9px 24px #0008,inset 0 1px 1px #ffffff7a;outline:0}
.mini-card:focus-visible{outline:2px solid #cfe963;outline-offset:4px}
.mini-card:hover .mini-card-art{transform:scale(1.03)}.mini-card:hover .mini-card-details i{transform:translateX(6px)}
.mini-transition{position:absolute;inset:0;z-index:20;background:#040a06;opacity:0;pointer-events:none;transition:opacity .55s}
.mini-overview.is-leaving .mini-transition{opacity:1}.mini-overview.is-leaving .is-selected .mini-card-art{transform:scale(1.055)}
.is-mini-view .work-nav,.is-mini-view .premium-v2-chapter-rail,.is-mini-view .category-rail,.is-mini-view .premium-rail,.is-mini-view .premium-progress,.is-mini-view .premium-section-readout,.is-mini-view .cursor,.is-mini-view .premium-spotlight{visibility:hidden!important;pointer-events:none!important}
@media(max-width:999px){.mini-overview{height:auto;min-height:950px;padding-bottom:80px}.mini-world{background-size:auto 100%;background-position:60% center}.mini-overview .neon-header{height:116px;display:block;padding:18px 4% 0;margin:0}.mini-overview .neon-brand{width:auto;gap:14px}.mini-overview .neon-brand>span{font-size:38px}.mini-overview .neon-brand>small{font-size:10px}.mini-overview .neon-navigation{display:flex;height:54px;margin-top:14px;width:100%;overflow-x:auto;scrollbar-width:none}.mini-overview .neon-nav-item{flex:0 0 86px;align-items:center;padding:0 8px;gap:1px}.mini-overview .neon-nav-top{font-size:10px;height:18px;gap:6px}.mini-overview .neon-nav-top svg{width:17px;height:17px}.mini-overview .neon-nav-item strong{font-size:12px}.mini-overview .neon-nav-item small{font-size:8px}.mini-overview .neon-nav-item.is-active:after{left:10px;right:10px;bottom:-7px}.mini-title{position:relative;top:auto;left:auto;margin:32px 6% 24px;width:88%;gap:0 7px}.mini-title h2{font-size:48px;letter-spacing:-2px}.mini-title em{font-size:44px}.mini-title p{font-size:13px;letter-spacing:1px;margin-top:15px}.mini-aside{display:none}.mini-ghost{top:160px;left:22%;font-size:110px}.mini-grid{position:relative;inset:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:10px 6% 28px;scrollbar-width:thin;scrollbar-color:#bccc6655 transparent}.mini-card{flex:0 0 min(84vw,460px);height:510px;border-radius:24px;scroll-snap-align:center}.mini-number{font-size:38px;padding:12px 15px 8px;border-radius:0 0 6px 6px}.mini-number:before{width:18px;height:10px;left:-5px;top:5px}.mini-card-copy{left:6%;top:20%}.mini-card-copy h3{font-size:28px;letter-spacing:-1px;margin-bottom:8px}.mini-card-value{font-size:16px;line-height:1.7;margin-bottom:15px}.mini-card-tags{gap:4px;margin-bottom:24px}.mini-card-tags li{font-size:10px;padding:4px 5px;border-radius:14px}.mini-card-description{font-size:12px;line-height:1.85}.mini-card-details{font-size:19px;left:6%;width:48%;padding:10px 17px;border-radius:30px}.mini-card-details i{font-size:25px}.mini-phone{border-radius:24px;padding:4px}.mini-phone>img{border-radius:20px}.mini-card-art{bottom:9%;width:49%;height:67%}.mini-card--fitness .mini-card-art{width:54%}}
@media(max-width:440px){.mini-title h2{font-size:40px}.mini-title em{font-size:37px}.mini-card{height:475px}.mini-card-copy h3{font-size:25px}.mini-card-value{font-size:14px}.mini-card-tags{gap:3px}.mini-card-tags li{font-size:9px;padding:4px}.mini-card-description{font-size:11px}.mini-card-details{font-size:16px}.mini-overview{min-height:860px}}
@media(prefers-reduced-motion:reduce){.mini-overview *{animation:none!important;transition:none!important}.mini-card:hover .mini-card-art{transform:none}}