:root{color-scheme:dark;--bg:#101310;--surface:#171b16;--line:#30372c;--text:#e8ecdf;--muted:#929c89;--lime:#c0f879;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono),'Microsoft YaHei',sans-serif;font-size:14px;line-height:1.7}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}button:hover,a:hover{color:var(--lime)}.muted{color:var(--muted)}.lime{color:var(--lime)}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.4px}.skip{position:absolute;left:20px;top:-100px;background:var(--lime);color:var(--bg);padding:10px;z-index:100}.skip:focus{top:10px}.topbar{max-width:1440px;margin:auto;height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:14px;font-weight:bold;letter-spacing:1px;display:flex;align-items:center;gap:12px}.brand .muted{font-size:10px;font-weight:normal}.brand-icon{font-size:27px;color:var(--lime)}nav{display:flex;gap:30px;font-size:12px;align-items:center}.nav-contact{border:1px solid #48553d;padding:8px 15px}main{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:85px 0 66px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);box-shadow:0 0 9px #c0f84544;margin-right:8px;vertical-align:middle}.hero h1{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:clamp(38px,4.4vw,64px);line-height:1.3;letter-spacing:-2px;margin:25px 0}.cursor{animation:blink 1.4s steps(1) infinite}.intro{color:#a9b1a1;font-size:14px;line-height:2}.intro strong{color:var(--text);font-weight:normal}.hero-actions{display:flex;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:12px 20px;font-size:12px;border:1px solid var(--line);transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:#17200f;border-color:var(--lime);font-weight:bold;box-shadow:3px 3px 0 #5e793e}.primary:hover{background:#d3ffa2;color:#101310}.secondary{background:transparent}.coordinates{font-size:9px;color:#7d8874;letter-spacing:1px;margin-top:35px}.coordinates span{margin:0 9px;color:#45523c}.world-panel{border:1px solid #45523b;box-shadow:8px 8px 0 #090c08}.panel-bar,.world-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:12px 15px;letter-spacing:.6px;background:#1b2218}.panel-bar{border-bottom:1px solid #45523b}.world-footer{border-top:1px solid #45523b}.world-footer button{background:none;font-size:10px;padding:0}.pixel-world{height:305px;background:#152019;position:relative;overflow:hidden;isolation:isolate;transition:background .6s}.pixel-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00000010 3px 4px);z-index:5}.stars{position:absolute;width:3px;height:3px;background:#c3dd91;left:12%;top:32px;box-shadow:100px 23px #c3dd91,230px 0 #8ba96b,40px 60px #8ba96b,310px 90px #c3dd91,390px 15px #c3dd91,270px 50px #8ba96b,15px 120px #c3dd91}.moon{position:absolute;right:57px;top:30px;width:37px;height:37px;background:#d2ec97;box-shadow:7px 0 #d2ec97,-7px 0 #d2ec97,0 7px #d2ec97,0 -7px #d2ec97,0 0 50px #bbec5c22}.cloud{position:absolute;background:#293d2b;height:12px;width:70px;box-shadow:15px -9px #293d2b,32px -17px #293d2b}.cloud-one{left:35px;top:62px}.cloud-two{right:80px;top:112px;opacity:.6}.skyline{position:absolute;bottom:42px;width:100%;height:135px;background:#213325;clip-path:polygon(0 40%,9% 40%,9% 10%,19% 10%,19% 50%,27% 50%,27% 25%,35% 25%,35% 0,44% 0,44% 45%,55% 45%,55% 20%,65% 20%,65% 50%,73% 50%,73% 10%,84% 10%,84% 32%,94% 32%,94% 0,100% 0,100% 100%,0 100%)}.skyline.front{height:94px;background:repeating-linear-gradient(90deg,transparent 0 20px,#8eac5524 20px 25px,transparent 25px 37px),#1a2b1e;transform:scaleX(-1)}.ground{position:absolute;bottom:0;height:44px;width:100%;background:repeating-linear-gradient(90deg,#344a2c 0 31px,#253921 31px 33px);border-top:7px solid #7b9b4d;box-shadow:0 -3px #b8d774}.desk{position:absolute;bottom:51px;left:28%;width:150px;height:12px;background:#8a9d62;box-shadow:0 8px #34472b}.desk:before,.desk:after{content:'';position:absolute;top:12px;width:8px;height:25px;background:#657c4c}.desk:after{right:7px}.monitor{position:absolute;bottom:12px;left:15px;width:74px;height:65px;background:#111d13;border:6px solid #7e9362;color:var(--lime);font-size:23px;padding-left:9px;line-height:1.3;box-shadow:4px 0 #415434}.monitor:after{content:'';position:absolute;bottom:-13px;width:18px;height:7px;background:#7e9362;left:22px}.monitor span{font-size:7px;display:block;letter-spacing:1px}.cup{position:absolute;width:14px;height:19px;background:#c6d58e;right:12px;bottom:12px;box-shadow:5px -4px 0 -2px #98b271}.billboard{position:absolute;left:32px;bottom:95px;border:3px solid #627c48;padding:5px 9px;color:#b9d98e;font-size:17px;font-weight:bold;line-height:1.2;transform:rotate(-3deg);box-shadow:3px 3px #0e180f}.billboard span{font-size:12px}.antenna{position:absolute;bottom:44px;right:35px;width:5px;height:125px;background:#61724c}.antenna:before{content:'';position:absolute;top:10px;left:-20px;width:45px;height:4px;background:#61724c;box-shadow:8px 12px #61724c}.cat{position:absolute;bottom:44px;right:24%;width:35px;height:31px;background:#b4c985;box-shadow:5px 0 #b4c985;z-index:2;padding:0;transition:transform .2s}.cat:before{content:'';position:absolute;left:0;top:-10px;width:10px;height:12px;background:#b4c985;box-shadow:25px 0 #b4c985}.cat:after{content:'';position:absolute;right:-17px;bottom:4px;width:17px;height:8px;background:#b4c985;box-shadow:10px -7px #b4c985}.cat:hover,.cat.jump{transform:translateY(-12px)}.cat-eyes{color:#1a2b1b;font-size:18px}.world-label{position:absolute;right:16px;bottom:12px;font-size:9px;color:#d1e5a6;z-index:6}.pixel-world.day{background:#9aaf7e}.day .stars{opacity:0}.day .moon{background:#f4df92;box-shadow:7px 0 #f4df92,-7px 0 #f4df92,0 7px #f4df92,0 -7px #f4df92}.day .cloud{opacity:.8;background:#c7d4ad}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:17px 0;font-size:10px;letter-spacing:1.4px;color:#b4bfa7}.ticker i{color:var(--lime);font-style:normal}.about-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;padding:64px 0;border-bottom:1px solid var(--line)}.section-label>span{font-size:10px;letter-spacing:1px}h2{font-size:23px;line-height:1.5;margin:12px 0 20px;letter-spacing:-.5px}.about-text{margin:0 0 12px;font-size:16px;line-height:1.9}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{padding:4px 10px;background:#1b2118;border:1px solid var(--line);font-size:10px;color:#b0bca3}.status-card{align-self:start;background:#1a2017;padding:23px;border:1px solid var(--line)}.status-card p{font-size:12px;margin:20px 0}.progress{height:5px;background:#36412c;margin:20px 0 10px}.progress span{display:block;background:var(--lime);width:24%;height:100%}.status-card .small{font-size:10px}.projects{padding:65px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2 .muted{font-size:12px;font-weight:normal;margin-left:10px}.filters{display:flex;gap:4px}.filters button{background:transparent;font-size:11px;padding:7px 13px;color:var(--muted);border:1px solid transparent}.filters .active{border-color:#4b5d39;background:#202a19;color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{background:none;text-align:left;padding:0;transition:transform .2s;min-width:0}.project:hover{transform:translateY(-5px)}.project[hidden]{display:none}.project-art{height:220px;position:relative;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#1e291c;background-image:linear-gradient(#a2c57707 1px,transparent 1px),linear-gradient(90deg,#a2c57707 1px,transparent 1px);background-size:18px 18px}.art-number{position:absolute;right:12px;bottom:8px;color:#84936a;font-size:10px}.mini-window{width:65%;background:#10170f;border:1px solid #708653;box-shadow:8px 8px 0 #10170f66;transform:rotate(-5deg)}.mini-window>span{display:block;border-bottom:1px solid #425334;padding:1px 7px;color:#7c955d;font-size:9px;letter-spacing:3px}.mini-window strong{font-size:26px;line-height:1.1;display:block;padding:22px 17px;letter-spacing:-1px}.art-play{background-color:#25251d}.pixel-flower{font-family:monospace;font-size:140px;color:#c4d890;line-height:1;z-index:1;text-shadow:6px 6px #626c43;transition:transform .5s}.project:hover .pixel-flower{transform:rotate(40deg)}.orbit{position:absolute;width:180px;height:80px;border:1px solid #7c8659;transform:rotate(-30deg)}.orbit-two{transform:rotate(35deg)}.art-next{background-color:#1a211d;flex-direction:column}.plus{font-size:66px;color:#687b5e;font-weight:200}.next-caption{font-size:8px;letter-spacing:2px;color:#829176}.project-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;margin-top:17px;color:#9aab89}.project h3{font-size:17px;margin:9px 0 5px;color:var(--text)}.project p{color:var(--muted);font-size:11px;margin:0}.notes{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.notes h2{margin-bottom:8px}.log-entry{display:flex;gap:27px;align-items:center}.log-entry>span{font-size:10px}.log-entry>span:last-child{margin-left:auto}.log-entry h3{font-size:14px;font-weight:normal;margin:8px 0}.log-tag{background:#29341f;color:var(--lime);font-size:9px;padding:3px 8px}.contact{text-align:center;padding:75px 0 65px}.contact h2{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:38px;line-height:1.4;margin:20px 0}.contact>.button{margin-top:17px}.contact>.small{font-size:10px;margin-top:17px}footer{max-width:1440px;margin:auto;padding:24px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.6px}footer .status-dot{margin:0 0 0 7px;width:5px;height:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 23px;background:var(--lime);color:#18210f;box-shadow:4px 4px #050805;z-index:20;font-size:12px;max-width:90%;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#141c12;border:1px solid #708956;color:var(--text);width:min(620px,90vw);padding:0;box-shadow:12px 12px #060a06aa}dialog::backdrop{background:#060906bb;backdrop-filter:blur(5px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;background:#27331f;padding:10px 18px;font-size:11px}.dialog-bar button{background:transparent;font-size:24px;line-height:1;padding:3px 8px}#terminal-output{padding:18px 22px;height:250px;overflow:auto;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#terminal-output p{margin:5px 0}#terminal-form{display:flex;gap:12px;padding:15px 22px;border-top:1px solid var(--line);font-size:12px}#command{background:transparent;border:0;outline-offset:2px;color:var(--text);min-width:0;flex:1}#terminal-form button{background:none;color:var(--lime)}.project-detail{padding:30px}.project-detail p{color:var(--muted);line-height:2;margin-bottom:30px}@keyframes blink{50%{opacity:0}}@media(min-width:1440px){.hero{padding-top:100px;padding-bottom:85px}.pixel-world{height:340px}}@media(max-width:1000px){.brand .muted{display:none}.hero{gap:28px}.hero h1{font-size:43px}.hero .eyebrow .muted{display:block;margin-top:7px}.about-grid{grid-template-columns:1fr 1.5fr}.status-card{grid-column:2}.project-art{height:180px}.mini-window strong{font-size:20px}.ticker{font-size:8px}.notes{gap:25px}.world-footer{font-size:7px}.world-label{font-size:8px}}@media(max-width:700px){.topbar{height:70px;padding:0 5%}nav{gap:17px;font-size:11px}.nav-contact{display:none}main{padding:0 6%}.hero{grid-template-columns:1fr;padding:46px 0 38px;gap:38px}.hero h1{font-size:47px}.hero .eyebrow .muted{display:inline}.hero-actions{margin-top:25px}.coordinates{margin-top:25px}.world-panel{margin-right:7px}.pixel-world{height:285px}.ticker{flex-wrap:wrap;justify-content:center;gap:10px 20px}.ticker span{font-size:9px}.ticker i:last-child{display:none}.about-grid{grid-template-columns:1fr;gap:20px;padding:40px 0}.status-card{grid-column:auto}.section-label h2{margin-bottom:0}.section-heading{align-items:start;flex-direction:column;gap:0}.section-heading h2{font-size:21px}.section-heading h2 .muted{display:block;margin-left:0;margin-top:6px}.projects{padding:40px 0}.project-grid{grid-template-columns:1fr;gap:30px}.project-art{height:240px}.mini-window{width:60%;max-width:250px}.mini-window strong{font-size:32px}.project-meta{font-size:10px}.project p{font-size:12px}.notes{grid-template-columns:1fr;gap:15px;padding:35px 0}.log-entry{gap:16px}.log-entry h3{font-size:12px}.contact{padding:55px 0 40px}.contact h2{font-size:32px}footer{padding:20px 6%;flex-wrap:wrap;font-size:8px}footer>span:last-child{display:none}.world-footer{font-size:8px}#terminal-form{gap:8px;font-size:10px;padding:15px}.hero-actions .button{gap:15px;padding:12px 15px}.brand{font-size:12px;gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.bbgs-project-label{font-size:48px;line-height:1.3;letter-spacing:4px;color:var(--lime);font-weight:600}
