:root{--cream: #f4f0ea;--cream-deep: #ebe4da;--ink: #3d342c;--ink-soft: #6b5e52;--bronze: #8a7460;--bronze-light: #b39a82;--line: rgba(61, 52, 44, .18);--font-serif: "Cormorant Garamond", "Times New Roman", serif;--font-sans: "Outfit", "Helvetica Neue", sans-serif;--font-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%;height:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{position:relative;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);overflow:hidden}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(255,255,255,.55),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 100%,rgba(179,154,130,.12),transparent 55%),radial-gradient(ellipse 60% 45% at 10% 90%,rgba(138,116,96,.08),transparent 50%),linear-gradient(165deg,var(--cream) 0%,var(--cream-deep) 100%);z-index:0}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.stage{position:relative;z-index:2;width:min(100%,42rem);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(1.75rem,4vw,2.75rem)}.brand-visual{width:min(100%,34rem);margin:0;opacity:0;transform:translateY(18px);animation:rise-in 1.2s cubic-bezier(.22,1,.36,1) .15s forwards}.brand-image{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 1px #ffffff73 inset,0 24px 60px #3d342c14,0 4px 16px #3d342c0a}.identity{display:flex;flex-direction:column;align-items:center;gap:.65rem;opacity:0;transform:translateY(14px);animation:rise-in 1.1s cubic-bezier(.22,1,.36,1) .45s forwards}.company-en{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.35rem,3.6vw,1.85rem);letter-spacing:.28em;text-indent:.28em;color:var(--ink);line-height:1.2}.rule{width:0;height:1px;background:var(--line);margin:.35rem 0 .15rem;animation:draw-line .9s cubic-bezier(.22,1,.36,1) .85s forwards}.company-zh{font-family:var(--font-zh);font-weight:400;font-size:clamp(.95rem,2.4vw,1.1rem);letter-spacing:.42em;text-indent:.42em;color:var(--ink-soft)}.company-sub{font-family:var(--font-sans);font-weight:300;font-size:.68rem;letter-spacing:.32em;text-indent:.32em;color:var(--bronze);text-transform:uppercase;margin-top:.15rem}.status{display:flex;flex-direction:column;align-items:center;gap:.45rem;opacity:0;transform:translateY(12px);animation:rise-in 1s cubic-bezier(.22,1,.36,1) .75s forwards}.status-zh{font-family:var(--font-zh);font-weight:300;font-size:clamp(.95rem,2.2vw,1.05rem);letter-spacing:.38em;text-indent:.38em;color:var(--ink)}.status-en{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(1rem,2.4vw,1.2rem);letter-spacing:.18em;color:var(--bronze)}.footer{position:absolute;bottom:clamp(1.25rem,3vw,2rem);left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-sans);font-weight:300;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-light);opacity:0;animation:fade-in 1s ease 1.2s forwards}.footer .dot{width:3px;height:3px;border-radius:50%;background:var(--bronze-light);opacity:.7}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@keyframes draw-line{to{width:3.5rem}}@media(max-width:640px){.company-en{letter-spacing:.18em;text-indent:.18em}.company-zh{letter-spacing:.28em;text-indent:.28em}.status-zh{letter-spacing:.24em;text-indent:.24em}.brand-image{box-shadow:0 16px 40px #3d342c12,0 2px 10px #3d342c0a}}@media(prefers-reduced-motion:reduce){.brand-visual,.identity,.status,.footer,.rule{animation:none;opacity:1;transform:none;width:auto}.rule{width:3.5rem}}
