/*
Theme Name: GLYIN Studio
Description: A dark editorial theme for a personal digital garden.
Version: 1.0.0
Text Domain: glyin-studio
*/
:root{--bg:#090b0f;--panel:#11151c;--line:#252a34;--text:#f4f4ee;--muted:#9099a9;--accent:#ccff70;--blue:#8c9eff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:24px;top:-100px;background:var(--accent);color:#000;padding:10px;z-index:10}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand i{display:inline-block;width:11px;height:11px;background:var(--accent);margin-left:5px;border-radius:50%}.navlinks{display:flex;align-items:center;gap:34px;font-size:13px;color:#c2c7d1}.navlinks a:hover{color:var(--accent)}.outline{border:1px solid #424a57;border-radius:100px;padding:9px 19px}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;min-height:660px;padding:80px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:600}.hero h1{font-size:clamp(52px,6.5vw,88px);line-height:1.18;letter-spacing:-4px;margin:27px 0}.hero h1 span{color:var(--accent)}.hero p{color:#a0a9b8;max-width:425px;font-size:15px;line-height:2}.actions{display:flex;gap:25px;align-items:center;margin-top:36px;font-size:13px}.button{display:inline-flex;gap:38px;align-items:center;background:var(--accent);color:#141a0b;padding:14px 25px;border-radius:100px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.quiet{color:#b4bcc9}.quiet:hover{color:var(--accent)}.art{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.art:before{content:"";position:absolute;inset:25px;background:radial-gradient(ellipse,#70974326,transparent 67%);filter:blur(30px)}.orb{width:275px;height:275px;border-radius:50%;position:relative;background:radial-gradient(circle at 31% 26%,#eeffb7 0%,#bcdf71 12%,#537543 34%,#19291f 57%,#080e12 73%);box-shadow:inset -15px -16px 26px #000,0 0 60px #c9ff6612;animation:float 8s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:-52px;border:1px solid #caff7580;border-radius:50%;transform:rotate(-32deg) scaleY(.36);box-shadow:0 0 16px #caff7525}.orbit{position:absolute;width:400px;height:400px;border:1px solid #454e3d66;border-radius:50%;transform:rotate(-30deg) scaleY(.7)}.orbit:after{content:"";position:absolute;width:9px;height:9px;background:var(--accent);border-radius:50%;left:53px;top:47px;box-shadow:0 0 20px #bfff70}.art-label{position:absolute;bottom:22px;right:0;font-family:monospace;color:#737e8b;font-size:10px;letter-spacing:2px}.coord{position:absolute;top:25px;left:35px;font-family:monospace;font-size:11px;color:#6e7c88}.ticker{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font-family:monospace;font-size:11px;letter-spacing:2px;color:#98a1b0}.ticker b{color:var(--accent);font-weight:400}.section{padding:88px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font-size:31px;letter-spacing:-1px;margin:9px 0 0}.section-heading p{font-size:12px;color:var(--muted)}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#0e1117;transition:transform .25s,border-color .25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);border-color:#6b8050}.card-visual{height:210px;display:grid;place-items:center;background:radial-gradient(circle at 60% 45%,#40503a,#171f20 48%,#11151c);position:relative;overflow:hidden}.card-visual:before{content:"";width:140px;height:140px;border:1px solid #caff7044;transform:rotate(45deg);border-radius:28px;box-shadow:0 0 0 22px #caff7006,0 0 0 44px #caff7004}.card-visual span{position:absolute;font-size:66px;font-weight:200;letter-spacing:-5px;color:#d2edb2}.card:nth-child(3n+2) .card-visual{background:radial-gradient(circle at 60% 45%,#373651,#151520 60%)}.card:nth-child(3n+3) .card-visual{background:radial-gradient(circle at 60% 45%,#554132,#211912 60%)}.card-visual img{position:absolute;width:100%;height:100%;object-fit:cover}.card-body{padding:25px;flex:1;display:flex;flex-direction:column}.meta{display:flex;gap:12px;font-size:10px;letter-spacing:1px;color:#a0ab99}.card h3{font-size:22px;line-height:1.5;margin:13px 0 10px}.card p{font-size:13px;color:var(--muted);margin:0 0 23px}.read{font-size:12px;margin-top:auto;display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line)}.read span{color:var(--accent)}.about{padding:44px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(110deg,#161d14,#0f1319 70%);margin-bottom:80px}.about h2{font-size:29px;margin:9px 0}.about p{max-width:570px;color:var(--muted);font-size:14px}.about-mark{font-size:82px;color:var(--accent);line-height:1;font-weight:200}.footer{display:flex;justify-content:space-between;padding:28px 0 36px;border-top:1px solid var(--line);font-family:monospace;font-size:11px;color:#8892a1}.footer a:hover{color:var(--accent)}.article{max-width:780px;margin:75px auto 100px}.article h1{font-size:clamp(32px,5vw,54px);line-height:1.35;margin:24px 0}.article-content{font-size:17px;line-height:1.95;color:#d0d5de;overflow-wrap:anywhere}.article-content a{color:var(--accent);text-decoration:underline}.article-content img,.article-content video{max-width:100%;height:auto}.article-content iframe{max-width:100%}.article-content pre{overflow:auto;padding:20px;background:#171c24}.article-content blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:24px}.article-content table{display:block;overflow:auto}.article-nav{display:flex;justify-content:space-between;gap:20px;margin-top:50px;font-size:13px;color:var(--accent)}.pagination{padding-top:30px}.pagination .page-numbers{padding:8px 14px}.pagination .current{color:var(--accent)}@keyframes float{50%{transform:translateY(-15px) rotate(5deg)}}@media(min-width:900px){.posts:has(.card:only-child){grid-template-columns:minmax(0,1fr)}.card:only-child{display:grid;grid-template-columns:1fr 1fr}.card:only-child .card-visual{height:310px}.card:only-child .card-body{padding:36px}.card:only-child h3{font-size:30px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{min-height:560px}.hero h1{font-size:58px}.art{height:330px}.orb{width:200px;height:200px}.orbit{width:280px;height:280px}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:20px}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}.nav{height:80px}.brand{font-size:22px}.navlinks{gap:17px;font-size:12px}.navlinks .outline{display:none}.hero{grid-template-columns:1fr;padding:58px 0 25px;gap:0}.hero h1{font-size:57px;letter-spacing:-3px}.hero p{font-size:14px}.art{height:290px;margin-top:30px}.orb{width:190px;height:190px}.coord{left:0;top:0}.art-label{bottom:0;font-size:8px}.ticker{font-size:9px;letter-spacing:1px}.ticker span:last-child{display:none}.section{padding:55px 0}.section-heading h2{font-size:27px}.section-heading p{display:none}.posts{grid-template-columns:1fr}.about{padding:27px;gap:15px;margin-bottom:50px}.about h2{font-size:23px}.about-mark{font-size:45px}.footer{gap:15px;font-size:9px}.article{margin:45px auto 70px}.article-content{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}