/* Youguo Trading — self-contained, responsive static site. No external libraries. */
:root{--ink:#1b211c;--mute:#66736b;--subtle:#8a968f;--line:#e5e9e4;--off:#f8f9f7;--soft:#f0f3ee;--mint:#d9efd8;--green:#62856b;--black:#161d18;--focus:#b9dcb9;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans SC','PingFang SC','Microsoft YaHei',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #6eac78;outline-offset:4px}svg{max-width:100%}.shell{max-width:var(--shell);padding:0 32px;margin:0 auto}.skip-link{position:absolute;transform:translateY(-150%);top:0;left:12px;padding:12px;background:white;z-index:100}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #e8ebe7;background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,4px);justify-content:center;align-items:center;gap:4px;border-radius:11px;background:var(--black);transform:rotate(-22deg)}.brand-mark i{display:block;width:4px;height:19px;background:#fff;border-radius:5px}.brand-mark i:nth-child(2){height:12px;background:#c1e2ba}.brand-mark i:nth-child(3){height:16px}.brand-type{display:flex;flex-direction:column;letter-spacing:.15em}.brand-type strong{font-size:15px;line-height:1.1;letter-spacing:.18em}.brand-type small{font-size:8px;font-weight:800;letter-spacing:.29em;margin-top:4px;color:#7c8780}.top-nav{display:flex;gap:32px;align-items:center;margin-left:auto}.nav-link{font-size:12px;font-weight:650;color:#59645c;white-space:nowrap;transition:color .2s}.nav-link:hover,.nav-link.current{color:#101713}.header-actions{display:flex;align-items:center;gap:14px}.lang-toggle{border:1px solid #e2e7e1;cursor:pointer;background:#fafbf9;border-radius:999px;font-size:12px;font-weight:700;color:#313b33;padding:9px 12px;min-width:56px}.lang-toggle:hover{background:#eaf2e9}.contact-link{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#f2f5f1}.contact-link svg{width:16px;fill:none;stroke:#1b2c20;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero{background:linear-gradient(140deg,#fbfcfa 0%,#f8faf6 58%,#f3f7f1 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:645px;align-items:center;gap:20px}.hero-copy{padding:76px 0 82px;position:relative;z-index:1}.eyebrow,.overline{font-size:11px;letter-spacing:.17em;font-weight:750;color:#5a735f;text-transform:uppercase;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;background:#84af82;border-radius:50%;box-shadow:0 0 0 5px #e3efde}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.12;letter-spacing:-.068em;font-weight:690;margin:28px 0 25px}.hero-line{white-space:nowrap}.hero-soft{color:#94a99a;letter-spacing:-.065em}.hero-sub{max-width:530px;color:#69756c;font-size:15px;line-height:1.95;margin:0 0 35px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border-radius:999px;display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:47px;padding:12px 20px;font-size:12px;font-weight:720;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#19231d;color:#fff}.btn-dark:hover{background:#334c38}.btn-line{border:1px solid #d9e0d8;color:#243326;background:#fff}.btn-line:hover{background:#f2f6f1}.btn span{font-size:16px;font-weight:400}.microline{margin-top:58px;font-size:12px;color:#89998c;display:flex;align-items:center;gap:10px}.micro-icon{font-size:20px;color:#8fae91}
.hero-visual{height:550px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #dce6db;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:490px;height:345px}.orbit-two{width:355px;height:485px;transform:rotate(31deg)}.visual-kernel{position:relative;width:290px;height:300px;border-radius:50%;background:linear-gradient(130deg,#dcf0df,#f1f4dc 54%,#e1eaff);box-shadow:inset -20px -24px 36px #cdddc83d,0 28px 90px #a2c7a02e;display:grid;place-items:center;transform:rotate(-13deg);overflow:hidden}.visual-kernel:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid #ffffffa8;top:0;right:-25px}.kernel-glow{position:absolute;width:200px;height:200px;background:#b5dfcd;filter:blur(55px);opacity:.3;bottom:-50px;left:-30px}.kernel-symbol{font-size:125px;font-weight:660;letter-spacing:-.11em;color:#547d5a;transform:rotate(13deg)}.kernel-symbol span{color:#d4e6cf;font-size:40px;vertical-align:top;position:relative;top:36px;left:4px}.floating-panel{position:absolute;z-index:1;box-shadow:0 16px 60px #273d3221;border:1px solid #ffffffb8;background:#ffffffd7;backdrop-filter:blur(20px);border-radius:19px;padding:19px 20px;width:212px;transform:rotate(-4deg)}.panel-top{top:80px;left:5px}.panel-bottom{right:0;bottom:89px;transform:rotate(6deg)}.panel-label{font-size:9px;letter-spacing:.14em;color:#9aa79d;font-weight:750;margin-bottom:10px}.floating-panel strong{font-size:15px;letter-spacing:-.03em;line-height:1.4}.panel-row{margin-top:16px;display:flex;gap:6px}.panel-row span{width:48px;height:7px;border-radius:4px;background:#e1e8e1}.panel-row span:nth-child(1){background:#a7caaa;width:72px}.panel-circles{display:flex;align-items:center;gap:8px;margin-top:15px}.panel-circles i{width:23px;height:23px;border-radius:50%;background:#c7deca;border:3px solid white;box-shadow:0 0 0 1px #e1e5df}.panel-circles i:nth-child(2){background:#d8e0f2;margin-left:-16px}.panel-circles i:nth-child(3){background:#e2e7cf;margin-left:-16px}.panel-circles em{font-style:normal;color:#749377;font-size:24px;margin-left:auto}.hero-visual-note{position:absolute;bottom:15px;right:20px;color:#9baba0;letter-spacing:.23em;font-size:10px}
.ribbon{border-top:1px solid #e8eee7;border-bottom:1px solid #e7ebe6;background:#fff}.ribbon-inner{display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:75px;color:#6b7a70;font-size:12px;font-weight:600;white-space:nowrap}.ribbon-inner b{color:#acc4ac;font-weight:400}
.section{padding:112px 0}.section-heading{margin-bottom:45px}.heading-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:end;gap:80px}.section h2{font-size:clamp(34px,4.4vw,54px);letter-spacing:-.064em;line-height:1.16;font-weight:690;margin:13px 0 0}.heading-grid p,.focus-title>p:not(.overline){max-width:440px;line-height:1.9;color:#78837a;font-size:14px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{min-height:345px;padding:26px 22px 22px;border:1px solid var(--line);background:#fff;border-radius:19px;position:relative;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #263d2a12}.service-top{display:flex;align-items:center;justify-content:space-between}.service-glyph{width:50px;height:50px;background:#f0f5ef;border:1px solid #e7eee5;color:#4e7255;border-radius:15px;display:grid;place-items:center;font-size:28px;font-weight:300}.service-top .index{font-size:11px;color:#b1bcb3}.service-card h3{font-size:20px;letter-spacing:-.04em;line-height:1.35;margin:31px 0 14px}.service-card p{font-size:12px;line-height:1.95;color:#79837c;margin:0 0 22px}.service-card .tag{font-size:10px;color:#66846b;letter-spacing:.01em;margin-top:auto}.service-card.card-accent{background:#f3f8f2;border-color:#eaf1e8}.card-accent .service-glyph{background:#e2efe0}.inline-link{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#52775a}.inline-link span{font-size:18px}
.focus-section{background:#f8f9f7}.focus-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.focus-title h2{margin-bottom:24px}.focus-title h2 span{color:#96a99b}.focus-block{min-height:418px;background:#e9efe7;border-radius:24px;position:relative;padding:35px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.focus-glow{position:absolute;right:-50px;top:-165px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#cee2ca 0%,#e4ebe6 58%,transparent 70%)}.focus-stamp{position:absolute;right:47px;top:42px;font-size:120px;font-weight:680;letter-spacing:-.12em;color:#7eaa80;line-height:1}.focus-stamp span{font-size:30px;color:white;vertical-align:top;position:relative;top:25px}.small-tag{font-size:10px;font-weight:700;letter-spacing:.16em;color:#77937b;position:relative;margin:0 0 14px}.focus-block h3{font-size:30px;letter-spacing:-.05em;line-height:1.22;max-width:450px;position:relative;margin:0 0 25px;font-weight:650}.focus-pills{display:flex;gap:8px;flex-wrap:wrap;position:relative}.focus-pills span{font-size:11px;border:1px solid #d1dfd0;background:#ffffff85;padding:9px 12px;border-radius:999px;color:#4d7356}.focus-note{position:relative;font-size:10px;line-height:1.7;color:#94a898;margin:15px 0 0}
.approach-section{background:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding-right:15px}.step-number{display:block;font-weight:600;font-size:13px;color:#6f9b74}.step-line{height:1px;background:linear-gradient(90deg,#99c397,#dfe8dd);margin:19px 0 28px;position:relative}.step-line:before{content:"";position:absolute;left:0;top:-4px;width:8px;height:8px;border:1px solid #80b687;background:#fff;border-radius:50%}.step h3{font-size:19px;letter-spacing:-.03em;margin:0 0 10px}.step p{color:#808c81;font-size:12px;line-height:1.9;margin:0;max-width:225px}
.digital-section{background:#f4f6f2;padding:85px 0}.digital-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.app-illustration{height:460px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:#e1e7da}.app-circle{position:absolute;height:370px;width:370px;border-radius:50%;background:#d7e4d0;top:-60px;right:-60px}.app-asterisk{position:absolute;bottom:65px;left:60px;font-size:80px;color:#a1bb9f}.phone-graphic{width:228px;height:388px;box-shadow:0 24px 58px #60756233;background:#161a17;border:6px solid #1c251e;border-radius:33px;position:relative;transform:rotate(-10deg);z-index:1;padding:7px}.phone-island{width:72px;height:19px;border-radius:99px;background:#141a16;position:absolute;top:11px;left:calc(50% - 36px);z-index:2}.screen-content{width:100%;height:100%;border-radius:24px;background:linear-gradient(160deg,#e9f2e3,#fbfdf9);padding:48px 18px 20px;display:flex;flex-direction:column}.screen-eyebrow{font-size:7px;color:#819a83;letter-spacing:.09em}.screen-logo{font-size:72px;color:#9bc2a0;line-height:1.1;margin:20px 0}.screen-content strong{font-size:27px;line-height:1.1;letter-spacing:-.07em}.screen-divider{height:1px;background:#d5e1d3;margin-top:auto;margin-bottom:12px}.screen-label{font-size:7px;color:#859f88;letter-spacing:.09em}.screen-bars{display:flex;gap:5px;margin-top:9px}.screen-bars i{height:12px;border-radius:3px;background:#d6e6d4;flex:1}.screen-bars i:nth-child(2){background:#9bc99e}.digital-copy h2{margin:14px 0 25px}.digital-copy>p:not(.overline){color:#738175;line-height:1.95;font-size:14px;max-width:470px}.digital-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 35px}.digital-tags span{font-size:11px;padding:9px 13px;background:#fff;border-radius:99px;color:#53705a;border:1px solid #e3eae0}
.cta-section{background:#19221b;color:#fff;padding:95px 0 100px;position:relative;overflow:hidden}.cta-section:after{content:"";height:480px;width:480px;border-radius:50%;border:1px solid #ffffff1b;position:absolute;right:-100px;top:-200px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03}.cta-inner{position:relative;z-index:1}.overline.light{color:#a6ceaa}.cta-inner h2{font-size:clamp(41px,5.5vw,72px);line-height:1.1;letter-spacing:-.063em;margin:20px 0}.cta-inner>p:not(.overline){font-size:14px;line-height:1.9;color:#acbbae;max-width:580px}.cta-mail{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #93b394;font-size:clamp(17px,2.4vw,25px);padding:10px 0;margin-top:15px;letter-spacing:-.02em}.cta-mail span{color:#b8d7b8}
.site-footer{padding:65px 0 25px;background:#fbfcfa}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:55px}.footer-logo{font-size:53px;font-weight:650;color:#1b3522;letter-spacing:-.14em;line-height:.95}.footer-logo span{font-size:21px;color:#86b78b;vertical-align:top;position:relative;top:12px;left:4px}.footer-identity h3{font-size:17px;line-height:1.5;letter-spacing:-.025em;margin:18px 0 8px}.footer-identity p{margin:0;color:#93a096;font-size:11px}.footer-columns{display:flex;gap:95px}.footer-columns>div{display:flex;flex-direction:column;gap:15px}.footer-columns strong{font-size:12px;margin-bottom:5px}.footer-columns a{font-size:12px;color:#7e8b80}.footer-columns a:hover{color:#2b4e32}.footer-bottom{border-top:1px solid #e8ede7;display:flex;justify-content:space-between;align-items:center;padding-top:25px;gap:20px;font-size:10px;color:#95a098}
.policy-hero{padding:85px 0 55px;background:linear-gradient(145deg,#f8faf7,#eef5eb);border-bottom:1px solid #e6eee5}.policy-hero h1{font-size:clamp(39px,4.8vw,62px);line-height:1.14;letter-spacing:-.06em;margin:17px 0 20px;font-weight:660}.policy-sub{font-size:15px;line-height:1.8;color:#758379;max-width:700px;margin:0 0 28px}.policy-meta{font-size:11px;color:#7d9981;display:flex;gap:30px;flex-wrap:wrap}.policy-body{padding:65px 0 100px}.policy-layout{display:grid;grid-template-columns:270px 1fr;gap:80px}.policy-aside-inner{position:sticky;top:115px;border:1px solid #e7eee7;border-radius:14px;padding:23px;word-break:break-word}.aside-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:#90a392;margin-bottom:12px}.policy-aside a{font-size:12px;color:#416b49}.aside-rule{height:1px;background:#e6ece5;margin:23px 0}.policy-article{max-width:745px}.policy-block{padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid #e8ece7}.policy-block:last-child{border:0}.policy-block h2{font-size:21px;letter-spacing:-.035em;margin:0 0 16px}.policy-block p{font-size:13px;color:#65746a;line-height:2;margin:0 0 13px}.policy-block a{text-decoration:underline;text-underline-offset:3px;color:#3f7150}.policy-block strong{color:#374f3c}[data-lang="en"] .copy-zh{display:none}[data-lang="zh"] .copy-en{display:none}
.app-page-hero{background:#f7faf5;padding:90px 0 100px}.app-page-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.app-icon-large{width:73px;height:73px;border-radius:18px;background:#e0eddb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6eaa73;margin-top:45px}.app-icon-large span{font-size:45px;line-height:.8}.app-icon-large small{font-size:10px;letter-spacing:.1em;font-weight:800;margin-top:12px}.app-page-intro h1{font-size:clamp(53px,5.8vw,78px);line-height:1.03;letter-spacing:-.075em;font-weight:700;margin:25px 0 22px}.app-page-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#788a7b;max-width:490px}.app-page-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.app-feature-art{height:480px;border-radius:24px;background:#e1e9dd;padding:38px;overflow:hidden}.app-abstract{background:linear-gradient(140deg,#f9fdf7,#d2e9d0);border-radius:26px;width:100%;height:100%;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-abstract:after{content:"";border:1px solid #b8d5b9;position:absolute;height:380px;width:380px;border-radius:50%;right:-130px;top:-110px}.ab-cap,.ab-foot{font-size:10px;color:#66926e;letter-spacing:.15em;font-weight:730}.ab-circle{font-size:130px;color:#92c395;line-height:1;position:absolute;top:65px;right:55px}.ab-title{font-size:42px;letter-spacing:-.06em;line-height:1.15;font-weight:680;position:relative;z-index:1;margin-top:auto}.ab-foot{margin-top:22px}.app-detail-section h2{margin-bottom:45px}.app-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.app-detail-card{border-radius:17px;border:1px solid #e4ebe2;padding:27px;min-height:205px}.app-detail-card span{font-size:11px;color:#86a68a}.app-detail-card h3{font-size:21px;letter-spacing:-.03em;margin:36px 0 12px}.app-detail-card p{color:#7c897e;line-height:1.9;font-size:12px}.app-note{font-size:11px;color:#90a094;margin-top:25px;line-height:1.9}
@media(max-width:980px){.top-nav{gap:13px}.nav-link{font-size:11px}.hero-grid{grid-template-columns:1.1fr .9fr}.hero-visual{transform:scale(.82);margin:-50px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:295px}.focus-grid{gap:35px}.digital-grid{gap:40px}.footer-columns{gap:35px}.policy-layout{gap:35px;grid-template-columns:225px 1fr}}
@media(max-width:700px){.shell{padding:0 21px}.site-header .header-inner{height:66px}.brand-type strong{font-size:13px}.brand-type small{font-size:7px}.top-nav{display:none}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:60px 0 18px}.hero h1{font-size:clamp(39px,9vw,56px);letter-spacing:-.061em}.hero-sub{font-size:14px;line-height:1.85}.microline{margin-top:28px}.hero-visual{width:100%;height:385px;transform:scale(.77);margin:-30px 0 -30px}.panel-top{left:-8px;top:40px}.panel-bottom{right:-10px;bottom:35px}.hero-visual-note{display:none}.ribbon-inner{overflow-x:auto;justify-content:flex-start;padding-top:20px;padding-bottom:20px;min-height:66px;gap:15px;scrollbar-width:none}.section{padding:76px 0}.heading-grid{grid-template-columns:1fr;gap:18px}.heading-grid p{font-size:13px}.section-heading{margin-bottom:35px}.section h2{font-size:38px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card h3{margin:22px 0 10px}.focus-grid{grid-template-columns:1fr;gap:32px}.focus-block{min-height:365px;padding:26px}.focus-block h3{font-size:26px}.steps{grid-template-columns:1fr 1fr;row-gap:40px}.digital-grid{display:flex;flex-direction:column;gap:40px}.app-illustration{width:100%;height:380px}.phone-graphic{transform:scale(.86) rotate(-10deg)}.digital-copy h2{font-size:40px}.cta-section{padding:70px 0}.cta-inner h2{font-size:48px}.cta-mail{font-size:17px}.footer-top{display:flex;flex-direction:column;gap:42px}.footer-columns{gap:40px;justify-content:space-between}.footer-bottom{flex-direction:column;align-items:flex-start}.policy-hero{padding:62px 0 45px}.policy-hero h1{font-size:42px}.policy-layout{grid-template-columns:1fr;gap:36px}.policy-body{padding:43px 0 65px}.policy-aside-inner{position:static}.policy-block h2{font-size:19px}.app-page-hero{padding:60px 0}.app-page-grid{grid-template-columns:1fr;gap:35px}.app-feature-art{height:360px}.app-icon-large{margin-top:27px}.app-page-intro h1{font-size:53px}.app-detail-grid{grid-template-columns:1fr}.app-detail-card{min-height:175px}.app-detail-card h3{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after,*:before{transition:none!important}}