:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#f6fbf2;background:radial-gradient(circle at 12% 12%,rgba(168,220,110,.22),transparent 24%),radial-gradient(circle at 88% 16%,rgba(255,214,153,.16),transparent 24%),linear-gradient(180deg,#0b1621,#0d1f24 36%,#09131e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{border:0}.tea-app-shell{display:grid;grid-template-columns:minmax(0,1.08fr) 440px;width:100%;min-height:100dvh}.mobile-first-canvas{position:sticky;top:0;height:100dvh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(27,93,77,.16),transparent 30%),linear-gradient(180deg,#08121afa,#08121a)}.tea-canvas-panel canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;touch-action:none}.compact-hero-card,.compact-floating-card,.panel-card,.visual-card,.story-highlight-card,.industry-stage,.story-card,.focus-region-card,.mobile-touch-hint,.mobile-sheet-panel,.hero-icon-button,.region-pill,.story-pill{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.compact-hero-card{position:absolute;top:18px;left:18px;z-index:3;width:min(420px,calc(100% - 36px));padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(193,232,154,.18);background:linear-gradient(180deg,#0d181fc2,#0d181f7a);box-shadow:0 28px 72px #00000047}.compact-hero-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-card__eyebrow,.section-eyebrow,.region-floating-card__badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#abdc791f;border:1px solid rgba(171,220,121,.22);color:#d7ffbf;font-size:12px;font-weight:700;letter-spacing:.04em}.hero-icon-button{min-height:30px;padding:0 12px;border-radius:999px;background:#ffffff14;color:#eef7e6;cursor:pointer}.compact-hero-card h1,.section-heading h2,.story-highlight-card h3,.focus-region-card__title h3,.region-floating-card h2{margin:0;line-height:1.15;letter-spacing:-.03em}.compact-hero-card h1{margin-top:12px;font-size:clamp(26px,3.6vw,40px)}.compact-hero-card p,.section-lead,.visual-card p,.focus-region-card p,.story-highlight-card p,.story-highlight-card em,.industry-stage__header p,.industry-node p,.story-card p,.story-card__footer em{margin:0;color:#eff6ebd1;line-height:1.68}.compact-hero-card p{margin-top:10px}.mobile-touch-hint{position:absolute;left:18px;bottom:22px;z-index:3;display:inline-flex;gap:10px;padding:10px 14px;border-radius:999px;background:#0a121899;border:1px solid rgba(255,255,255,.08);color:#eef5e5;font-size:13px}.compact-floating-card{position:absolute;right:18px;top:18px;z-index:3;width:min(280px,calc(100% - 36px));padding:16px;border-radius:22px;border:1px solid rgba(255,223,161,.16);background:#0c171f8a}.region-floating-card h2{margin-top:10px;font-size:28px}.region-floating-card p{margin:8px 0 0;color:#eff6ebd6}.compact-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.compact-stat-item{padding:10px 8px;border-radius:16px;background:#ffffff0d;text-align:center}.compact-stat-item strong{display:block;color:#fff6d6;font-size:18px}.compact-stat-item span{color:#eff6ebb8;font-size:11px}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.canvas-loading__pill{padding:12px 18px;border-radius:999px;background:#0a141ca3;border:1px solid rgba(174,229,116,.16)}.tea-side-panel{height:100dvh;overflow-y:auto;padding:20px;border-left:1px solid rgba(193,232,154,.1);background:linear-gradient(180deg,#0b131bfa,#0b131beb)}.tea-side-panel::-webkit-scrollbar{width:10px}.tea-side-panel::-webkit-scrollbar-thumb{border-radius:999px;background:#b6db9729}.tea-toolbar{position:sticky;top:0;z-index:4;display:flex;gap:10px;margin:-20px -20px 16px;padding:18px 20px 14px;overflow-x:auto;background:linear-gradient(180deg,#0b131b,#0b131be0);border-bottom:1px solid rgba(193,232,154,.08)}.tea-toolbar::-webkit-scrollbar{display:none}.panel-toolbar__button{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(187,221,147,.14);color:#d6efc7;cursor:pointer}.panel-toolbar__button.is-active{background:linear-gradient(135deg,#91d462e6,#62b992d6);color:#0a151d;font-weight:800}.panel-card{margin-bottom:16px;padding:20px;border-radius:24px;border:1px solid rgba(193,232,154,.12);background:linear-gradient(180deg,#121e26e6,#0c151dcc);box-shadow:0 20px 40px #00000024}.compact-panel{overflow:hidden}.section-heading h2{margin-top:12px;font-size:clamp(24px,3vw,32px)}.section-lead{margin-top:10px}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.visual-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.visual-card__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#aae27138,#7dd7bf2e);font-size:18px}.visual-card strong,.focus-region-card__title strong,.story-highlight-card strong,.industry-stage__eyebrow,.industry-node h4,.story-card strong{display:block;margin-bottom:6px;color:#fff6d6}.focus-region-card{margin-top:18px;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--region-color) 32%,rgba(255,255,255,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--region-color) 12%,rgba(255,255,255,.06)),#ffffff08)}.focus-region-card__title{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.focus-region-card__title span,.story-highlight-card span,.story-card__meta span{color:#c9f7a7;font-size:12px;font-weight:700}.region-pill-row,.story-pill-row{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding-bottom:2px}.region-pill-row::-webkit-scrollbar,.story-pill-row::-webkit-scrollbar{display:none}.region-pill,.story-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffff0d;color:#eef5e5;cursor:pointer}.region-pill.is-active,.story-pill.is-active{background:linear-gradient(135deg,#91d462d6,#62b992c2);color:#09131e;font-weight:700}.region-pill__dot{width:10px;height:10px;border-radius:50%}.industry-chain{position:relative;margin-top:18px}.industry-chain__flow{position:absolute;top:42px;left:12%;right:12%;display:flex;justify-content:space-between;z-index:0}.industry-chain__flow span{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#dfffb5e6,#7dd7bfc2);box-shadow:0 0 0 10px #8cdfb014}.industry-chain__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.industry-stage{padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--stage-color) 28%,rgba(255,255,255,.06));background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.industry-stage__nodes{display:grid;gap:10px;margin-top:14px}.industry-node{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#050a1038}.industry-node.is-focused{border-color:#d6fba34d;box-shadow:0 12px 28px #86ce701a}.industry-node__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.industry-node__chips span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff0f;font-size:12px}.story-highlight-card{margin-top:18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#ffdc9a24,#ffb4be1a);border:1px solid rgba(255,221,157,.16)}.story-highlight-card p{margin-top:10px}.story-highlight-card em{display:block;margin-top:10px;color:#cfe7b9;font-style:normal}.story-timeline{position:relative;display:grid;gap:12px;margin-top:18px}.story-timeline__rail{position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#bdeb9357,#ffd38c33)}.story-card{position:relative;display:grid;gap:8px;padding:16px 16px 16px 42px;text-align:left;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;cursor:pointer}.story-card.is-active{border-color:#d8f4a24d;background:linear-gradient(135deg,#b5ea7d24,#ffdd9d14)}.story-card__dot{position:absolute;left:12px;top:20px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#dfffba,#ffd78f);box-shadow:0 0 0 6px #daf2b61f}.story-card__meta{display:flex;justify-content:space-between;gap:12px}.story-card__tag{color:#fff4cf}.story-card__footer em{color:#cde7b7;font-style:normal}.globe-region-label{display:grid;gap:2px;min-width:108px;padding:8px 12px;border-radius:16px;border:1px solid rgba(223,248,198,.18);background:#0a121ae6;color:#fbfff7}.globe-region-label strong{font-size:13px}.globe-region-label span{color:#f2f9eac2;font-size:11px}.spring-decorations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.spring-decorations__vine,.spring-decorations__petals,.spring-decorations__breeze{position:absolute;opacity:.86}.spring-decorations__vine{top:18px;right:20px;width:min(320px,34vw)}.spring-decorations__petals{left:-30px;top:44%;width:min(180px,18vw)}.spring-decorations__breeze{right:6%;bottom:18%;width:min(420px,42vw)}@media(max-width:1280px){.tea-app-shell{grid-template-columns:minmax(0,1fr) 400px}.industry-chain__grid,.visual-grid--three{grid-template-columns:1fr}.industry-chain__flow{display:none}}@media(max-width:1080px){body{overflow:auto}.tea-app-shell{display:block}.mobile-first-canvas{position:relative;height:100dvh;min-height:100dvh}.compact-hero-card{top:12px;left:12px;width:calc(100% - 24px);padding:14px}.compact-hero-card h1{margin-top:10px;font-size:22px}.compact-hero-card p{margin-top:8px;font-size:13px}.compact-floating-card{left:12px;right:12px;top:auto;bottom:64px;width:auto;padding:12px 14px}.region-floating-card h2{margin-top:8px;font-size:22px}.region-floating-card p{font-size:13px}.compact-stats-row{gap:6px;margin-top:10px}.compact-stat-item{padding:8px 6px}.compact-stat-item strong{font-size:16px}.mobile-touch-hint{left:12px;right:12px;bottom:12px;justify-content:center;font-size:12px}.spring-decorations__petals,.spring-decorations__breeze{display:none}.mobile-sheet-panel{height:auto;min-height:0;padding:12px 12px 18px;border-left:0;background:linear-gradient(180deg,#091118,#091118f5)}.mobile-toolbar{position:sticky;top:0;margin:-12px -12px 12px;padding:12px}.mobile-sheet-panel__body .panel-card{margin-bottom:0}.desktop-panel{display:none}.visual-grid,.visual-grid--three,.industry-chain__grid{grid-template-columns:1fr}.story-highlight-card,.focus-region-card,.panel-card{padding:16px}.section-heading h2{font-size:24px}}@media(max-width:720px){.compact-hero-card{max-width:none}.hero-card__eyebrow,.section-eyebrow,.region-floating-card__badge,.hero-icon-button{min-height:28px;padding:0 10px;font-size:11px}.compact-hero-card h1{font-size:20px}.compact-hero-card p{font-size:12px}.visual-card{padding:12px}.region-pill,.story-pill,.panel-toolbar__button{min-height:36px;padding:0 12px;font-size:13px}.story-card{padding:14px 14px 14px 38px}}