/*
Theme Name: OPC Community
Version: 2.0.0
Author: OPC Community
License: GPL-2.0-or-later
*/
:root{--paper:#f5f4ef;--ink:#232622;--muted:#747970;--line:#dcded4;--orange:#ef653c;--green:#315445}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.04em}h1{font-size:clamp(40px,4.4vw,64px)}h2{font-size:34px}h3{font-size:21px}.container{max-width:1264px;width:calc(100% - 112px);margin-inline:auto}.site-header{height:96px;background:#f5f4eff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.nav-shell{max-width:1392px;width:calc(100% - 80px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px}.brand-symbol{font-size:47px;line-height:1;font-weight:900;letter-spacing:-5px;display:flex;align-items:center}.brand-symbol>span:first-child{color:var(--orange)}.brand-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin:20px 0 0 8px}.brand-label{border-left:1px solid #c9cdc0;padding-left:16px;font-size:16px;font-weight:700;line-height:1.4}.brand-label small{font-size:7px;letter-spacing:.6px;display:block;margin-top:5px;font-weight:500}nav{display:flex;align-items:center;gap:27px;font-size:14px}nav a:hover,nav a[aria-current=page]{color:var(--orange)}.nav-join{background:var(--ink);color:#fff;border-radius:5px;padding:11px 20px;display:flex;gap:20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding-block:74px 65px;align-items:center}.hero-label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.3px;margin-bottom:26px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#648764;box-shadow:0 0 0 4px #64876413}.label-line{height:1px;width:38px;background:#b8bcae}.hero h1{font-size:clamp(42px,4.9vw,70px);line-height:1.2;letter-spacing:-.065em}.orange{color:var(--orange)}.hero-description{font-size:16px;color:#62695f;line-height:1.95;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:13px 23px;border-radius:5px;border:0;font-size:14px;font-weight:650;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff}.dark{background:var(--ink);color:#fff}.light{background:var(--paper);color:var(--ink)}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:20px}.text-link:hover{color:var(--orange)}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:11px;color:#72786d;margin-top:38px}.mini-mark{height:26px;width:26px;border:1px solid #bbc0b2;border-radius:50%;display:grid;place-items:center;font-size:9px}.hero-art{position:relative;height:450px;border:1px solid #d8dcca;background:#e9eddf;border-radius:160px 8px 8px 8px;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#667c4912 1px,transparent 1px),linear-gradient(90deg,#667c4912 1px,transparent 1px);background-size:32px 32px}.art-caption{position:absolute;top:25px;right:24px;font-size:9px;letter-spacing:1.5px;display:flex;gap:30px}.art-caption span{font-size:20px}.orbit{border:1px solid #9aa88970;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:250px;height:250px}.orbit-two{width:365px;height:365px}.orbit-three{width:470px;height:470px}.art-center{width:214px;height:214px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);background:var(--orange);border-radius:50%;color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:13px 18px 0 #23382212}.center-tiny{font-size:8px;letter-spacing:1.7px}.art-center strong{font-size:130px;line-height:1.12;letter-spacing:-12px}.art-center strong span{font-size:61px;vertical-align:top;display:inline-block;margin:19px 0 0 3px}.center-bottom{font-size:11px;letter-spacing:2px}.float-label{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 19px;background:#fffdf4;box-shadow:0 10px 30px #21382212;border:1px solid #fff;border-radius:7px;z-index:3;font-size:14px;font-weight:650}.float-label small{display:block;font-size:9px;font-weight:400;color:#7b8075}.label-icon{font-size:32px;color:var(--green)}.label-ai{top:70px;left:35px;transform:rotate(-7deg)}.label-connect{bottom:73px;right:18px;transform:rotate(6deg)}.label-connect .label-icon{color:var(--orange)}.art-star{position:absolute;top:76px;right:30px;font-size:80px;color:#456143;line-height:1;transform:rotate(15deg)}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--green)}.dot-one{left:45px;bottom:114px}.dot-two{right:55px;top:203px;width:8px;height:8px;background:var(--orange)}.art-bottom{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.topic-strip{border-block:1px solid var(--line)}.topic-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:19px;font-size:14px;color:#66705f;letter-spacing:1px}.strip-plus{font-size:21px;color:#aeb5a3}.section{padding-block:80px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:1.8px;color:#777f70;margin-bottom:14px}.section-head p{font-size:13px;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden}.path-item{position:relative;padding:28px 30px 30px}.path-item+.path-item{border-left:1px solid var(--line)}.path-item:hover{background:#eeeee6}.path-number{font-size:10px;letter-spacing:1px;color:#7a8170}.path-glyph{font-size:40px;line-height:1;color:#436147;margin:25px 0 21px}.path-item:nth-child(2) .path-glyph{color:var(--orange)}.path-item p{font-size:13px;color:var(--muted);margin-top:13px}.round-arrow{position:absolute;right:25px;bottom:28px;width:31px;height:31px;border:1px solid #c8cfbc;border-radius:50%;display:grid;place-items:center;font-size:18px}.resource-section{background:#eeefe8;border-block:1px solid var(--line)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{display:flex;flex-direction:column;padding:27px;background:#fafbf5;border:1px solid #dce0d2;border-radius:7px;transition:transform .2s}.resource-card:hover{transform:translateY(-4px);border-color:#879879}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.card-icon{height:46px;min-width:46px;padding:5px;border-radius:12px;background:#dfe6d7;display:grid;place-items:center;font-size:20px;font-weight:700;color:#49633f}.tone-1 .card-icon{background:#f7e3d9;color:#b86746}.tone-2 .card-icon{background:#e6e4f1;color:#75668c}.tone-3 .card-icon{background:#dfe8ea;color:#427076}.tag{font-size:10px;padding:4px 9px;border:1px solid #d5dbcc;border-radius:30px;color:#77816d;white-space:nowrap}.resource-card h2,.resource-card h3{font-size:20px}.resource-card p{color:var(--muted);font-size:13px;line-height:1.85;margin-block:12px 26px;flex:1}.card-link{display:flex;justify-content:space-between;font-size:12px;font-weight:600;align-items:center;border-top:1px solid #e2e6da;padding-top:16px}.card-link span{font-size:20px}.section-note{font-size:11px;color:#858b7e;margin-top:21px}.community-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.community-art{min-height:494px;padding:30px 38px;background:#304c3e;color:#f4f5e9;position:relative;border-radius:7px}.community-art .eyebrow{color:#b6c3aa}.community-type{font-size:155px;line-height:.9;letter-spacing:-10px;font-weight:750;margin-top:47px}.community-type>span:not(.outline-type){font-size:89px;color:#e6a66e;vertical-align:top;display:inline-block;margin-top:4px}.outline-type{color:transparent;-webkit-text-stroke:1px #bfd0ae}.community-art-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:28px;font-size:13px;letter-spacing:2px}.community-art-bottom span:last-child{font-size:43px}.community-copy>p{color:var(--muted);font-size:14px;margin-top:20px;line-height:1.9}.clean-list{list-style:none;padding:0;margin:24px 0}.clean-list li{display:flex;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.clean-list li>span{font-size:11px;color:#89947c;padding-top:3px}.clean-list strong{font-size:15px}.clean-list p{font-size:12px;color:var(--muted);margin-top:3px}.events-home{padding-top:0}.events-list{border-top:1px solid var(--line)}.event-row{display:grid;grid-template-columns:55px 1fr auto 30px;gap:24px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.event-row:hover h3{color:var(--orange)}.event-index{font-size:32px;color:#9aa88b}.event-row h3{font-size:21px;margin-top:10px}.event-row p{font-size:12px;color:var(--muted);margin-top:8px}.event-status{font-size:11px;color:var(--muted)}.event-arrow{font-size:24px}.join-banner{padding:44px 48px;background:var(--orange);color:white;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:80px}.join-banner .eyebrow{color:#ffdaca}.join-banner h2{font-size:42px}.join-banner p{font-size:13px;margin-top:16px;color:#ffe4d7}.banner-action{display:flex;flex-direction:column;gap:20px;align-items:center}.banner-action>a:last-child{font-size:12px}.site-footer{border-top:1px solid var(--line)}.footer-top{padding-block:38px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:50px;font-weight:900;letter-spacing:-4px;line-height:1}.footer-logo span{font-size:13px;color:var(--orange);vertical-align:top;letter-spacing:0}.footer-top p{font-size:12px;color:var(--muted);margin-top:15px}.footer-links{display:flex;gap:26px;font-size:12px}.footer-links a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:20px;font-size:10px;color:#7a8271}.footer-bottom .status-dot{margin-left:12px}