/*
Theme Name: Pomelo AI 小柚科技
Theme URI: https://www.aicxy.com/
Author: 浙江小柚科技有限公司
Author URI: https://www.aicxy.com/
Description: 浙江小柚科技有限公司（Pomelo AI）企业官网主题 —— 专注于大模型研发与 AI 基础设施建设。多页面结构，支持浅色 / 深色 / 跟随系统三种主题。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pomelo-ai
*/

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
a{text-decoration:none;color:inherit;}
input,textarea,button{font-family:inherit;}
:root{
  --bg:#FAFAF7; --bg2:#FFFFFF; --surface:rgba(20,20,16,0.025); --surface-h:rgba(20,20,16,0.05);
  --text:#1B1B16; --dim:rgba(27,27,22,0.62); --faint:rgba(27,27,22,0.45); --faint2:rgba(27,27,22,0.38);
  --line:rgba(20,20,16,0.12); --line-soft:rgba(20,20,16,0.07);
  --accent:#A86E10; --accent-text:#8C5C0E;
  --leaf:#4F8F5C; --rind:#9A6410;
  --btn-bg:#1B1B16; --btn-fg:#FAFAF7;
  --net-line:#1b1b16; --net-node:#1b1b16; --net-line-op:0.07; --net-node-op:0.35;
  --nav-bg:rgba(250,250,247,0.72); --glow:rgba(168,110,16,0.28);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0A0A0B; --bg2:#0c0c0d; --surface:rgba(255,255,255,0.018); --surface-h:rgba(255,255,255,0.04);
    --text:#F2F1ED; --dim:rgba(242,241,237,0.6); --faint:rgba(242,241,237,0.4); --faint2:rgba(242,241,237,0.35);
    --line:rgba(255,255,255,0.09); --line-soft:rgba(255,255,255,0.06);
    --accent:#E8B765; --accent-text:#E8B765;
    --leaf:#6FB47E; --rind:#C8881C;
    --btn-bg:#F2F1ED; --btn-fg:#0A0A0B;
    --net-line:#ffffff; --net-node:#ffffff; --net-line-op:0.05; --net-node-op:0.5;
    --nav-bg:rgba(10,10,11,0.66); --glow:rgba(232,183,101,0.5);
  }
}
body{background:var(--bg);}
::selection{background:var(--glow);}
@keyframes nnpulse{0%,100%{opacity:0.12}50%{opacity:0.5}}
@keyframes rise{0%{transform:translateY(12px)}100%{transform:translateY(0)}}
.nn-node{animation:nnpulse 7s ease-in-out infinite;}
.page-anim{animation:rise .5s cubic-bezier(.16,1,.3,1) both;}

/* hover / focus states ported from the design's style-hover / style-focus */
.lnk{transition:color .2s;}
.lnk:hover{color:var(--text)!important;}
.btn-solid{transition:opacity .2s,transform .2s;}
.btn-solid:hover{opacity:0.88;}
.btn-lift{transition:opacity .2s,transform .2s;}
.btn-lift:hover{opacity:0.88;transform:translateY(-1px);}
.btn-outline{transition:border-color .2s;}
.btn-outline:hover{border-color:var(--accent)!important;}
.card{transition:border-color .25s,background .25s;}
.card:hover{border-color:var(--accent)!important;background:var(--surface-h)!important;}
.arrow-link{transition:gap .2s;}
.arrow-link:hover{gap:12px!important;}
.field-input{transition:border-color .2s;}
.field-input:focus{border-color:var(--accent)!important;}

/* mobile nav switching */
.nav-desktop{display:flex;}
.nav-mobile{display:none;}
@media (max-width:819px){
  .nav-desktop{display:none;}
  .nav-mobile{display:flex;}
  .hero-inner{padding:108px 24px 72px!important;}
  .cap-row{grid-template-columns:1fr!important;}
}
#mobileMenu{display:none;}
body[data-menu="open"] #mobileMenu{display:flex;}