/* www.aionchs.com v2 视觉（与 bbs 论坛橙色配套，游戏感） */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#f6f7fb;color:#333;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{max-width:1140px;margin:0 auto;padding:0 18px;}
/* 顶部黑条 */
.topbar{background:#171a21;color:#9aa3b2;font-size:12px;height:36px;line-height:36px;}
.topbar .container{display:flex;justify-content:space-between;gap:10px;}
.topbar a{color:#ff9a3c;}
.topbar .tb-r span{margin-left:14px;}
@media (max-width:700px){.topbar .tb-r{display:none;}}
/* 头部 */
.header{background:#fff;box-shadow:0 2px 12px rgba(20,22,30,.08);position:sticky;top:0;z-index:100;}
.header .container{display:flex;align-items:center;gap:18px;height:72px;}
.logo{display:flex;align-items:center;gap:10px;flex:none;}
.logo .ac{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;font-weight:900;font-style:italic;font-size:21px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(255,106,0,.4), 0 0 0 3px #fff, 0 0 0 5px rgba(255,106,0,.22);position:relative;overflow:hidden;}
/* 擦亮LOGO：光带只在徽标内扫过 */
.logo .ac::before{content:"";position:absolute;top:-60%;left:-90%;width:46%;height:220%;transform:rotate(25deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));animation:acshine 3.8s ease-in-out infinite;z-index:1;}
@keyframes acshine{0%,55%{left:-90%;}90%,100%{left:170%;}}
.logo .lt b{display:block;font-size:19px;color:#1b1e24;letter-spacing:.5px;line-height:1.1;}
.logo .lt i{display:block;font-style:normal;font-size:11px;color:#98a0ad;letter-spacing:1px;}
.nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;align-items:center;}
.nav a{padding:9px 15px;border-radius:9px;color:#3c4350;font-size:14px;font-weight:600;transition:.2s;position:relative;}
.nav a:hover{color:#ff6a00;background:#fff4ec;}
.nav a.on{color:#ff6a00;}
.nav a.on::after{content:"";position:absolute;left:15px;right:15px;bottom:2px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ff6a00,#ff9a3c);}
.cta{flex:none;padding:10px 22px;border-radius:22px;background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(255,106,0,.35);transition:.2s;}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,106,0,.45);}
@media (max-width:900px){.header .container{height:auto;padding:10px 14px;flex-wrap:wrap;}.nav{margin-left:0;}}
/* 语言切换 */
.lang-switch{position:fixed;top:86px;right:14px;z-index:300;display:flex;gap:6px;background:rgba(23,26,33,.75);padding:5px;border-radius:10px;backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.25);}
.lang-switch a{padding:4px 13px;border-radius:7px;font-size:12px;font-weight:700;color:#cfd6e2;}
.lang-switch a.on{background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;}
/* 英雄区 */
.hero{position:relative;color:#fff;background:#171a21 url('../skin/img/hero_main.svg') center/cover no-repeat;min-height:480px;display:flex;align-items:center;}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,18,24,.94) 20%,rgba(255,106,0,.45) 100%);}
.hero .container{position:relative;padding:70px 18px;}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.chips span{font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);backdrop-filter:blur(4px);}
.chips span.hot{border-color:#ff6a00;background:rgba(255,106,0,.25);color:#ffc397;}
.hero h1{font-size:42px;font-weight:900;line-height:1.15;letter-spacing:1px;text-shadow:0 4px 18px rgba(0,0,0,.45);max-width:760px;}
.hero h1 em{font-style:normal;color:#ff9a3c;}
.hero p{margin:16px 0 30px;font-size:16px;color:#d8dde6;max-width:680px;line-height:1.8;}
.btns{display:flex;gap:12px;flex-wrap:wrap;}
.btns a{padding:13px 30px;border-radius:26px;font-size:15px;font-weight:800;background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;box-shadow:0 10px 26px rgba(255,106,0,.45);transition:.2s;}
.btns a:hover{transform:translateY(-3px);}
.btns a.ghost{background:transparent;border:2px solid rgba(255,255,255,.65);box-shadow:none;color:#fff;}
.btns a.ghost:hover{border-color:#ff9a3c;color:#ff9a3c;}
/* 数据条 */
.stats{margin-top:-46px;position:relative;z-index:5;}
.stats .box{background:#fff;border-radius:16px;box-shadow:0 16px 40px rgba(20,22,30,.14);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;}
.stats .st{padding:24px 10px;text-align:center;position:relative;}
.stats .st+.st::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#edeff4;}
.stats b{display:block;font-size:30px;font-weight:900;color:#ff6a00;}
.stats span{font-size:12px;color:#8b93a2;letter-spacing:1px;}
@media (max-width:700px){.stats .box{grid-template-columns:repeat(2,1fr);}.hero h1{font-size:30px;}}
/* 手机模式优化 */
@media (max-width:640px){
	.topbar .container{flex-direction:column;gap:2px;text-align:center;padding:6px 10px;}
	.header .container{gap:10px;padding:10px 12px;}
	.logo .ac{width:40px;height:40px;font-size:18px;}
	.logo .lt b{font-size:16px;}
	.logo .lt i{display:none;}
	.smiley{width:32px;height:32px;}
	.smiley .mouth{top:18px;width:13px;height:7px;}
	.nav{gap:0;}
	.nav a{padding:6px 8px;font-size:13px;}
	.nav .cta{padding:7px 14px;font-size:13px;}
	.nav .sub{min-width:150px;}
	.lang-switch{top:auto;bottom:18px;left:12px;right:auto;padding:4px;}
	.lang-switch a{padding:3px 10px;font-size:11px;}
	.hero .container{padding:50px 14px;}
	.hero h1{font-size:26px;}
	.stats .st{padding:16px 6px;}
	.stats b{font-size:22px;}
	.stats span{font-size:11px;}
	.team-strip{padding:30px 20px;}
	.team-strip h3{font-size:20px;}
	.hero::before{background:linear-gradient(160deg,rgba(16,18,24,.9),rgba(23,26,33,.55));}
}
/* 子页英雄 */
.phero{position:relative;color:#fff;background:#171a21 url('../skin/img/about.png') center/cover no-repeat;padding:74px 0 64px;text-align:center;}
.phero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(16,18,24,.9),rgba(255,106,0,.5));}
.phero .container{position:relative;}
.phero h1{font-size:34px;font-weight:900;letter-spacing:1px;}
.phero p{margin-top:10px;color:#d8dde6;font-size:14px;}
/* 区块 */
.section{padding:64px 0;}
.section.tight{padding:48px 0;position:relative;overflow:visible;}
.sec-head{text-align:center;margin-bottom:38px;}
.sec-head h2{font-size:28px;font-weight:900;color:#1b1e24;letter-spacing:1px;}
.sec-head h2::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ff6a00,#ff9a3c);margin:12px auto 0;}
.sec-head p{margin-top:12px;color:#8b93a2;font-size:13px;}
.dark .sec-head h2{color:#fff;}
/* 卡片 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:960px){.grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.grid{grid-template-columns:1fr;}}
.card{background:#fff;border-radius:14px;padding:26px 22px;box-shadow:0 4px 16px rgba(20,22,30,.06);border:1px solid #eef0f5;position:relative;overflow:hidden;transition:.25s;}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6a00,#ff9a3c);opacity:0;transition:.25s;}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(255,106,0,.16);border-color:#ffd9bd;}
.card:hover::before{opacity:1;}
.card .ico{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,#fff1e8,#ffe0c7);color:#ff6a00;font-size:24px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.card .ver{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;border-radius:8px;font-weight:800;font-size:13px;padding:3px 11px;box-shadow:0 4px 10px rgba(255,106,0,.35);}
.card .ver.soft{background:#fff3ea;color:#ff6a00;border:1px solid #ffd9bd;box-shadow:none;}
.card h3{font-size:17px;color:#1b1e24;margin-bottom:10px;font-weight:800;}
.card p{font-size:13px;color:#7b8494;line-height:1.8;}
.card .more{display:inline-block;margin-top:14px;color:#ff6a00;font-size:13px;font-weight:800;}
.card .more:hover{text-decoration:underline;}
.card.hl{border:2px solid #ff6a00;background:linear-gradient(180deg,#fff7f0,#fff);}
/* 深色区 */
.dark{background:#171a21;position:relative;}
.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 0%,rgba(255,106,0,.14),transparent);}
.dark .container{position:relative;}
.dark .card{background:#1f242e;border-color:#2a303c;box-shadow:none;}
.dark .card h3{color:#fff;}
.dark .card p{color:#9aa3b2;}
.dark .card .ico{background:rgba(255,106,0,.15);}
.dark .card:hover{box-shadow:0 18px 40px rgba(0,0,0,.4);}
/* 团队条 */
.team-strip{position:relative;border-radius:18px;overflow:hidden;background:url('../skin/img/hero_team.svg') center/cover;color:#fff;padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.team-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,9,3,.78),rgba(18,9,3,.3) 60%,rgba(18,9,3,.12));}
.team-strip>*{position:relative;}
.team-strip h3{font-size:26px;font-weight:900;}
.team-strip p{margin-top:8px;font-size:14px;opacity:.95;max-width:640px;line-height:1.8;}
.team-strip a{background:#fff;color:#ff6a00;padding:12px 30px;border-radius:24px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.25);}
/* 表格 */
table.list{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(20,22,30,.06);font-size:13px;}
table.list th{background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;padding:13px 16px;text-align:left;font-size:13px;letter-spacing:1px;}
table.list td{padding:13px 16px;border-top:1px solid #f0f2f6;color:#66707f;}
table.list tr:hover td{background:#fff8f2;}
/* 页脚 */
.footer{background:#14161c;color:#9aa3b2;padding:56px 0 0;font-size:13px;position:relative;overflow:visible;}
.footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding-bottom:36px;}
@media (max-width:860px){.footer .cols{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.footer .cols{grid-template-columns:1fr;}}
.footer h4{color:#fff;font-size:15px;margin-bottom:16px;position:relative;padding-left:12px;}
.footer h4::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:2px;background:linear-gradient(180deg,#ff6a00,#ff9a3c);}
.footer li{margin-bottom:9px;line-height:1.7;}
.footer a:hover{color:#ff9a3c;}
.footer .fdesc{line-height:1.9;}
.social{display:flex;gap:10px;margin-top:16px;}
.social a{width:36px;height:36px;border-radius:50%;background:#1f242e;color:#cfd6e2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:.2s;}
.social a:hover{background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;transform:translateY(-3px);}
.copy{border-top:1px solid #232732;padding:18px 0;text-align:center;color:#6b7484;}
/* 下拉菜单 */
.nav .dd{position:relative;display:inline-block;}
.nav .dd>a{white-space:nowrap;}
.nav .dd>a::after{content:" ▾";font-size:10px;opacity:.6;}
.nav .sub{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;box-shadow:0 14px 36px rgba(20,22,30,.18);border:1px solid #eef0f5;border-top:12px solid transparent;background-clip:padding-box;padding:8px;min-width:180px;z-index:150;}
.nav .dd:hover .sub{display:block;}
.nav .sub a{display:block;padding:9px 14px;border-radius:8px;font-size:13px;color:#3c4350;white-space:nowrap;font-weight:600;}
.nav .sub a:hover{background:#fff4ec;color:#ff6a00;}
/* 笑脸按钮（眼珠跟随光标） */
.smiley{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6a00,#ff9a3c);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,106,0,.4);cursor:pointer;transition:transform .2s;flex:none;margin-left:8px;position:relative;vertical-align:middle;}
.smiley:hover{transform:scale(1.1);}
.smiley .eye{width:9px;height:12px;background:#fff;border-radius:50%;margin:0 2.5px;display:inline-block;position:relative;top:-4px;}
.smiley .eye i{position:absolute;left:2.5px;top:3.5px;width:4px;height:5px;background:#7a3a00;border-radius:50%;}
.smiley .mouth{position:absolute;left:50%;top:22px;width:16px;height:8px;border-bottom:3px solid #7a3a00;border-radius:0 0 12px 12px;transform:translateX(-50%);}
.card h3 a{color:inherit;}
.card h3 a:hover{color:#ff6a00;}
/* AI 聊天浮动组件（橙色配套） */
.chat-fab{position:fixed;right:18px;bottom:24px;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px rgba(255,106,0,.45);z-index:500;transition:.2s;}
.chat-fab:hover{transform:translateY(-3px);}
.chat-fab i{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#171a21;color:#ff9a3c;font-size:10px;font-style:normal;line-height:20px;text-align:center;font-weight:800;}
.chat-panel{display:none;flex-direction:column;position:fixed;right:18px;bottom:92px;width:340px;max-height:70vh;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(20,22,30,.3);overflow:hidden;z-index:500;font-size:13px;}
.chat-head{background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:800;}
.chat-head .x{cursor:pointer;font-size:18px;}
.chat-tabs{display:flex;border-bottom:1px solid #eef0f5;}
.chat-tabs a{flex:1;text-align:center;padding:10px 0;color:#66707f;text-decoration:none;font-weight:700;}
.chat-tabs a.on{color:#ff6a00;border-bottom:2px solid #ff6a00;}
.chat-msgs{flex:1;min-height:220px;max-height:340px;overflow-y:auto;padding:12px;background:#f6f7fb;}
.chat-msgs .m{margin-bottom:10px;line-height:1.7;word-break:break-all;}
.chat-msgs .m .who{color:#ff6a00;font-weight:800;margin-right:6px;}
.chat-msgs .m.ai{background:#fff;border:1px solid #ffe0c7;border-radius:10px;padding:8px 10px;}
.chat-input{display:flex;gap:6px;padding:10px;border-top:1px solid #eef0f5;background:#fff;}
.chat-input input{flex:1;border:1px solid #e2e5ec;border-radius:10px;padding:8px 12px;outline:none;}
.chat-input input:focus{border-color:#ff6a00;}
.chat-input button{border:none;background:linear-gradient(135deg,#ff6a00,#ff9a3c);color:#fff;border-radius:10px;padding:8px 16px;cursor:pointer;font-weight:700;}
.chat-note{padding:14px;color:#66707f;line-height:1.8;}
.chat-note a{color:#ff6a00;font-weight:700;}
@media (max-width:520px){.chat-panel{width:calc(100vw - 24px);right:12px;}}
/* 官网论坛侧栏（>=1600px 显示） */
body{overflow-x:hidden;}
.www-rail{position:absolute;top:10px;width:180px;display:none;}
@media (min-width:1600px){.www-rail{display:block;}}
.www-rail.wl{left:-200px;}
.www-rail.wr{right:-200px;}
.rail-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(20,22,30,.08);padding:16px;margin-bottom:14px;}
.rail-card h4{font-size:14px;color:#222;margin-bottom:12px;}
.rail-stats{display:flex;flex-wrap:wrap;gap:8px;}
.rail-stats div{flex:1 1 40%;background:#fff7f0;border-radius:8px;text-align:center;padding:10px 0;}
.rail-stats b{display:block;color:#ff6a00;font-size:16px;}
.rail-stats span{font-size:11px;color:#999;}
.rail-users li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;}
.rail-users img{width:26px;height:26px;border-radius:50%;background:#eee;}
.rail-users .n{flex:1;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rail-users .c{color:#ff6a00;}
.rail-list li{display:flex;gap:8px;padding:7px 0;font-size:12px;align-items:flex-start;}
.rail-list .no{font-style:normal;color:#c9c9c9;font-weight:800;font-size:14px;}
.rail-list a{color:#555;line-height:1.5;}
.rail-list a:hover{color:#ff6a00;}
/* 论坛动态区 */
.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
@media (min-width:1200px){.feed-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:800px){.feed-grid{grid-template-columns:minmax(0,1fr);}}
.feed-card{background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(20,22,30,.06);border:1px solid #eef0f5;padding:20px;}
.feed-card h3{font-size:16px;font-weight:800;color:#1b1e24;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;}
.feed-card h3 a{font-size:12px;color:#ff6a00;font-weight:700;}
.feed-list li{padding:9px 0;border-bottom:1px dashed #eef0f5;font-size:13px;}
.feed-list li:last-child{border-bottom:none;}
.feed-list a{color:#3c4350;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.feed-list a:hover{color:#ff6a00;}
.feed-list .meta{font-size:11px;color:#9aa3b2;margin-top:3px;}
.feed-list .no{color:#c9c9c9;font-weight:800;margin-right:6px;font-style:normal;}
/* 站在团队条下方的白色空隙里，绝对定位不撑高 */
.pet-lane{position:absolute;left:0;right:0;bottom:0;height:40px;margin:0;padding:0;overflow:visible;pointer-events:none;z-index:20;}
.footer>.pet-lane{top:-40px;bottom:auto;}
.pet-lane .actor{position:absolute;left:-90px;bottom:0;top:auto;line-height:0;transform-origin:center bottom;overflow:visible;visibility:visible;}
.pet-lane .person{width:72px;height:40px;}
.pet-lane .cat{width:40px;height:16px;}
.pet-lane svg{width:100%;height:100%;display:block;overflow:visible;}
.pet-lane .is-sit .legs{display:none;}
@media (max-width:767px){.pet-lane{display:none;}}