/* 移动端增大根字体 */
@media screen and (max-width: 751px) {
    html {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
}
:root {
    --font-xxs: clamp(0.625rem, 0.25vw, 0.75rem);
    --font-xs: clamp(0.75rem, 0.3vw, 0.875rem);
    --font-sm: clamp(0.875rem, 0.35vw, 0.9375rem);
    --font-base: clamp(0.9375rem, 0.4vw, 1rem);
    --font-md: clamp(1rem, 0.45vw, 1.125rem);
    --font-lg: clamp(1.125rem, 0.55vw, 1.25rem);
    --font-xl: clamp(1.25rem, 0.7vw, 1.5rem);
    --font-2xl: clamp(1.5rem, 0.85vw, 1.875rem);
    --font-3xl: clamp(1.875rem, 1vw, 2.5rem);
    --font-4xl: clamp(2.5rem, 1.2vw, 3rem);
}
@media screen and (max-width: 751px) {
    :root {
        --font-xxs: clamp(0.9375rem, 2vw, 1rem);
        --font-xs: clamp(1rem, 2.3vw, 1.0625rem);
        --font-sm: clamp(1.0625rem, 2.6vw, 1.125rem);
        --font-base: clamp(1.125rem, 2.9vw, 1.25rem);
        --font-md: clamp(1.25rem, 3.3vw, 1.375rem);
        --font-lg: clamp(1.375rem, 3.8vw, 1.625rem);
        --font-xl: clamp(1.625rem, 4.3vw, 1.875rem);
        --font-2xl: clamp(1.875rem, 5vw, 2.25rem);
        --font-3xl: clamp(2.25rem, 5.8vw, 3rem);
        --font-4xl: clamp(3rem, 6.8vw, 4rem);
    }
}

/* ===== local-fonts.css ===== */
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/PressStart2P.ttf') format('truetype')}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Silkscreen-400.woff2') format('woff2')}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Silkscreen-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700 900;font-display:swap;src:url('../fonts/Inter-latin.woff2') format('woff2')}
@font-face{font-family:'Alibaba PuHuiTi 3.0';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2'),url('../fonts/AlibabaPuHuiTi-3-55-Regular.woff') format('woff'),url('../fonts/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype'),url('../fonts/AlibabaPuHuiTi-3-55-Regular.eot') format('embedded-opentype')}

/* ===== base.css ===== */
#ugreen-home-sketch{--ug-bg:#080a09;--ug-surface:#121613;--ug-text:#f2f5f2;--ug-secondary:#b7c2b8;--ug-line:#303a32;--ug-green:#53f76b;background:var(--ug-bg);color:var(--ug-text);font:15px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;width:100%;color-scheme:dark}
#ugreen-home-sketch *{box-sizing:border-box;letter-spacing: 0.05em;}
#ugreen-home-sketch h1,#ugreen-home-sketch h2,#ugreen-home-sketch h3,#ugreen-home-sketch p{margin:0}
#ugreen-home-sketch h2{font-size:var(--font-3xl);line-height:1.4;font-weight:600;letter-spacing:-.03em;margin:7px 0 18px}
#ugreen-home-sketch h3{font-size:var(--font-xl);line-height:1.5;font-weight:600;margin:12px 0}
#ugreen-home-sketch a{color:inherit;text-decoration:none}
#ugreen-home-sketch a:hover{text-decoration:underline}
#ugreen-home-sketch button{font:inherit;line-height:1.4;min-height:44px;padding:12px 20px;border:1px solid var(--ug-line);border-radius:0;background:transparent;color:var(--ug-text);text-align:center}
#ugreen-home-sketch button:disabled{opacity:1;cursor:default}
#ugreen-home-sketch .ug-primary{background:var(--ug-green);border-color:var(--ug-green);color:#07110a;font-weight:600}
#ugreen-home-sketch .ug-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 5%;border-bottom:1px solid var(--ug-line)}
#ugreen-home-sketch .ug-brand{justify-self:start;font-size:var(--font-lg);font-weight:650;white-space:nowrap;letter-spacing:-.04em}
#ugreen-home-sketch .ug-nav{justify-self:center;display:flex;flex-wrap:nowrap;gap:22px;font-size:var(--font-sm);white-space:nowrap}
#ugreen-home-sketch .ug-head button{font-size:var(--font-xs);padding:10px 14px}
#ugreen-home-sketch .ug-head-actions{justify-self:end;display:flex;align-items:center;gap:16px;flex:0 0 auto}
#ugreen-home-sketch .ug-account{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);white-space:nowrap;line-height:1}
#ugreen-home-sketch .ug-account-info{display:inline-flex;align-items:center;gap:8px;max-width:200px;height:34px;padding:0 12px 0 4px;border-radius:999px;border:1px solid transparent;background:#ffffff0a;color:#cfd8d0;transition:background .18s ease,border-color .18s ease,color .18s ease}
#ugreen-home-sketch .ug-account-info:hover{background:#53f76b14;border-color:#53f76b59;color:#53f76b;text-decoration:none}
#ugreen-home-sketch .ug-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.01em}
#ugreen-home-sketch .ug-avatar{display:block;flex:0 0 auto;width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid var(--ug-line);background:#16211a}
#ugreen-home-sketch .ug-avatar--txt{display:flex;align-items:center;justify-content:center;color:#53f76b;font-size:12px;font-weight:600;line-height:1}
#ugreen-home-sketch .ug-account-out{display:inline-flex;align-items:center;height:18px;margin-left:4px;padding-left:12px;border-left:1px solid var(--ug-line);color:var(--ug-secondary);font-size:12px;letter-spacing:.02em}
#ugreen-home-sketch .ug-account-out:hover{color:#53f76b;text-decoration:none}
@media(max-width:1260px){#ugreen-home-sketch .ug-head{gap:16px;padding-left:4.5%;padding-right:4.5%}#ugreen-home-sketch .ug-nav{gap:16px;font-size:var(--font-xs)}}@media(max-width:1080px){#ugreen-home-sketch .ug-head{display:flex;justify-content:space-between;gap:14px;padding-left:4%;padding-right:4%}#ugreen-home-sketch .ug-nav{display:none}#ugreen-home-sketch .ug-brand{font-size:var(--font-base)}#ugreen-home-sketch .ug-head-actions{gap:12px}#ugreen-home-sketch .ug-account-name{display:none}#ugreen-home-sketch .ug-account-info{max-width:none;padding:0 4px;background:transparent}}
@media(max-width:700px){#ugreen-home-sketch .ug-head-actions{gap:10px}#ugreen-home-sketch .ug-account-name{display:none}#ugreen-home-sketch .ug-account{gap:8px}}
#ugreen-home-sketch .ug-kv{display:block;width:100%;height:auto}
#ugreen-home-sketch .ug-herobar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px;padding:22px 5% 32px;border-bottom:1px solid var(--ug-line)}
#ugreen-home-sketch .ug-herobar small{color:var(--ug-secondary);display:block;font-size:15px;color: #53f76b;font-weight: 600;}
#ugreen-home-sketch .ug-herobar strong{font-size:21px;font-weight:600}
#ugreen-home-sketch .ug-herobar button{display:inline-flex;align-items:center;justify-content:center;text-align:center}
#ugreen-home-sketch .ug-actions{display:flex;gap:12px;flex-wrap:wrap}
#ugreen-home-sketch .ug-section{padding:60px 6%;border-bottom:1px solid var(--ug-line);scroll-margin-top:20px}
#ugreen-home-sketch .ug-eyebrow{color:var(--ug-green);letter-spacing:.09em;margin-bottom:10px;font-weight: 600;}
#ugreen-home-sketch .ug-secondary{color:var(--ug-secondary)}
#ugreen-home-sketch .ug-intro{display:grid;grid-template-columns:1fr 1.25fr;gap:35px;align-items:start}
#ugreen-home-sketch .ug-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px;padding-top:24px;border-top:1px solid var(--ug-line)}
#ugreen-home-sketch .ug-perks strong{display:block;font-size:var(--font-sm);font-weight:500;margin-bottom:6px}
#ugreen-home-sketch .ug-perks p{font-size:var(--font-sm);color: #b7c2b86b;}
#ugreen-home-sketch .ug-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
#ugreen-home-sketch .ug-track{background:var(--ug-surface);border:1px solid var(--ug-line);padding:25px;display:flex;flex-direction:column;align-items:flex-start}
#ugreen-home-sketch .ug-track .ug-name{color:var(--ug-green);font-size:var(--font-xs)}
#ugreen-home-sketch .ug-track p{color:var(--ug-secondary);font-size:var(--font-sm);margin-bottom:20px}
#ugreen-home-sketch .ug-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:20px}
#ugreen-home-sketch .ug-tags span{font-size:var(--font-xs);background:#202922;padding:3px 8px;color:#d2ddd3}
#ugreen-home-sketch .ug-track button{font-size:var(--font-xs);padding:10px 0;border:none;color:var(--ug-green)}
#ugreen-home-sketch .ug-prize{text-align:center;padding-top:65px;padding-bottom:65px}
#ugreen-home-sketch .ug-amount{font:600 clamp(54px,10vw,94px)/1.25 ui-monospace,SFMono-Regular,monospace;color:var(--ug-green);letter-spacing:-.06em;margin:13px 0}
#ugreen-home-sketch .ug-prize h2{font-size:var(--font-xl)}
#ugreen-home-sketch .ug-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:30px 0}
#ugreen-home-sketch .ug-node{border-top:2px solid var(--ug-green);padding-top:18px}
#ugreen-home-sketch .ug-date{font:500 16px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--ug-green)}
#ugreen-home-sketch .ug-node h3{font-size:var(--font-sm);margin:10px 0 6px}
#ugreen-home-sketch .ug-node p{font-size:var(--font-xs);color:var(--ug-secondary)}
#ugreen-home-sketch .ug-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
#ugreen-home-sketch .ug-stepno{font:20px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--ug-green)}
#ugreen-home-sketch .ug-steps h3{font-size:var(--font-lg)}
#ugreen-home-sketch .ug-steps p{color:var(--ug-secondary);font-size:var(--font-sm)}
#ugreen-home-sketch .ug-deliver{border-top:1px solid var(--ug-line);padding:22px 0;margin-bottom:8px}
#ugreen-home-sketch .ug-deliver strong{font-weight:500}
#ugreen-home-sketch .ug-deliver p{font-size:var(--font-xs);color:var(--ug-secondary);margin-top:8px}
#ugreen-home-sketch details{border-bottom:1px solid var(--ug-line)}
#ugreen-home-sketch summary{padding:19px 0;font-size:var(--font-sm);min-height:44px}
#ugreen-home-sketch details p{padding:0 15px 22px 0;color:var(--ug-secondary);font-size:var(--font-sm)}
#ugreen-home-sketch .ug-end{text-align:center;padding:65px 4% 12px}
#ugreen-home-sketch .ug-end .ug-actions{justify-content:center;margin-top:23px}
#ugreen-home-sketch .ug-foot{padding:24px 6%;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ug-secondary);font-size:var(--font-xs)}
@media(max-width:700px){#ugreen-home-sketch .ug-nav{display:none}#ugreen-home-sketch .ug-intro{grid-template-columns:1fr;gap:5px}#ugreen-home-sketch .ug-timeline{grid-template-columns:1fr;gap:0}#ugreen-home-sketch .ug-node{border-top:0;border-left:2px solid var(--ug-green);padding:0 0 25px 20px}#ugreen-home-sketch .ug-node:last-child{padding-bottom:0}#ugreen-home-sketch .ug-node p{font-size:var(--font-xs)}#ugreen-home-sketch .ug-section{padding:42px 6%}}
@media(max-width:520px){#ugreen-home-sketch .ug-tracks,#ugreen-home-sketch .ug-perks,#ugreen-home-sketch .ug-steps{grid-template-columns:1fr}#ugreen-home-sketch .ug-track{padding:22px}#ugreen-home-sketch .ug-steps{gap:23px}#ugreen-home-sketch .ug-perks{gap:20px}#ugreen-home-sketch .ug-brand{font-size:var(--font-base)}#ugreen-home-sketch .ug-herobar strong{font-size:18px}#ugreen-home-sketch .ug-herobar .ug-actions{width:100%}#ugreen-home-sketch .ug-herobar button{flex:1}#ugreen-home-sketch .ug-kv{min-height:150px;object-fit:contain}}

/* ===== scroll-story.css ===== */
html{scroll-behavior:smooth;background:#080a09;font-family:'Alibaba PuHuiTi 3.0','Noto Sans SC','Source Han Sans CN','MiSans','PingFang SC','Microsoft YaHei',sans-serif}body{margin:0;background:#080a09}*{box-sizing:border-box}
#ugreen-home-sketch .ug-story{position:relative;background:#080a09}
#ugreen-home-sketch .ug-stage{position:relative}
#ugreen-home-sketch .ug-kv-frame{position:relative;height:100svh;background:#000;transform-origin:center;overflow:clip}
#ugreen-home-sketch .ug-kv-frame img{display:block;width:100%;height:100%;object-fit:contain}
#ugreen-home-sketch .ug-kv-frame img.ug-kv-image{position:absolute;right:0;top:50%;width:auto;height:auto;max-width:72%;max-height:92%;object-fit:contain;object-position:right center;transform:translateY(-50%);pointer-events:none;z-index:1}
#ugreen-home-sketch .ug-kv-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:6% 7%;z-index:3;pointer-events:none}
#ugreen-home-sketch .ug-kv-logo{display:flex;flex-wrap:wrap;align-items:center;column-gap:clamp(10px,1.4vw,24px);row-gap:clamp(6px,0.8vw,12px);margin:30px 0;pointer-events:auto}
#ugreen-home-sketch .ug-kv-partner{flex-basis:100%;margin:0;color:rgba(255,255,255,.80);font-size:clamp(10px,1.05vw,16px);line-height:1.6;letter-spacing:.04em;font-weight:500;white-space:nowrap}
#ugreen-home-sketch .ug-kv-frame img.ug-kv-logo-svg{display:block;width:auto;height:clamp(18px,2.9vw,44px);max-width:none;max-height:none;object-fit:contain;}
#ugreen-home-sketch .ug-kv-body{margin:auto 0;display:flex;flex-direction:column;gap:18px;max-width:52%;pointer-events:auto}
#ugreen-home-sketch .ug-kv-title{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:clamp(34px,5.4vw,72px);line-height:1.3;letter-spacing:-.03em;color:#fff}
#ugreen-home-sketch .ug-kv-line{display:block}
#ugreen-home-sketch .ug-kv-skills-line{display:flex;align-items:baseline;gap:clamp(8px,1vw,16px);margin:4px 0}
#ugreen-home-sketch .ug-kv-skills{font-family:'Press Start 2P',monospace;font-weight:400;font-size:clamp(22px,3.6vw,50px);color:#00FF55;letter-spacing:-.02em;text-shadow:0 0 10px rgba(0,255,85,0.4);transform:scaleY(1.1);line-height:1}
#ugreen-home-sketch .ug-kv-to{font-family:'Inter',sans-serif;font-weight:800;font-size:clamp(34px,5.4vw,72px);color:#fff;line-height:1}
#ugreen-home-sketch .ug-kv-nas{font-weight:700;text-transform:uppercase}
#ugreen-home-sketch .ug-kv-subtitle{margin:0;font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;color:#00e653a1;font-weight:700;font-size:clamp(14px,1.8vw,25px);letter-spacing:.02em;display:flex;gap:4px;flex-wrap:wrap}
#ugreen-home-sketch .ug-kv-subtitle-sub{font-weight:500}
#ugreen-home-sketch .ug-kv-date{display:flex;align-items:center;gap:14px;margin-top:8px;border-top:1px solid rgba(255,255,255,0.08);padding-top:16px}
#ugreen-home-sketch .ug-kv-year{display:flex;flex-direction:column;font-family:'Silkscreen',monospace;font-size:clamp(10px,1.2vw,18px);font-weight:700;line-height:1;gap:2px;color:rgb(255, 255, 255);border-right:1px solid rgba(255,255,255,0.1);padding-right:14px}
#ugreen-home-sketch .ug-kv-dates{display:flex;align-items:center;gap:14px;font-family:'Press Start 2P',monospace;font-weight:700;font-size:clamp(20px,2vw,30px);letter-spacing:.05em;color:#fff}
#ugreen-home-sketch .ug-kv-arrow{color:#00FF55;font-size:.6em}
#ugreen-home-sketch .ug-kv-code{position:absolute;z-index:2;pointer-events:none}
#ugreen-home-sketch .ug-code-block{font-family:'Fira Code','Consolas',ui-monospace,SFMono-Regular,monospace;font-size:clamp(11px,1.4vw,15px);font-weight:500;line-height:1.4;margin:0;padding:0;background:transparent;border:0;white-space:pre;overflow:visible;background:linear-gradient(165deg,#00FF66 0%,#00d655 35%,rgba(0,255,102,0.45) 75%,rgba(0,255,102,0.15) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 5px rgba(0,255,102,0.35))}
#ugreen-home-sketch .ug-code-block.ug-cursor::after{content:'█';display:inline-block;margin-left:2px;color:#00FF66;-webkit-text-fill-color:#00FF66;filter:drop-shadow(0 0 6px #00FF66);animation:ug-blink .6s infinite}
@keyframes ug-blink{0%,100%{opacity:1}50%{opacity:0}}
#ugreen-home-sketch .ug-code-pos-1{top:18%;left:42%;transform:perspective(800px) rotateY(25deg) rotateX(10deg) skewY(-6deg);transform-origin:top left}
#ugreen-home-sketch .ug-code-pos-2{top:8%;left:64%;transform:perspective(800px) rotateY(20deg) rotateX(20deg) skewY(-8deg);transform-origin:top left}
#ugreen-home-sketch .ug-code-pos-3{bottom:28%;left:40%;transform:perspective(800px) rotateY(30deg) rotateX(5deg) skewY(-4deg);transform-origin:bottom left}
#ugreen-home-sketch .ug-code-pos-4{bottom:10%;left:58%;transform:perspective(800px) rotateY(15deg) rotateX(15deg) skewY(-2deg);transform-origin:bottom left}
@media(prefers-reduced-motion:reduce){#ugreen-home-sketch .ug-code-block.ug-cursor::after{animation:none}#ugreen-home-sketch .ug-scroll-cue{animation:none}#ugreen-home-sketch .ug-scroll-arrow{animation:none}}
#ugreen-home-sketch .ug-scroll-cue{position:absolute;left:50%;bottom:26px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;color:#c6cec7;font-size:12px;letter-spacing:.12em;white-space:nowrap;text-decoration:none;background:#080a09b3;border:1px solid rgba(255,255,255,0.08);border-radius:999px;backdrop-filter:blur(6px);animation:ug-cue-float 2.2s ease-in-out infinite}
#ugreen-home-sketch .ug-scroll-arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #c6cec7;animation:ug-arrow-bounce 1.5s ease-in-out infinite}
@keyframes ug-cue-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}
@keyframes ug-arrow-bounce{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(4px);opacity:1}}
@media(max-width:700px){
#ugreen-home-sketch .ug-kv-frame{display:flex!important;flex-direction:column!important}
#ugreen-home-sketch .ug-kv-frame .ug-kv-text{position:relative!important;inset:auto!important;order:1;padding:36px 6% 8px;justify-content:flex-start;flex:0 0 auto;z-index:3}
#ugreen-home-sketch .ug-kv-frame .ug-kv-body{margin:0;max-width:100%;gap:12px}
#ugreen-home-sketch .ug-kv-frame img.ug-kv-logo-svg{height:28px;margin:0}
#ugreen-home-sketch .ug-kv-frame .ug-kv-partner{font-size:11px;white-space:normal}
#ugreen-home-sketch .ug-kv-frame .ug-kv-title{font-size:clamp(30px,10vw,48px)}
#ugreen-home-sketch .ug-kv-frame .ug-kv-skills{font-size:clamp(18px,5.5vw,30px)}
#ugreen-home-sketch .ug-kv-frame .ug-kv-to{font-size:clamp(30px,9vw,48px)}
#ugreen-home-sketch .ug-kv-frame .ug-kv-subtitle{font-size:13px}
#ugreen-home-sketch .ug-kv-frame .ug-kv-dates{font-size:clamp(18px,5.5vw,26px);gap:8px}
#ugreen-home-sketch .ug-kv-frame .ug-kv-year{font-size:10px;padding-right:10px;gap:1px}
#ugreen-home-sketch .ug-kv-frame .ug-kv-date{padding-top:10px;gap:10px;margin-top:4px}
#ugreen-home-sketch .ug-kv-frame img.ug-kv-image{position:relative!important;order:2;top:auto;bottom:auto;left:auto;right:auto;transform:none!important;max-width:106%;height:auto;margin:0 auto;opacity:1;flex:1 1 auto;max-height:46vh}
#ugreen-home-sketch .ug-kv-frame .ug-kv-code{display:none}
#ugreen-home-sketch .ug-kv-frame .ug-scroll-cue{bottom:6px;font-size:13px;padding:6px 12px}
}
#ugreen-home-sketch .ug-story-intro{padding:90px 0;max-width:1268px;margin:auto}
#ugreen-home-sketch .ug-story-intro h1{font-size:clamp(32px,4.8vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.17;margin:18px 0 26px}
#ugreen-home-sketch .ug-statement{font-size:clamp(17px,2vw,23px);font-weight:500;line-height:1.7;letter-spacing:-.02em;margin-bottom: 20px;}
#ugreen-home-sketch .ug-statement span{display:block}
#ugreen-home-sketch .ug-story-intro .ug-perks{gap:22px;margin-top:26px;padding-top:22px}
#ugreen-home-sketch .ug-story-intro .ug-perks strong{font-size:17px}
#ugreen-home-sketch .ug-story-intro .ug-herobar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:30px 0 0;border:0;gap:22px}
#ugreen-home-sketch .ug-story-intro .ug-herobar strong{font-size:23px;color: #44c757;}
#ugreen-home-sketch .ug-story-intro .ug-eyebrow{font-size:20px}
#ugreen-home-sketch .ug-head{position:sticky;top:0;z-index:20;background:#080a09f2;backdrop-filter:blur(16px);min-height:64px;padding-top:12px;padding-bottom:12px}
#ugreen-home-sketch.ug-scroll-ready .ug-story{height:230svh}
#ugreen-home-sketch.ug-scroll-ready .ug-stage{position:sticky;top:0;height:100svh;overflow:clip}
#ugreen-home-sketch.ug-scroll-ready .ug-kv-frame{position:absolute;inset:0;will-change:transform,opacity;transform:translateY(var(--kv-y,0px)) scale(var(--kv-scale,1));opacity:var(--kv-opacity,1)}
#ugreen-home-sketch.ug-scroll-ready .ug-scroll-cue{opacity:var(--cue-opacity,1)}
#ugreen-home-sketch.ug-scroll-ready .ug-story-intro{position:absolute;inset:0;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:80px max(7%,calc((100vw - 1268px)/2)) 50px;background:#080a09;opacity:var(--intro-opacity,0);transform:translateY(var(--intro-y,100svh));will-change:transform;pointer-events:none}
#ugreen-home-sketch.ug-scroll-ready.ug-intro-visible .ug-story-intro{pointer-events:auto}
#ugreen-home-sketch.ug-scroll-ready .ug-statement span{color:rgb(var(--line-1,150) var(--line-1,150) var(--line-1,150))}
#ugreen-home-sketch.ug-scroll-ready .ug-statement span+span{color:rgb(var(--line-2,150) var(--line-2,150) var(--line-2,150))}
#ugreen-home-sketch.ug-scroll-ready .ug-story-intro .ug-perks,#ugreen-home-sketch.ug-scroll-ready .ug-story-intro .ug-herobar{opacity:var(--facts-opacity,0);transform:translateY(var(--facts-y,16px))}
#ugreen-home-sketch.ug-scroll-ready .ug-head{position:fixed;top:0;left:0;right:0;transform:translateY(calc((1 - var(--nav-progress,0))*-100%));opacity:var(--nav-progress,0);pointer-events:none}
#ugreen-home-sketch.ug-scroll-ready.ug-navigation-visible .ug-head{pointer-events:auto}
#ugreen-home-sketch .ug-track{transition:transform .25s cubic-bezier(.2,.65,.3,1),border-color .25s,background-color .25s}
#ugreen-home-sketch .ug-track:focus-within{border-color:#669270;transform:translateY(-3px)}
#ugreen-home-sketch button{transition:background-color .16s,border-color .16s,transform .1s}
#ugreen-home-sketch button:active{transform:translateY(1px)}
#ugreen-home-sketch button:focus-visible,#ugreen-home-sketch a:focus-visible,#ugreen-home-sketch summary:focus-visible{outline:2px solid #53f76b;outline-offset:5px}
#ugreen-home-sketch .ug-section{scroll-margin-top:80px}
@media(hover:hover){#ugreen-home-sketch .ug-track:hover{transform:translateY(-3px);border-color:#669270;background:#161c17}#ugreen-home-sketch .ug-primary:hover{background:#71fb85}#ugreen-home-sketch summary:hover{color:#53f76b}}
@media(max-width:700px){
  #ugreen-home-sketch .ug-story-intro{padding:48px 6%}
  #ugreen-home-sketch.ug-scroll-ready .ug-story-intro{padding:74px 6% 28px}
  #ugreen-home-sketch .ug-story-intro h1{font-size:clamp(30px,7vw,46px);margin:12px 0 18px}
  #ugreen-home-sketch .ug-story-intro .ug-perks{grid-template-columns:1fr;gap:6px;margin-top:18px;padding-top:14px}
  #ugreen-home-sketch .ug-story-intro .ug-perks strong{margin:0;font-size:12px}
  #ugreen-home-sketch .ug-story-intro .ug-perks p{display:none}
  #ugreen-home-sketch .ug-story-intro .ug-herobar{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:16px}
  #ugreen-home-sketch .ug-story-intro .ug-herobar strong{font-size:16px}
  #ugreen-home-sketch .ug-story-intro .ug-actions{grid-column:1/-1;margin-left:0}
  #ugreen-home-sketch .ug-story-intro button{font-size:13px;padding:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#ugreen-home-sketch *{animation:none!important;transition:none!important}}

/* ===== tracks-story.css ===== */
/* Track storytelling: ordinary document flow is the accessible default. */
#ugreen-home-sketch .ts-section{background:#0d100e;border-bottom:1px solid #29312b;scroll-margin-top:80px}
#ugreen-home-sketch .ts-heading{max-width:1268px;margin:auto;padding:110px 0 70px}
#ugreen-home-sketch .ts-heading h2{font-size:clamp(40px,5.5vw,76px);line-height:1.13;letter-spacing:-.045em;margin:24px 0;letter-spacing: 0.1em;}
#ugreen-home-sketch .ts-heading>p{color:#a4aea6;font-size:var(--font-lg)}
#ugreen-home-sketch .ts-stage{max-width:1268px;margin:auto;padding:0 0 30px}
#ugreen-home-sketch .ts-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:0 0 22px}
#ugreen-home-sketch .ts-nav button{border:0;border-top:1px solid #3d4840;text-align:left;padding:17px 0 0;min-height:48px;color:#abb5ad;cursor:pointer;font-size:var(--font-sm);transition:color .25s,border-color .25s}
#ugreen-home-sketch .ts-nav button>span{font:12px ui-monospace,monospace;color:#78877c;margin-right:14px}
#ugreen-home-sketch .ts-nav button[aria-pressed=true]{color:#f2f5f2;border-color:#53f76b}
#ugreen-home-sketch .ts-nav button[aria-pressed=true]>span{color:#53f76b;font-weight: 600;}
#ugreen-home-sketch .ts-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:center;padding:50px 0 70px;scroll-margin-top:100px}
#ugreen-home-sketch .ts-copy{position:relative}
#ugreen-home-sketch .ts-category{color:#a5b6a9;font-size:var(--font-xs);letter-spacing:.09em}
#ugreen-home-sketch .ts-copy h3{font-size:var(--font-3xl);line-height:1.23;letter-spacing: 0.1em;font-weight:600;margin:20px 0 24px}
#ugreen-home-sketch .ts-copy>p{font-size:var(--font-base);line-height:1.9;color: #cacaca;max-width:390px}
#ugreen-home-sketch .ts-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:26px 0;color:#c7d1c9;font-size:var(--font-xs)}
#ugreen-home-sketch .ts-tags li{border-bottom: 1px solid #53f76b;padding-bottom:4px}
#ugreen-home-sketch .ts-index{display:block;margin-top:34px;font:400 40px/1 ui-monospace,monospace;letter-spacing:-.08em;color:#dce5dd}
#ugreen-home-sketch .ts-index>span{font-size:var(--font-xs);letter-spacing:0;color:#7f8b82}
#ugreen-home-sketch .ts-demo{background:#171d19;border:1px solid #344039;border-radius:18px;padding:26px 28px;min-width:0;box-shadow:0 24px 55px #0002}
#ugreen-home-sketch .ts-window-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #344039;font-size:var(--font-sm);font-weight: 600;color:#d0d9d2}
#ugreen-home-sketch .ts-badge{color:#98aa9e;font-size:var(--font-xxs);white-space:nowrap}
#ugreen-home-sketch .ts-demo small{display:block;font-size:var(--font-xxs);letter-spacing:.04em;color:#99aa9e}
#ugreen-home-sketch .ts-file{padding:23px 0 20px}
#ugreen-home-sketch .ts-file strong{display:block;font-weight:500;font-size:var(--font-xl);letter-spacing:-.03em;margin-top:6px}
#ugreen-home-sketch .ts-file>span{display:block;font-size:var(--font-xs);color:#8c9b90;margin-top:3px}
#ugreen-home-sketch .ts-workflow{list-style:none;padding:0;margin:0}
#ugreen-home-sketch .ts-workflow li{display:flex;align-items:center;gap:15px;border-top:1px solid #303b33;padding:16px 0}
#ugreen-home-sketch .ts-step{color:#97ad9d;font:12px ui-monospace,monospace}
#ugreen-home-sketch .ts-workflow strong{font-size:var(--font-sm);font-weight:500}
#ugreen-home-sketch .ts-workflow p{color:#8fa195;font-size:var(--font-xs);margin-top:2px}
#ugreen-home-sketch .ts-status{margin-left:auto;font-size:var(--font-xxs);color:#a9dab5;white-space:nowrap}
#ugreen-home-sketch .ts-result{border-top:1px solid #4d6755;padding-top:17px;margin-top:12px}
#ugreen-home-sketch .ts-result small{color:#74c68b;margin-bottom:4px}
#ugreen-home-sketch .ts-result strong{font-size:var(--font-sm);font-weight:500;color:#dcece0}
#ugreen-home-sketch .ts-query{padding:27px 0 24px}
#ugreen-home-sketch .ts-query strong{display:block;font-size:var(--font-2xl);font-weight:500;line-height:1.45;letter-spacing:-.03em;margin-top:9px}
#ugreen-home-sketch .ts-memory{display:flex;gap:24px;padding:20px 0;border-top:1px solid #344039;align-items:center}
#ugreen-home-sketch .ts-memory-year{font:36px/1.2 ui-monospace,monospace;color:#bed1c4;letter-spacing:-.08em}
#ugreen-home-sketch .ts-memory-year span{display:block;font-size:var(--font-xxs);letter-spacing:.18em;margin-top:6px}
#ugreen-home-sketch .ts-memory strong{display:block;font-size:var(--font-xs);font-weight:500;margin:5px 0}
#ugreen-home-sketch .ts-memory p{color:#98a79e;font-size:var(--font-xs)}
#ugreen-home-sketch .ts-memory-sources{display:flex;gap:24px;color:#a1b3a6;font-size:var(--font-xs);padding:9px 0 20px}
#ugreen-home-sketch .ts-edit-title{padding:25px 0 18px}
#ugreen-home-sketch .ts-edit-title strong{display:block;font-size:var(--font-xl);letter-spacing:-.03em;font-weight:500;margin:8px 0}
#ugreen-home-sketch .ts-edit-title p{font-size:var(--font-xs);color:#98aa9f}
#ugreen-home-sketch .ts-edit-row{display:flex;align-items:center;gap:16px;padding:17px 0;border-top:1px solid #344039}
#ugreen-home-sketch .ts-edit-row>span{font:10px ui-monospace,monospace;color:#98ab9f}
#ugreen-home-sketch .ts-edit-row>span:last-child{margin-left:auto}
#ugreen-home-sketch .ts-edit-row strong{font-size:var(--font-sm);font-weight:500}
#ugreen-home-sketch .ts-edit-row small{margin-top:4px}
#ugreen-home-sketch .ts-open{padding:28px 0 25px}
#ugreen-home-sketch .ts-open strong{display:block;font-size:var(--font-3xl);line-height:1.3;letter-spacing:-.04em;font-weight:500;margin:16px 0}
#ugreen-home-sketch .ts-open strong>span{color:#53f76b}
#ugreen-home-sketch .ts-open p{font-size:var(--font-xs);color:#a0b1a6}
#ugreen-home-sketch .ts-ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}
#ugreen-home-sketch .ts-ingredients>div{border-top:1px solid #435249;padding-top:12px}
#ugreen-home-sketch .ts-ingredients dt{font-size:var(--font-xs);color:#82be92}
#ugreen-home-sketch .ts-ingredients dd{font-size:var(--font-xxs);margin:5px 0 0;color:#c1cdc5}
#ugreen-home-sketch .ts-bottom{display:flex;justify-content:space-between;gap:15px;color:#91a097;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;border-top:1px solid #303b33;padding-top:18px}
#ugreen-home-sketch .ts-reading{font:11px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.05em}
#ugreen-home-sketch .ts-reading>span{margin-left:10px}
/* Only spacious desktop windows receive the pinned reading sequence. */
#ugreen-home-sketch .ts-enhanced .ts-story{height:360svh}
#ugreen-home-sketch .ts-enhanced .ts-stage{position:sticky;top:64px;height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;padding-top:26px;padding-bottom:22px}
#ugreen-home-sketch .ts-enhanced .ts-panels{position:relative;flex:1;min-height:0;max-height:620px}
#ugreen-home-sketch .ts-enhanced .ts-panel{position:absolute;inset:0;padding:10px 0 28px;opacity:0;visibility:hidden;transform:translateY(18px);pointer-events:none}
#ugreen-home-sketch .ts-enhanced .ts-panel.is-current{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.ts-copy strong {font-size:var(--font-xl);line-height: 2.5;letter-spacing: 0.1em;}
#ugreen-home-sketch .ts-enhanced .ts-panel.is-leaving{visibility:visible}
#ugreen-home-sketch .ts-enhanced .ts-demo{max-height:100%}
@media(min-width:901px) and (max-height:799px){
 #ugreen-home-sketch .ts-enhanced .ts-demo{padding:18px 24px}
 #ugreen-home-sketch .ts-enhanced .ts-window-title{padding-bottom:12px}
 #ugreen-home-sketch .ts-enhanced .ts-file,#ugreen-home-sketch .ts-enhanced .ts-edit-title{padding:15px 0 12px}
 #ugreen-home-sketch .ts-enhanced .ts-workflow li,#ugreen-home-sketch .ts-enhanced .ts-edit-row{padding:11px 0}
 #ugreen-home-sketch .ts-enhanced .ts-query{padding:18px 0}
 #ugreen-home-sketch .ts-enhanced .ts-open{padding:20px 0}
 #ugreen-home-sketch .ts-enhanced .ts-open strong{font-size:var(--font-3xl);margin:10px 0}
 #ugreen-home-sketch .ts-enhanced .ts-index{margin-top:22px}
}
@media(max-width:900px){
 #ugreen-home-sketch .ug-story-intro{padding-left:6%;padding-right:6%}
 #ugreen-home-sketch .ts-heading{padding:80px 6% 44px}
 #ugreen-home-sketch .ts-stage{padding-left:6%;padding-right:6%}
 #ugreen-home-sketch .ts-heading>p{font-size:var(--font-sm)}
 #ugreen-home-sketch .ts-nav{gap:14px}
 #ugreen-home-sketch .ts-nav button{font-size:var(--font-xs)}
 #ugreen-home-sketch .ts-nav button>span{display:block;margin:0 0 6px}
 #ugreen-home-sketch .ts-panel{grid-template-columns:1fr;gap:30px;padding:36px 0 60px;border-bottom:1px solid #303b33}
 #ugreen-home-sketch .ts-panel:last-child{border-bottom:0}
 #ugreen-home-sketch .ts-copy h3{font-size:var(--font-3xl);margin:14px 0 18px}
 #ugreen-home-sketch .ts-copy>p{font-size:var(--font-sm);max-width:540px}
 #ugreen-home-sketch .ts-index{position:absolute;right:0;top:0;margin:0;font-size:var(--font-lg)}
 #ugreen-home-sketch .ts-index>span{font-size:var(--font-xxs)}
 #ugreen-home-sketch .ts-category{font-size:var(--font-xs);padding-right:65px}
 #ugreen-home-sketch .ts-tags{margin:20px 0 0}
 #ugreen-home-sketch .ts-demo{padding:22px;max-width:640px;width:100%;justify-self:center;border-radius:14px}
 #ugreen-home-sketch .ts-window-title{font-size:var(--font-xs)}
 #ugreen-home-sketch .ts-badge{font-size:var(--font-xxs)}
 #ugreen-home-sketch .ts-query strong{font-size:var(--font-xl)}
 #ugreen-home-sketch .ts-memory{gap:18px}
 #ugreen-home-sketch .ts-memory-year{font-size:var(--font-2xl)}
 #ugreen-home-sketch .ts-edit-title strong{font-size:var(--font-xl)}
 #ugreen-home-sketch .ts-bottom .ts-reading{display:none}
}
@media(prefers-reduced-motion:reduce){#ugreen-home-sketch .ts-panel{transition:none!important}}
@media(min-width:701px) and (max-width:900px){
 #ugreen-home-sketch .ts-enhanced .ts-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%;border:0;padding:12px 0 24px}
 #ugreen-home-sketch .ts-enhanced .ts-copy h3{font-size:var(--font-2xl);line-height:1.3}
 #ugreen-home-sketch .ts-enhanced .ts-copy>p{font-size:var(--font-xs);line-height:1.8}
 #ugreen-home-sketch .ts-enhanced .ts-index{position:static;margin-top:26px;font-size:var(--font-2xl)}
 #ugreen-home-sketch .ts-enhanced .ts-category{padding:0;font-size:var(--font-xs);letter-spacing:0}
 #ugreen-home-sketch .ts-enhanced .ts-tags{font-size:var(--font-xxs);gap:6px 12px}
 #ugreen-home-sketch .ts-enhanced .ts-demo{padding:18px 16px}
 #ugreen-home-sketch .ts-enhanced .ts-window-title{flex-wrap:wrap;gap:3px;padding-bottom:12px}
 #ugreen-home-sketch .ts-enhanced .ts-badge{display:none}
 #ugreen-home-sketch .ts-enhanced .ts-workflow li{gap:10px;padding:12px 0}
 #ugreen-home-sketch .ts-enhanced .ts-status{display:none}
 #ugreen-home-sketch .ts-enhanced .ts-result strong{font-size:var(--font-xs)}
 #ugreen-home-sketch .ts-enhanced .ts-query strong{font-size:var(--font-xl)}
 #ugreen-home-sketch .ts-enhanced .ts-memory{gap:12px}
 #ugreen-home-sketch .ts-enhanced .ts-memory-year{font-size:var(--font-xl)}
 #ugreen-home-sketch .ts-enhanced .ts-edit-title strong{font-size:var(--font-xl)}
 #ugreen-home-sketch .ts-enhanced .ts-edit-row{gap:10px}
 #ugreen-home-sketch .ts-enhanced .ts-open strong{font-size:var(--font-2xl)}
 #ugreen-home-sketch .ts-enhanced .ts-bottom .ts-reading{display:block}
}

/* ===== tracks-scenario-cards.css ===== */
/* Scenario cards inside each track demo panel; self-authored classes (no Tailwind). */
#ugreen-home-sketch #ug-track-1{--track-accent:var(--ug-green);--track-accent-soft:rgba(83,247,107,.13)}
#ugreen-home-sketch #ug-track-2{--track-accent:#5aa2ff;--track-accent-soft:rgba(90,162,255,.13)}
#ugreen-home-sketch #ug-track-3{--track-accent:#a78bfa;--track-accent-soft:rgba(167,139,250,.13)}
#ugreen-home-sketch #ug-track-4{--track-accent: #53f76b;--track-accent-soft:rgba(251,191,36,.13)}
#ugreen-home-sketch .ts-demo{display:flex;flex-direction:column;overflow:hidden}
#ugreen-home-sketch .ts-cards{flex:1;min-height:0;display:flex;flex-direction:column;gap:22px;padding-top:18px;overflow-y:auto;scrollbar-width:thin}
#ugreen-home-sketch .ts-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid #344039;margin-bottom:14px}
#ugreen-home-sketch .ts-group-title{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:600;letter-spacing:.07em;color:#e4ece6;margin:0}
#ugreen-home-sketch .ts-group-en{font-size:var(--font-xxs);letter-spacing:.05em;color:#7f9085}
#ugreen-home-sketch .ts-stack{display:flex;flex-direction:column;gap:10px}
#ugreen-home-sketch .ts-flow,#ugreen-home-sketch .ts-feature,#ugreen-home-sketch .ts-card{background:#121913;border:1px solid #2b3830;border-radius:12px;padding:12px 14px;transition:border-color .2s}
#ugreen-home-sketch .ts-flow:hover,#ugreen-home-sketch .ts-feature:hover,#ugreen-home-sketch .ts-card:hover{border-color:#3c4f41}
#ugreen-home-sketch .ts-flow-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ugreen-home-sketch .ts-flow-name,#ugreen-home-sketch .ts-feature-title,#ugreen-home-sketch .ts-card-title{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:600;color:#dce8de;margin:0}
#ugreen-home-sketch .ts-flow-name{min-width:0}
#ugreen-home-sketch .ts-flow-toggle{flex:none;width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;position:relative;border-radius:4px}
#ugreen-home-sketch .ts-flow-toggle::before{content:"";position:absolute;top:5px;left:4px;width:9px;height:9px;border-right:1.5px solid #7d8d82;border-bottom:1.5px solid #7d8d82;transform:rotate(45deg);transition:transform .22s ease,border-color .2s}
#ugreen-home-sketch .ts-flow-toggle:hover::before{border-color:#d3e0d6}
#ugreen-home-sketch .ts-flow.is-open .ts-flow-toggle::before{transform:rotate(-135deg)}
#ugreen-home-sketch .ts-flow-body{display:none;padding-top:10px;margin-top:10px;border-top:1px solid #2a362e}
#ugreen-home-sketch .ts-flow.is-open .ts-flow-body{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#ugreen-home-sketch .ts-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;background:#1f2820;border:1px solid #334138;color:#c3d0c6;font-size:var(--font-xs);line-height:1.5;white-space:nowrap}
#ugreen-home-sketch .ts-chip--accent{background:var(--track-accent-soft);border-color:var(--track-accent);color:var(--track-accent)}
#ugreen-home-sketch .ts-chip--soft{background:var(--track-accent-soft);border-color:transparent;color:var(--track-accent)}
#ugreen-home-sketch .ts-flow-arrow{color:#5f6f64;font-style:normal;font-size:var(--font-xxs);line-height:1}
#ugreen-home-sketch .ts-inline-arrow{color:var(--track-accent);font-style:normal;font-size:var(--font-xxs);margin:0 2px}
#ugreen-home-sketch .ts-feature-desc{font-size:var(--font-xs);color:#8fa195;line-height:1.7;margin:4px 0 0}
#ugreen-home-sketch .ts-feature--row{display:flex;align-items:baseline;gap:8px;padding:11px 14px}
#ugreen-home-sketch .ts-feature--row .ts-feature-title{flex:none;white-space:nowrap}
#ugreen-home-sketch .ts-feature--row .ts-feature-desc{margin:0;color:#9fb0a3}
#ugreen-home-sketch .ts-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
#ugreen-home-sketch .ts-card-desc{font-size:var(--font-xs);color:#8fa195;line-height:1.75;margin:0}
#ugreen-home-sketch .ts-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#ugreen-home-sketch .ts-list{display:flex;flex-direction:column;gap:7px;margin-top:9px}
#ugreen-home-sketch .ts-list-row{display:flex;align-items:center;gap:8px;font-size:var(--font-xs);color:#9fb0a3;line-height:1.6}
#ugreen-home-sketch .ts-list-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--track-accent)}
#ugreen-home-sketch .ts-list-row .ts-inline-arrow{margin:0 1px}
#ugreen-home-sketch .ts-unlimited{margin-top:2px;padding:14px;border-radius:12px;text-align:center;border: 1px solid #53f76b;background: linear-gradient(135deg, rgb(76 175 80 / 35%), rgb(0 0 0 / 15%));}
#ugreen-home-sketch .ts-unlimited-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-xs);font-weight:700;letter-spacing:.06em;color:var(--track-accent);margin:0}
#ugreen-home-sketch .ts-unlimited-desc{font-size:var(--font-xxs);color: #53f76b94;margin:6px 0 0;line-height:1.6}
#ugreen-home-sketch .ts-ic{width:13px;height:13px;flex:none;color:var(--track-accent);stroke-width:2}
@media(max-width:700px){
 #ugreen-home-sketch .ts-demo{padding:20px}
 #ugreen-home-sketch .ts-cards{gap:18px;padding-top:16px}
 #ugreen-home-sketch .ts-pair{grid-template-columns:1fr}
 #ugreen-home-sketch .ts-flow,#ugreen-home-sketch .ts-feature,#ugreen-home-sketch .ts-card{padding:11px 12px}
 #ugreen-home-sketch .ts-flow-name,#ugreen-home-sketch .ts-feature-title,#ugreen-home-sketch .ts-card-title{font-size:var(--font-xs)}
 #ugreen-home-sketch .ts-chip{font-size:var(--font-xxs);padding:2.5px 8px}
}
@media(max-width:520px){
 #ugreen-home-sketch .ts-group-head{align-items:flex-start;flex-direction:column;gap:4px}
 #ugreen-home-sketch .ts-group-en{font-size:var(--font-xxs)}
 #ugreen-home-sketch .ts-feature--row{flex-direction:column;gap:3px}
 #ugreen-home-sketch .ts-feature--row .ts-feature-title{white-space:normal}
 #ugreen-home-sketch .ts-flow-body{gap:5px}
}
@media(prefers-reduced-motion:reduce){
 #ugreen-home-sketch .ts-flow-toggle::before{transition:none}
 #ugreen-home-sketch .ts-flow,#ugreen-home-sketch .ts-feature,#ugreen-home-sketch .ts-card{transition:none}
}
/* ===== gc-prize-extra.css ===== */
/* gemini-code 移植：奖励政策 / 评审标准 / 决赛提交要求（自研 gc- 类，深底 + neon #00ff66） */
@keyframes gcFadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
#ugreen-home-sketch .gc-wrap{max-width:1268px;margin:auto;padding:56px 0 64px}
#ugreen-home-sketch .gc-tabs{display:flex;justify-content:center;margin-bottom:40px}
#ugreen-home-sketch .gc-tabs-inner{display:inline-flex;gap:10px;padding:6px;border-radius:16px;background:rgba(18,20,26,.75);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.35)}
#ugreen-home-sketch .gc-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;border:1px solid transparent;background:transparent;color:#9ba3af;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}
#ugreen-home-sketch .gc-tab-btn:hover{color:#fff}
#ugreen-home-sketch .gc-tab-btn.is-active{background:#00ff66;color:#000;font-weight:700;box-shadow:0 0 25px rgba(0,255,102,.5);border-color:#00ff66}
#ugreen-home-sketch .gc-ic{width:16px;height:16px;flex:none}
#ugreen-home-sketch .gc-tab-content{display:none}
#ugreen-home-sketch .gc-tab-content.is-active{display:block;animation:gcFadeIn .35s ease}
#ugreen-home-sketch .gc-grid{display:grid;gap:20px;margin-bottom:32px}
#ugreen-home-sketch .gc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
#ugreen-home-sketch .gc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#ugreen-home-sketch .gc-card{background:rgba(18,20,26,.75);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}
#ugreen-home-sketch .gc-card:hover{border-color:rgba(0,255,102,.4)}
#ugreen-home-sketch .gc-card.is-active{border-color:rgba(0,255,102,.8);box-shadow:0 0 25px -5px rgba(0,255,102,.2);background:rgba(18,20,26,.95)}
#ugreen-home-sketch .gc-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
#ugreen-home-sketch .gc-badge{padding:3px 10px;border-radius:6px;background:#1c1f24;color:#c9cdd3;font-weight:700;font-size:var(--font-xs);border:1px solid #33363c}
#ugreen-home-sketch .gc-badge--on{background:#00ff66;color:#000;border-color:#00ff66}
#ugreen-home-sketch .gc-meta{font-size:var(--font-xs);color:#7f8792}
#ugreen-home-sketch .gc-card-title{font-size:var(--font-sm);color:#b8bec9;font-weight:500;margin:0 0 6px}
#ugreen-home-sketch .gc-card-amount{font-size:var(--font-3xl);font-weight:900;color:#fff;line-height:1.1}
#ugreen-home-sketch .gc-table-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:rgba(18,20,26,.75)}
#ugreen-home-sketch .gc-table-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(24,27,34,.4)}
#ugreen-home-sketch .gc-table-title{font-size:var(--font-base);font-weight:600;color:#c9cdd3}
#ugreen-home-sketch .gc-table-total{font-size:var(--font-xs);color:#6b7280;font-family:monospace}
#ugreen-home-sketch .gc-table-scroll{overflow-x:auto}
#ugreen-home-sketch .gc-table{width:100%;text-align:left;font-size:var(--font-sm);border-collapse:collapse;min-width:560px}
#ugreen-home-sketch .gc-table thead{background:rgba(24,27,34,.6);color:#9ba3af;font-size:var(--font-xs);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}
#ugreen-home-sketch .gc-table th{padding:14px 24px;font-weight:500;font-size:var(--font-sm);}
#ugreen-home-sketch .gc-table th.gc-th-right{text-align:right}
#ugreen-home-sketch .gc-table tbody tr{border-bottom:1px solid rgba(255,255,255,.06);transition:background .25s}
#ugreen-home-sketch .gc-table tbody tr:last-child{border-bottom:0}
#ugreen-home-sketch .gc-table tbody tr.is-active{background:rgba(0,255,102,.05)}
#ugreen-home-sketch .gc-table td{padding:16px 24px;font-size:var(--font-sm);}
#ugreen-home-sketch .gc-td-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff}
#ugreen-home-sketch .gc-dot{width:8px;height:8px;border-radius:50%;background:#00ff66;flex:none}
#ugreen-home-sketch .gc-dot.is-hidden{display:none}
#ugreen-home-sketch .gc-td-dim{color:#8a919c}
#ugreen-home-sketch .gc-td-price{font-family:monospace;font-weight:600;color:#fff}
#ugreen-home-sketch .gc-td-price.is-neon{color:#00ff66}
#ugreen-home-sketch .gc-td-sub{font-family:monospace;text-align:right;color:#c9cdd3}
#ugreen-home-sketch .gc-panel{background:rgba(18,20,26,.75);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 32px;display:flex;flex-direction:column}
#ugreen-home-sketch .gc-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#ugreen-home-sketch .gc-stage{padding:4px 12px;border-radius:999px;background:#1c1f24;color:#00ff66;font-weight:700;font-size:var(--font-xs);letter-spacing:.08em;border:1px solid rgba(0,255,102,.2)}
#ugreen-home-sketch .gc-stage--on{background:rgba(0,255,102,.2);border-color:rgba(0,255,102,.3)}
#ugreen-home-sketch .gc-meta--mono{font-family:monospace;font-size:var(--font-xs);color:#6b7280}
#ugreen-home-sketch .gc-panel-title{font-size:var(--font-xl);font-weight:700;color:#fff;margin:0 0 10px}
#ugreen-home-sketch .gc-panel-desc{font-size:var(--font-sm);color:#8a919c;line-height:1.7;margin:0 0 28px}
#ugreen-home-sketch .gc-bars{display:flex;flex-direction:column;gap:18px}
#ugreen-home-sketch .gc-bar{background:rgba(24,27,34,.5);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px}
#ugreen-home-sketch .gc-bar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#ugreen-home-sketch .gc-bar-head span:first-child{font-size:var(--font-xs);font-weight:500;color:#d4d9e0}
#ugreen-home-sketch .gc-bar-pct{font-family:monospace;font-size:var(--font-xs);font-weight:700;color:#00ff66}
#ugreen-home-sketch .gc-bar-track{height:6px;border-radius:999px;background:#23262c;overflow:hidden}
#ugreen-home-sketch .gc-bar-fill{height:6px;border-radius:999px;background:#00ff66;transition:width 1s cubic-bezier(.16,1,.3,1)}
#ugreen-home-sketch .gc-delivery{margin-top:56px}
#ugreen-home-sketch .gc-delivery-head{display:flex;align-items:center;gap:12px;margin-bottom:28px}
#ugreen-home-sketch .gc-delivery-rule{width:8px;height:28px;border-radius:999px;background:#00ff66}
#ugreen-home-sketch .gc-delivery-title{font-size:var(--font-2xl);font-weight:700;color:#fff;letter-spacing:.03em;margin:0;text-align:left}
#ugreen-home-sketch .gc-delivery-card{background:rgba(18,20,26,.75);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 32px;display:grid;grid-template-columns:5fr 7fr;gap:0;align-items:stretch;text-align:left}
#ugreen-home-sketch .gc-delivery-left{display:flex;flex-direction:column;justify-content:space-between;padding:24px 32px 24px 0;border-right:1px solid rgba(255,255,255,.08)}
#ugreen-home-sketch .gc-delivery-label{font-family:monospace;font-size:var(--font-xs);font-weight:600;letter-spacing:.12em;color:#00ff66;display:block;margin-bottom:16px;text-align:left}
#ugreen-home-sketch .gc-delivery-slogan{font-size:var(--font-3xl);font-weight:900;color:#fff;line-height:1.25;margin:0 0 24px;text-align:left}
#ugreen-home-sketch .gc-neon{color:#00ff66}
#ugreen-home-sketch .gc-delivery-lead{font-size:var(--font-sm);color:#8a919c;line-height:1.8;margin:0;text-align:left}
#ugreen-home-sketch .gc-delivery-list{display:flex;flex-direction:column;justify-content:space-between;padding-left:32px}
#ugreen-home-sketch .gc-req{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#ugreen-home-sketch .gc-req:first-child{padding-top:0}
#ugreen-home-sketch .gc-req:last-child{padding-bottom:0;border-bottom:0}
#ugreen-home-sketch .gc-req-no{flex:none;padding:4px 10px;border-radius:6px;background:#16181c;border:1px solid #2a2d33;color:#00ff66;font-family:monospace;font-size:var(--font-xs);font-weight:700;margin-top:2px}
#ugreen-home-sketch .gc-req-title{font-size:var(--font-md);font-weight:700;color:#fff;margin:0 0 6px;text-align:left}
#ugreen-home-sketch .gc-req-desc{font-size:var(--font-sm);color:#8a919c;line-height:1.75;margin:0;text-align:left}

@media (max-width:1100px){
  #ugreen-home-sketch .gc-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  #ugreen-home-sketch .gc-wrap{padding:40px 0 48px}
  #ugreen-home-sketch .gc-tabs{margin-bottom:28px}
  #ugreen-home-sketch .gc-tabs-inner{width:100%}
  #ugreen-home-sketch .gc-tab-btn{flex:1;justify-content:center;padding:10px 14px;font-size:var(--font-xs)}
  #ugreen-home-sketch .gc-grid--4,#ugreen-home-sketch .gc-grid--2{grid-template-columns:1fr}
  #ugreen-home-sketch .gc-panel{padding:24px 20px}
  #ugreen-home-sketch .gc-delivery-card{grid-template-columns:1fr;padding:24px 20px}
  #ugreen-home-sketch .gc-delivery-left{padding:0 0 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  #ugreen-home-sketch .gc-delivery-slogan{font-size:var(--font-2xl)}
  #ugreen-home-sketch .gc-delivery-list{padding-left:0;padding-top:8px}
  #ugreen-home-sketch .gc-delivery-title{font-size:var(--font-xl)}
}

/* ===== prize-story.css ===== */
/* A typographic pause after the four tracks; no pinned scroll or counter. */
#ugreen-home-sketch .ps-section{background:#080a09;scroll-margin-top:68px;border-bottom:1px solid #303a32;padding:46px 6% 30px}
#ugreen-home-sketch .ps-wrap{max-width:1268px;margin:auto;min-height:calc(100svh - 144px);display:flex;flex-direction:column}
#ugreen-home-sketch .ps-kicker{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
#ugreen-home-sketch .ps-kicker .ug-eyebrow{color:#9aa89e;margin:0;font-size:var(--font-xs)}
#ugreen-home-sketch .ps-kicker>span:last-child{font-size:var(--font-xs);letter-spacing:.06em;color:#9aa89e}
#ugreen-home-sketch .ps-center{text-align:center;margin:auto 0;padding:65px 0 60px}
#ugreen-home-sketch .ps-label{font-size:var(--font-lg);color:#bdc9c0;font-weight: 600;letter-spacing:.18em}
#ugreen-home-sketch .ps-amount{display:flex;justify-content:center;align-items:baseline;gap:.035em;margin:12px 0 34px;font:600 clamp(90px,18vw,252px)/1.08 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-.065em;font-variant-numeric:lining-nums tabular-nums;color:var(--ug-green);transform-origin:50% 65%}
#ugreen-home-sketch .ps-currency{font-size:.36em;align-self:center;letter-spacing:-.04em;margin-right:.05em}
#ugreen-home-sketch .ps-message h2{font-size:var(--font-4xl);line-height:1.3;letter-spacing:-.035em;margin:0 0 19px;font-weight:600;letter-spacing: 0.1em;}
#ugreen-home-sketch .ps-message h2>span{color:#f2f5f2}
#ugreen-home-sketch .ps-message p{font-size:var(--font-sm);line-height:1.8;color:#a5b1a9}
#ugreen-home-sketch .ps-footer{position:relative}
#ugreen-home-sketch .ps-rule{height:1px;background:#455a4a;transform-origin:center}
#ugreen-home-sketch .ps-foot-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px}
#ugreen-home-sketch .ps-announcement{display:flex;gap:22px;align-items:center}
#ugreen-home-sketch .ps-announcement>span{font-size:var(--font-xs);color:#94a398}
#ugreen-home-sketch .ps-announcement time{font:13px/1.5 ui-monospace,SFMono-Regular,monospace;color:#d7e2da;letter-spacing:.04em}
#ugreen-home-sketch .ps-next{font-size:var(--font-xs);display:inline-flex;gap:22px;align-items:center;min-height:44px}
#ugreen-home-sketch .ps-next:hover{text-decoration:none;color:#53f76b}
#ugreen-home-sketch .ps-next>span{display:inline-block;transition:transform .2s}
#ugreen-home-sketch .ps-next:hover>span{transform:translateY(3px)}
#ugreen-home-sketch .ps-motion .ps-amount{opacity:var(--ps-number-opacity,1);transform:translateY(var(--ps-number-y,0px)) scale(var(--ps-number-scale,1))}
#ugreen-home-sketch .ps-motion .ps-message{opacity:var(--ps-copy-opacity,1);transform:translateY(var(--ps-copy-y,0px))}
#ugreen-home-sketch .ps-motion .ps-rule{transform:scaleX(var(--ps-rule-scale,1))}
@media(max-width:700px){
 #ugreen-home-sketch .ps-section{padding:34px 6% 22px}
 #ugreen-home-sketch .ps-wrap{min-height:calc(88svh - 124px)}
 #ugreen-home-sketch .ps-kicker>span:last-child{display:none}
 #ugreen-home-sketch .ps-center{padding:64px 0 52px}
 #ugreen-home-sketch .ps-amount{font-size:clamp(76px,19vw,132px);margin:20px 0 33px;letter-spacing:-.065em}
 #ugreen-home-sketch .ps-message h2{font-size:var(--font-2xl)}
 #ugreen-home-sketch .ps-message p{font-size:var(--font-xs)}
 #ugreen-home-sketch .ps-announcement{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 #ugreen-home-sketch .ps-foot-row{padding-top:17px;gap:12px}
 #ugreen-home-sketch .ps-next{font-size:var(--font-xs);gap:12px}
}
@media(prefers-reduced-motion:reduce){
 #ugreen-home-sketch .ps-motion .ps-amount,#ugreen-home-sketch .ps-motion .ps-message{opacity:1;transform:none}
 #ugreen-home-sketch .ps-motion .ps-rule{transform:none}
}

/* ===== dates-story.css ===== */
/* Dates stay in document flow; a single reading line links the milestones. */
#ugreen-home-sketch .ds-section{padding:110px 6% 100px;background:#101411;border-bottom:1px solid #303a32;scroll-margin-top:68px}
#ugreen-home-sketch .ds-layout{max-width:1268px;margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:8%}
#ugreen-home-sketch .ds-intro{align-self:start}
#ugreen-home-sketch .ds-intro .ug-eyebrow{font-size:var(--font-xs);letter-spacing:.12em;color:#a5b3a9;margin:0 0 28px}
#ugreen-home-sketch .ds-intro h2{font-size:clamp(32px,3.6vw,52px);line-height:1.25;margin:0 0 28px;font-weight:600}
#ugreen-home-sketch .ds-lead{font-size:var(--font-md);line-height:1.9;color:#53f76b}
#ugreen-home-sketch .ds-index{display:flex;flex-direction:column;gap:2px;margin:38px 0 34px}
#ugreen-home-sketch .ds-index a{display:flex;font-weight: 600;align-items:center;gap:20px;min-height:44px;width:fit-content;color:#a8b6ac;font-size:var(--font-sm);text-decoration:none;transition:color .2s}
#ugreen-home-sketch .ds-index a span{font:11px ui-monospace,SFMono-Regular,monospace;color:#899a8e}
#ugreen-home-sketch .ds-index a:hover,#ugreen-home-sketch .ds-index a[aria-current="location"]{color:var(--ug-green)}
#ugreen-home-sketch .ds-index a[aria-current="location"] span{color:var(--ug-green)}
#ugreen-home-sketch .ds-span{font:15px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.03em;color:#899a8e}
#ugreen-home-sketch .ds-body{position:relative;min-width:0}
#ugreen-home-sketch .ds-rail{position:absolute;left:5px;top:7px;bottom:0;width:1px;background:#39473d}
#ugreen-home-sketch .ds-fill{width:100%;height:100%;background:var(--ug-green);transform-origin:top;transform:scaleY(var(--ds-progress,0))}
#ugreen-home-sketch .ds-events{list-style:none;padding:0;margin:0}
#ugreen-home-sketch .ds-event{position:relative;padding:0 0 64px 42px;scroll-margin-top:120px}
#ugreen-home-sketch .ds-event:last-child{padding-bottom:0}
#ugreen-home-sketch .ds-dot{position:absolute;left:0;top:3px;width:11px;height:11px;border:1px solid #8b9c90;border-radius:50%;background:#101411;transition:background .25s,border-color .25s}
#ugreen-home-sketch .ds-phase{font:12px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em;color:#9aaa9e;margin:0 0 24px;font-weight: 600;}
#ugreen-home-sketch .ds-date{display:flex;align-items:baseline;gap:.22em;white-space:nowrap;font:500 clamp(30px,3.5vw,50px)/1.1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin:0 0 18px;color:#d5e1d8;transition:color .3s}
#ugreen-home-sketch .ds-date>span{font-size:.6em;color:#7e9183}
#ugreen-home-sketch .ds-event h3{font-size:var(--font-xl);line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:0 0 18px}
#ugreen-home-sketch .ds-description{font-size:var(--font-base);line-height:1.85;color:#a8b6ac}
#ugreen-home-sketch .ds-deadline{border-top:1px solid #354039;padding-top:21px;margin-top:30px}
#ugreen-home-sketch .ds-deadline p:first-child{display:flex;align-items:center;gap:20px;margin-bottom:10px;color:#e1e8e3}
#ugreen-home-sketch .ds-deadline time{font:14px ui-monospace,SFMono-Regular,monospace}
#ugreen-home-sketch .ds-deadline strong{font-size:var(--font-base);font-weight:500}
#ugreen-home-sketch .ds-deadline p:last-child{font-size:var(--font-sm);line-height:1.8;color:#9cad9f}
#ugreen-home-sketch .ds-next{display:inline-flex;align-items:center;gap:26px;min-height:44px;font-size:var(--font-xs);margin-top:25px;color:var(--ug-green)}
#ugreen-home-sketch .ds-next:hover{text-decoration:underline;text-underline-offset:5px}
#ugreen-home-sketch .ds-event.is-read .ds-dot{background:var(--ug-green);border-color:var(--ug-green)}
#ugreen-home-sketch .ds-event.is-current .ds-date{color:var(--ug-green)}
@media(min-width:761px) and (min-height:700px){
 #ugreen-home-sketch .ds-motion .ds-intro{position:sticky;top:120px}
 #ugreen-home-sketch .ds-motion .ds-event:last-child{min-height:480px}
 #ugreen-home-sketch .ds-motion .ds-rail{bottom:190px}
}
@media(max-width:1000px) and (min-width:761px){
 #ugreen-home-sketch .ds-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:5%}
 #ugreen-home-sketch .ds-intro h2{font-size:var(--font-2xl)}
 #ugreen-home-sketch .ds-event{padding-left:28px}
 #ugreen-home-sketch .ds-date{font-size:var(--font-2xl)}
 #ugreen-home-sketch .ds-description{font-size:var(--font-xs)}
}
@media(max-width:760px){
 #ugreen-home-sketch .ds-section{padding:64px 6% 65px}
 #ugreen-home-sketch .ds-layout{display:block}
 #ugreen-home-sketch .ds-intro h2{font-size:var(--font-3xl)}
 #ugreen-home-sketch .ds-intro .ug-eyebrow{margin-bottom:24px}
 #ugreen-home-sketch .ds-lead{font-size:var(--font-sm)}
 #ugreen-home-sketch .ds-index{flex-direction:row;flex-wrap:wrap;gap:0 20px;margin:24px 0 16px}
 #ugreen-home-sketch .ds-index a{font-size:var(--font-xs);gap:8px}
 #ugreen-home-sketch .ds-span{margin-bottom:52px}
 #ugreen-home-sketch .ds-event{padding-left:30px;padding-bottom:56px;scroll-margin-top:100px}
 #ugreen-home-sketch .ds-date{font-size:var(--font-4xl)}
 #ugreen-home-sketch .ds-event h3{font-size:var(--font-xl)}
 #ugreen-home-sketch .ds-description{font-size:var(--font-xs)}
}
@media(prefers-reduced-motion:reduce){
 #ugreen-home-sketch .ds-motion .ds-intro{position:static}
 #ugreen-home-sketch .ds-fill{transform:none;background:#708576}
 #ugreen-home-sketch .ds-dot,#ugreen-home-sketch .ds-date,#ugreen-home-sketch .ds-index a{transition:none}
}

/* ===== join-story.css ===== */
/* Each step has one emphasis; all instructions remain readable in normal flow. */
#ugreen-home-sketch .js-section{padding:100px 6%;background:#080a09;border-bottom:1px solid var(--ug-line);scroll-margin-top:68px}
#ugreen-home-sketch .js-wrap{max-width:1268px;margin:auto}
#ugreen-home-sketch .js-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:64px}
#ugreen-home-sketch .js-heading-row .ug-eyebrow{font-size:var(--font-xs);color:#a5b3a9;margin:0 0 26px}
#ugreen-home-sketch .js-heading-row h2{font-size:clamp(36px,4.2vw,58px);line-height:1.22;margin:0;font-weight:600}
.js-heading-row strong {
    font-size:var(--font-xl);
    line-height: 2.5;
}
#ugreen-home-sketch .js-intro{font-size:var(--font-sm);line-height:1.9;color:#acb9af;padding-bottom:5px}
#ugreen-home-sketch .js-steps{list-style:none;padding:0;margin:0 0 64px}
#ugreen-home-sketch .js-step{position:relative;display:grid;grid-template-columns:.38fr .9fr 1.2fr;gap:32px;align-items:start;padding:38px 0;border-top:1px solid #303a32}
#ugreen-home-sketch .js-step::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#6c9a74;transform:scaleX(var(--js-line,0));transform-origin:left}
#ugreen-home-sketch .js-number{font:500 clamp(50px,5.4vw,76px)/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-.06em;color:#9aab9e;transition:color .35s}
#ugreen-home-sketch .js-step h3{font-size:var(--font-3xl);line-height:1.3;letter-spacing:-.035em;margin:4px 0 0}
#ugreen-home-sketch .js-copy{padding-top:5px}
#ugreen-home-sketch .js-copy p{font-size:var(--font-base);line-height:1.85;color:#bbc6be}
#ugreen-home-sketch .js-caption{display:block;font-size:var(--font-sm);color:#8f9f93;margin-top:18px;line-height:2}
#ugreen-home-sketch .js-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:var(--font-sm);color:#b9d3bf;text-decoration:none}
#ugreen-home-sketch .js-link:hover{color:var(--ug-green);text-decoration:underline;text-underline-offset:5px}
#ugreen-home-sketch .js-copy .js-link{margin-top:8px}
#ugreen-home-sketch .js-step.is-current .js-number{color:var(--ug-green)}
#ugreen-home-sketch .js-materials{background:#131a15;padding:38px 40px 30px;scroll-margin-top:96px}
#ugreen-home-sketch .js-materials-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}
#ugreen-home-sketch .js-overline{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#a7b7ac;margin-bottom:14px}
#ugreen-home-sketch .js-materials-head h3{font-size:var(--font-2xl);letter-spacing:-.03em;margin:0}
#ugreen-home-sketch .js-due{font-size:var(--font-xs);color:#a7b7ac;text-align:right;white-space:nowrap}
#ugreen-home-sketch .js-due time{display:block;margin-top:5px;font:14px/1.5 ui-monospace,SFMono-Regular,monospace;color:#ecf3ee}
#ugreen-home-sketch .js-material-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;margin:0}
#ugreen-home-sketch .js-material-list li{border-top:1px solid #3b4a3f;padding-top:20px}
#ugreen-home-sketch .js-file-label{font:13px/1.6 ui-monospace,SFMono-Regular,monospace;font-weight:600;letter-spacing:.05em;color:#9fb8a6}
#ugreen-home-sketch .js-material-list h4{font-size:var(--font-md);font-weight:500;line-height:1.5;margin:12px 0}
#ugreen-home-sketch .js-material-list p{font-size:var(--font-sm);line-height:1.9;color:#aebeb3}
#ugreen-home-sketch .js-materials-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid #35443a}
#ugreen-home-sketch .js-materials-foot button{font-size:var(--font-xs)}
@media(max-width:900px){
 #ugreen-home-sketch .js-step{grid-template-columns:.35fr .8fr 1.25fr;gap:22px}
 #ugreen-home-sketch .js-copy p{font-size:var(--font-xs)}
 #ugreen-home-sketch .js-materials{padding:30px}
 #ugreen-home-sketch .js-material-list{gap:18px}
 #ugreen-home-sketch .js-material-list h4{font-size:var(--font-base)}
}
@media(max-width:700px){
 #ugreen-home-sketch .js-section{padding:64px 6%}
 #ugreen-home-sketch .js-heading-row{display:block;margin-bottom:40px}
 #ugreen-home-sketch .js-heading-row h2{font-size:var(--font-3xl)}
 #ugreen-home-sketch .js-intro{margin-top:24px;font-size:var(--font-xs)}
 #ugreen-home-sketch .js-step{grid-template-columns:52px minmax(0,1fr);gap:14px 20px;padding:28px 0}
 #ugreen-home-sketch .js-number{grid-row:span 2;font-size:var(--font-4xl)}
 #ugreen-home-sketch .js-step h3{font-size:var(--font-2xl);margin:3px 0 0}
 #ugreen-home-sketch .js-copy{grid-column:2;padding-top:0}
 #ugreen-home-sketch .js-copy p{font-size:var(--font-xs)}
 #ugreen-home-sketch .js-copy p br{display:none}
 #ugreen-home-sketch .js-steps{margin-bottom:36px}
 #ugreen-home-sketch .js-materials{padding:26px 24px}
 #ugreen-home-sketch .js-materials-head{display:block;margin-bottom:28px}
 #ugreen-home-sketch .js-materials-head h3{font-size:var(--font-xl)}
 #ugreen-home-sketch .js-due{text-align:left;display:flex;align-items:center;gap:14px;margin-top:20px}
 #ugreen-home-sketch .js-due time{margin:0;font-size:var(--font-xs)}
 #ugreen-home-sketch .js-material-list{grid-template-columns:1fr;gap:24px}
 #ugreen-home-sketch .js-material-list h4{font-size:var(--font-md);margin:8px 0}
 #ugreen-home-sketch .js-materials-foot{flex-direction:column;align-items:stretch;gap:12px}
 #ugreen-home-sketch .js-materials-foot .js-link{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 #ugreen-home-sketch .js-number{transition:none}
 #ugreen-home-sketch .js-step::before{display:none}
}

/* ===== faq-story.css ===== */
#ugreen-home-sketch .fs-section{padding:100px 6% 110px;background:#080a09;scroll-margin-top:68px}
#ugreen-home-sketch .fs-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;max-width:1268px;margin:auto}
#ugreen-home-sketch .fs-intro .ug-eyebrow{font-size:var(--font-xs);color:#a5b3a9;margin:0 0 26px}
#ugreen-home-sketch .fs-intro h2{font-size:var(--font-4xl);font-weight:600;line-height:1.3;letter-spacing:-.04em;margin:0 0 26px}
#ugreen-home-sketch .fs-description{font-size:var(--font-md);line-height:1.9;color:#53f76b}
#ugreen-home-sketch .fs-shortcuts{display:flex;flex-direction:column;gap:4px;margin-top:26px}
#ugreen-home-sketch .fs-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:24px;width:fit-content;min-height:44px;font-size:var(--font-xs);color:#b6c9bc}
#ugreen-home-sketch .fs-shortcuts a:hover{color:var(--ug-green);text-underline-offset:5px}
#ugreen-home-sketch .fs-questions{border-top:1px solid #39453c}
#ugreen-home-sketch .fs-question{border-bottom:1px solid #39453c}
#ugreen-home-sketch .fs-question summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;font-size:var(--font-md);font-weight:500;line-height:1.6;cursor:pointer;list-style:none;min-height:80px;transition:color .18s}
#ugreen-home-sketch .fs-question summary::-webkit-details-marker{display:none}
#ugreen-home-sketch .fs-question summary::marker{content:""}
#ugreen-home-sketch .fs-question[open] summary{color:#d2f4d9}
#ugreen-home-sketch .fs-question summary:hover{color:var(--ug-green)}
#ugreen-home-sketch .fs-question p{font-size:var(--font-sm);line-height:1.95;color:#aebeb3;padding:0 40px 26px 0;margin:0;max-width:650px}
#ugreen-home-sketch .fs-toggle{position:relative;display:block;flex:0 0 18px;width:18px;height:18px;color:#b5c7ba}
#ugreen-home-sketch .fs-toggle::before,#ugreen-home-sketch .fs-toggle::after{content:"";position:absolute;top:8px;left:2px;width:14px;height:1px;background:currentColor}
#ugreen-home-sketch .fs-toggle::after{transform:rotate(90deg);transition:transform .24s ease}
#ugreen-home-sketch .fs-question[open] .fs-toggle::after{transform:rotate(0deg)}
#ugreen-home-sketch .fs-finale{padding:105px 6% 100px;background:#101711;border-top:1px solid #314036;border-bottom:1px solid #314036;scroll-margin-top:68px;text-align:center}
#ugreen-home-sketch .fs-final-wrap{max-width:1268px;margin:auto}
#ugreen-home-sketch .fs-signature{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#a1b5a7;margin:0 0 40px}
#ugreen-home-sketch .fs-invitation h2{font-size:clamp(36px,5.1vw,72px);font-weight:600;line-height:1.23;letter-spacing:-.045em;margin:0 0 28px}
#ugreen-home-sketch .fs-invitation h2 span{color:var(--ug-green)}
#ugreen-home-sketch .fs-invitation>p{font-size:var(--font-sm);line-height:1.9;color:#b0c0b5}
#ugreen-home-sketch .fs-action-area{margin-top:38px}
#ugreen-home-sketch .fs-registration{font-size:var(--font-xs);color:#a1b5a7}
#ugreen-home-sketch .fs-registration>span{display:block;font:14px/1.6 ui-monospace,SFMono-Regular,monospace;color:#d6e6db;margin-top:8px}
#ugreen-home-sketch .fs-actions{display:flex;justify-content:center;gap:14px;margin-top:24px}
#ugreen-home-sketch .fs-actions button{font-size:var(--font-xs);min-height:48px;padding:13px 23px}
#ugreen-home-sketch .fs-footer{padding:28px 6%;align-items:center;font-size:var(--font-xs)}
#ugreen-home-sketch .fs-footer>div{display:flex;align-items:center;gap:24px}
#ugreen-home-sketch .fs-footer-caption{color:#90a295}
#ugreen-home-sketch .fs-footer>a{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:#bacbbe}
#ugreen-home-sketch .fs-motion .fs-invitation{opacity:var(--fs-opacity,1);transform:translateY(var(--fs-y,0px))}
@media(max-width:1000px) and (min-width:701px){
 #ugreen-home-sketch .fs-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%}
 #ugreen-home-sketch .fs-intro h2{font-size:var(--font-2xl)}
 #ugreen-home-sketch .fs-question summary{font-size:var(--font-sm);gap:20px}
 #ugreen-home-sketch .fs-question p{font-size:var(--font-xs);padding-right:26px}
}
@media(max-width:700px){
 #ugreen-home-sketch .fs-section{padding:64px 6%}
 #ugreen-home-sketch .fs-layout{display:block}
 #ugreen-home-sketch .fs-intro h2{font-size:var(--font-3xl)}
 #ugreen-home-sketch .fs-description{font-size:var(--font-xs)}
 #ugreen-home-sketch .fs-description br{display:none}
 #ugreen-home-sketch .fs-shortcuts{flex-direction:row;flex-wrap:wrap;gap:0 24px;margin:18px 0 32px}
 #ugreen-home-sketch .fs-shortcuts a{gap:12px;font-size:var(--font-xs)}
 #ugreen-home-sketch .fs-question summary{font-size:var(--font-sm);padding:22px 0;min-height:72px;gap:20px}
 #ugreen-home-sketch .fs-question p{font-size:var(--font-xs);padding:0 16px 23px 0}
 #ugreen-home-sketch .fs-finale{padding:72px 6% 64px}
 #ugreen-home-sketch .fs-signature{font-size:var(--font-xxs);letter-spacing:.08em;margin-bottom:32px}
 #ugreen-home-sketch .fs-invitation h2{font-size:var(--font-4xl)}
 #ugreen-home-sketch .fs-invitation>p{font-size:var(--font-xs)}
 #ugreen-home-sketch .fs-actions{flex-direction:column;gap:12px;max-width:310px;margin:24px auto 0}
 #ugreen-home-sketch .fs-footer{gap:20px;padding:24px 6%}
 #ugreen-home-sketch .fs-footer>div{display:block}
 #ugreen-home-sketch .fs-footer-caption{display:block;font-size:var(--font-xxs);margin-top:5px}
 #ugreen-home-sketch .fs-footer>a{font-size:var(--font-xxs);gap:8px}
}
@media(prefers-reduced-motion:reduce){#ugreen-home-sketch .fs-motion .fs-invitation{opacity:1;transform:none}}

/* ===== 内页/首页共用：≤1080 头部导航折叠为第二行（可横向滚动），不再整块隐藏 ===== */
@media(max-width:1080px){
  #ugreen-home-sketch .ug-head{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:10px;align-items:center}
  #ugreen-home-sketch .ug-brand{grid-column:1;grid-row:1;justify-self:start}
  #ugreen-home-sketch .ug-head-actions{grid-column:2;grid-row:1;justify-self:end}
  #ugreen-home-sketch .ug-nav{grid-column:1/-1;grid-row:2;display:flex;justify-self:stretch;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:18px;font-size:var(--font-xs);padding:2px 0 4px;scrollbar-width:none;-ms-overflow-style:none}
  #ugreen-home-sketch .ug-nav::-webkit-scrollbar{display:none}
  #ugreen-home-sketch .ug-nav a{flex:0 0 auto;opacity:.86}
  #ugreen-home-sketch .ug-nav a.on{opacity:1}
}