:root{--bg:#f7f9fc;--surface:#ffffff;--ink:#0f172a;--muted:#475569;--hair:#e6eaf2;--primary:#2563eb;--accent:#f59e0b;--ok:#22c55e;--danger:#ef4444;--shadow: 0 8px 30px rgba(2,6,23,.06);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.nav{position:sticky;top:0;z-index:50;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.tabs{display:flex;gap:18px}.tab{font-weight:600;color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px}.tab[aria-current=true],.tab:hover{color:var(--ink);background:#f1f5f9}.lang{display:flex;gap:8px}.flag{border:1px solid var(--hair);background:var(--surface);padding:6px 10px;border-radius:12px;cursor:pointer;line-height:0}.flag[aria-current=true]{outline:2px solid rgba(37,99,235,.35);box-shadow:0 0 0 4px #2563eb14}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:46px 24px}.hero-card{background:linear-gradient(180deg,#2563eb0f,#f59e0b0d);border:1px solid var(--hair);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.hero h1{font-size:48px;letter-spacing:.6px;margin:0 0 6px}.hero p{color:var(--muted);margin:0}.badges{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.badge{background:#f1f5f9;border:1px solid var(--hair);padding:6px 10px;border-radius:999px;font-size:13px}.section{padding:10px 24px 46px}.section h2{font-size:22px;margin:0 0 12px;color:var(--ink)}.timeline-wrap{display:grid;grid-template-columns:1fr 340px;gap:26px}.timeline{max-height:68vh;overflow:auto;padding:18px;border:1px solid var(--hair);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fafb);box-shadow:var(--shadow);display:block}.axis{position:relative;margin:0 auto;border-left:2px dashed var(--hair);padding-left:18px}.year-block{margin:18px 0}.year{color:var(--primary);font-weight:800;letter-spacing:.5px;margin:2px 0 10px}.milestone{position:relative;margin:12px 0;padding-left:22px}.dot{position:absolute;left:-10px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.m-title{font-weight:700}.m-chip{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:8px;background:#f1f5f9;border:1px solid var(--hair);font-size:12px;color:var(--muted)}.m-detail{max-height:0;overflow:hidden;transition:max-height .35s ease}.milestone:hover .m-detail{max-height:160px}.news{position:sticky;bottom:12px}.indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.indicator.red{background:var(--danger)}.indicator.blue{background:var(--ok)}.news-card{background:linear-gradient(180deg,#2563eb0f,#22c55e0d);border:1px solid var(--hair);border-radius:14px;padding:14px}.news h3{margin:0 0 8px}.news p{margin:0;color:var(--muted)}:root{--hp-bg0:#ffffff;--hp-bg1:#f7f9fc;--hp-ink:#0f172a;--hp-hair:#e6eaf2;--hp-accent:#f59e0b;--hp-accent-deep:#ea580c}.hp-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(1200px 800px at 50% 0%,var(--hp-bg0) 0%,var(--hp-bg1) 60%,#eef2f7 100%);animation:hp-fade .28s ease-out 1.25s forwards}@keyframes hp-fade{to{opacity:0;visibility:hidden}}.hp-sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--hp-bg0) 0%,var(--hp-bg1) 55%,#eef2f7 100%)}.hp-horizon{position:absolute;left:0;right:0;bottom:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.16),transparent)}.hp-waves{position:absolute;inset:62% 0 0;overflow:hidden}.hp-waves.reduced .hp-wave{animation-duration:6s!important}.hp-wave{position:absolute;left:-10%;width:120%;height:18%;background:repeating-linear-gradient(180deg,#fff9 0 2px,#fff0 2px 9px);mix-blend-mode:soft-light;opacity:.42;filter:blur(.25px);animation:hp-wave 5.2s ease-in-out infinite;border-top:1px solid rgba(15,23,42,.06)}.hp-wave.w1{top:6%}.hp-wave.w2{top:18%;animation-delay:.12s}.hp-wave.w3{top:30%;animation-delay:.24s}@keyframes hp-wave{0%,to{transform:translate(0)}50%{transform:translate(2.2vw)}}.hp-sunwrap{position:absolute;left:50%;bottom:38%;transform:translate(-50%)}.hp-sunwrap.reduced .hp-sun{animation-duration:.7s!important}.hp-sun{position:relative;width:200px;height:200px;transform:translateY(-14px);animation:hp-set 1s cubic-bezier(.22,.61,.36,1) forwards}@keyframes hp-set{to{transform:translateY(10px)}}.hp-sun-core{position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle at 50% 46%,#fff7c2 0%,#fde68a 42%,var(--hp-accent) 72%,var(--hp-accent-deep) 100%);box-shadow:0 0 70px 26px #ffc86442}.hp-sun-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(253,230,138,.42) 0%,rgba(245,158,11,.18) 40%,transparent 72%);filter:blur(8px)}.hp-ring{--thick:18px;position:absolute;inset:0;border-radius:50%;pointer-events:none;isolation:isolate}.hp-fill{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,rgba(250,176,5,.65) var(--hp-deg),rgba(250,176,5,0) 0);-webkit-mask:radial-gradient(circle at 50% 50%,transparent calc(100px - var(--thick)),black calc(100px - var(--thick) + 1px));mask:radial-gradient(circle at 50% 50%,transparent calc(100px - var(--thick)),black calc(100px - var(--thick) + 1px));filter:saturate(110%)}.hp-buffer{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from calc(-90deg + var(--hp-deg)),#0f172a1f 0deg 12deg,#0f172a00 12deg 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent calc(100px - var(--thick) - 6px),black calc(100px - var(--thick) - 5px));mask:radial-gradient(circle at 50% 50%,transparent calc(100px - var(--thick) - 6px),black calc(100px - var(--thick) - 5px));opacity:.6;filter:blur(.6px)}.hp-ticks{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,rgba(15,23,42,.3) 0deg 2deg,transparent 2deg 18deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 78px,black 79px),radial-gradient(circle at 50% 50%,black 100px,transparent 101px);mask:radial-gradient(circle at 50% 50%,transparent 78px,black 79px),radial-gradient(circle at 50% 50%,black 100px,transparent 101px);opacity:.25;filter:blur(.2px)}.hp-sheen{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from calc(-90deg + var(--hp-deg)),#fff0 0 20deg,#ffffff59 20deg 40deg,#fff0 40deg 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 84px,black 85px);mask:radial-gradient(circle at 50% 50%,transparent 84px,black 85px);filter:blur(6px);opacity:.6}.hp-counter{position:absolute;inset:14px;display:grid;place-items:center;font-variant-numeric:tabular-nums;font-weight:700;color:var(--hp-ink);text-shadow:0 1px 0 rgba(255,255,255,.7)}.hp-reflection{position:absolute;left:50%;bottom:-14px;transform:translate(-50%) scaleY(-1);width:48vw;max-width:600px;height:28vh;min-height:160px;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#fde68a80,#f59e0b38 34%,#ea580c14 60%,#ea580c00 66%),radial-gradient(ellipse at 50% 10%,#ffffff2e,#fff0 60%);filter:blur(12px) saturate(112%);opacity:.9;mix-blend-mode:screen}.hp-brand{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--hp-hair);border-radius:12px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 30px #0206170f}.hp-brand .brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.hp-brand .brand-text{font-weight:800;letter-spacing:.2px;color:var(--hp-ink)}@media(prefers-reduced-motion:reduce){.hp-loader{animation:hp-fade .25s ease .9s forwards}.hp-sun{animation:none}.hp-wave{animation-duration:6.5s}}.proj{position:relative;padding:24px 0 48px}.proj-head{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}.proj-controls{display:flex;gap:10px;min-width:320px}.proj-input,.proj-select{border:1px solid var(--hair);border-radius:12px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;box-shadow:var(--shadow)}.proj-input{flex:1;min-width:220px}.proj-select{width:160px}.proj-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:16px}.proj-card.proj--expand{transition:box-shadow .2s ease,transform .2s ease}.proj-card.proj--expand:hover,.proj-card.proj--expand:focus-within{transform:translateY(-1px);box-shadow:0 10px 30px #02061714,var(--shadow)}.proj-card .proj-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.proj-card .proj-title{margin:0}.proj-card .proj-tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.proj-date{font-size:12px;color:var(--muted)}.proj-links{display:flex;gap:12px}.proj-links a{font-weight:600}.proj-body{--crop: 170px;position:relative;max-height:var(--crop);overflow:hidden;transition:max-height .35s ease}.proj--expand:hover .proj-body,.proj--expand:focus-within .proj-body{max-height:1000px}.proj-summary{margin:0 0 8px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.proj--expand:hover .proj-summary,.proj--expand:focus-within .proj-summary{-webkit-line-clamp:unset}.proj-fade{position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(180deg,#fff0,#ffffffe6);pointer-events:none;transition:opacity .2s ease}.proj--expand:hover .proj-fade,.proj--expand:focus-within .proj-fade{opacity:0}.proj-wall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08),transparent 70%)}.proj-wall-inner{position:absolute;inset:0;white-space:pre-wrap;line-height:1.6;opacity:.08;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:80px 12vw;-webkit-user-select:none;user-select:none;transform:translateY(0);animation:pw-scroll 24s linear infinite}@keyframes pw-scroll{0%{transform:translateY(0)}to{transform:translateY(-40%)}}@media(max-width:920px){.hero,.timeline-wrap{grid-template-columns:1fr}.news{position:relative}.proj-grid{grid-template-columns:1fr}.proj-body{--crop: 140px }}.ach{position:relative;padding:24px 0 48px}.ach-head{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}.ach-controls{display:flex;gap:10px}.ach-input{border:1px solid var(--hair);border-radius:12px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;box-shadow:var(--shadow);min-width:320px}.ach-grid{position:relative;z-index:2;display:grid;gap:16px;margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:1fr}.ach-card{transition:box-shadow .2s ease,transform .2s ease}.ach-card:hover,.ach-card:focus-within{transform:translateY(-1px);box-shadow:0 10px 30px #02061714,var(--shadow)}.ach-lg{grid-column:span 2}@media(max-width:960px){.ach-lg{grid-column:auto}}.ach-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ach-title{margin:0}.ach-score{font-weight:800;color:var(--ink);background:#f1f5f9;border:1px solid var(--hair);border-radius:10px;padding:4px 8px;min-width:36px;text-align:center}.ach-meter{position:relative;height:8px;border-radius:999px;overflow:hidden;background:#eef2f7;border:1px solid var(--hair);margin:8px 0}.ach-meter .fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#2563eb14,#2563eb73);width:0%;transition:width .5s ease}.ach-card:hover .ach-meter .fill,.ach-card:focus-within .ach-meter .fill{transition-duration:.7s}.ach-tags{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.ach-body{--crop: 150px;position:relative;max-height:var(--crop);overflow:hidden;transition:max-height .35s ease}.ach--expand:hover .ach-body,.ach--expand:focus-within .ach-body{max-height:1000px}.ach-summary{margin:0;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.ach--expand:hover .ach-summary,.ach--expand:focus-within .ach-summary{-webkit-line-clamp:unset}.ach-fade{position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(180deg,#fff0,#ffffffe6);pointer-events:none;transition:opacity .2s ease}.ach--expand:hover .ach-fade,.ach--expand:focus-within .ach-fade{opacity:0}.ach-wall{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08),transparent 70%)}.ach-wall-inner{position:absolute;inset:0;white-space:pre-wrap;line-height:1.6;opacity:.08;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:80px 12vw;-webkit-user-select:none;user-select:none;transform:translateY(0);animation:ach-scroll 28s linear infinite}@keyframes ach-scroll{0%{transform:translateY(0)}to{transform:translateY(-40%)}}