/*
Theme Name: Cursor主题
Template: twentysixteen
Version: 1.0.0
Description: Cursor 中文官网主题（基于 Gemini 官网风格 + 老手村软件库合并）
*/
@charset "utf-8";
body{background:#fff !important;}
.site-main{margin-bottom:3.5em;}
.news-body{display:block;margin:0;overflow:hidden;padding:0 16px;}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
display: none;
}
.site {
margin: 0;
}
.site-header {
padding: 0 4.5455%;
}
.site-header-main {
align-items: center !important;
display: flex !important;
max-width: 1200px;
margin: 0 auto;
}
.gm-header-auth {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
flex-shrink: 0;
}
.gm-header-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 14px;
border-radius: 3px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: all .2s ease;
white-space: nowrap;
}
.gm-header-btn-register {
border: 1px solid #28a745;
color: #28a745;
background: transparent;
}
.gm-header-btn-register:hover {
background: #28a745;
color: #fff;
}
.gm-header-btn-login {
background: #339999;
color: #fff;
border: 1px solid #339999;
}
.gm-header-btn-login:hover {
background: #fff;
color: #339999;
}
.site-branding {
display: flex;
align-items: center;
flex-shrink: 0;
}
.site-branding .custom-logo-link {
display: inline-flex;
align-items: center;
padding: 0;
vertical-align: middle;
line-height: 1;
}
.site-branding .custom-logo {
width: auto;
max-width: none;
height: 64px;
display: block;
}
.gm-section-subtitle {
display: block;
font-size: 14px;
color: #888;
margin: -12px 0 20px 0;
}
.menu-toggle {
min-width: 44px;
text-align: center;
}
.menu-toggle::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0c9";
display: inline-block;
}
.menu-toggle.toggled-on::after {
content: "\f00d";
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.owl-carousel {
margin-bottom: 15px;
}
.owl-nav, .owl-dots {
position: absolute;
}
.owl-nav {
display: flex;
justify-content: space-between;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.owl-theme .owl-nav {
margin-top: 0;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 2rem;
}
.owl-carousel .owl-nav span {
position: relative;
top: -2px;
}
.owl-dots {
width: 100%;
text-align: center;
bottom: 10px;
}
.gm-notice {
border: none;
/* 2026-11-03 修掉「两条竖线」：这里原来还有 border-left:5px + padding-left:10px，
   和 gm-3uczg2.css 里 .gm-notice-text 的 border-left:4px 叠在一起 →
   一条全高粗线 + 一条贴字短线。统一只保留贴文字那条，外层不再画线。 */
border-left: none;
padding-left: 0;
margin-bottom: 20px;
padding-bottom:10px;
padding-top:10px;
font-weight:bold;
}
.gm-service {
display: none;
position: fixed;
z-index: 999;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 170px;
background-color: #359999;
border: 1px solid #359999;
}
.gm-service-head {
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
padding: 5px 10px;
border: 1px solid #359999;
}
.gm-service-body{
background-color: #fff;
padding: 5px;
}
.gm-service-foot{
text-align: center;
color: #fff;
padding: 5px;
font-size: 14px;
}
#gm-service-close{
box-sizing: border-box;
color: #fff;
}
.gm-friend{
padding: 0 4.5455% 3.5em;
background-color:black;
}
.gm-friend a{
padding-right: 10px;
font-size:0.8rem;
color:#686868;
}
.index-news{
margin-top: 16px;
}
.news-item{
padding: 5px 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-item a{
color: #1a1a1a;
}
@media screen and (min-width:768px) {
.site-branding {
margin: 0 2rem 0 0 !important;
}
}
@media screen and (min-width: 61.5625em){
.site-branding, .site-header-menu, .header-image {
margin: 1.75em 0 !important;
}
.site-branding {
margin-right: 2rem !important;
}
}
@media screen and (min-width: 56.875em) {
/* 2026-11-05 菜单最终定为 7 项（Cursor导航），恢复父主题/sz003 原始间距。
   之前为 12 项菜单收窄过（5px/3px + 8px padding + 14px 字号），切回 7 项后
   残留的紧凑间距让菜单挤在左侧、右侧大片空白，与 sz003 不一致。 */
.main-navigation .primary-menu > li {
margin: 0 0.5em;
}
}
/* ============================================================
   主体两栏布局重排（2026-11-02 老板反馈：正文区域被压得太窄）
   —— 父主题把正文锁死在 70%（1200 容器里只有 840），侧栏 25% + 5% 间距，
      长文一行才 40 来字，右侧大片空白留给侧栏，观感局促。
   ✅ 2026-11-05 老板重新定：以 sz003 为准，回到 正文 70% / 侧栏 25% / 间隔 5%。
      上面 11-02 那版改成 80/20 正文太宽、侧栏太窄，跟 sz003 对不上，已废。
      flex 只是替换父主题的 float 定位方式，比例跟父主题一致。
   ⛔ 只覆盖，别动父主题 twentysixteen；要调宽窄改下面三个数字即可。
   ============================================================ */
@media screen and (min-width: 56.875em) {
.site-content {
display: flex;
align-items: flex-start;
}
.site-content > #primary {
min-width: 0;
}
.content-area {
float: none !important;
margin-right: 0 !important;
width: auto !important;
flex: 1 1 auto;
min-width: 0;
padding-right: 5%;
}
/* ⛔ 2026-11-05 老板反馈「文字被挤成一条」：下面这段把父主题的 7.6923% 左右缩进清零了，
     导致正文贴着容器最左边、右边空一大片。已停用，恢复父主题左右缩进。 */
/*
.content-area .entry-header,
.content-area .entry-content,
.content-area .entry-summary,
.content-area .entry-footer,
.content-area .page-header,
.content-area .pagination {
margin-left: 0;
margin-right: 0;
}
*/
.sidebar {
float: none !important;
margin-left: 0 !important;
width: auto !important;
flex: 0 0 25%;
min-width: 0;
max-width: none;
padding-right: 0;
}
}
@media screen and (max-width:768px) {
.gm-header-auth {
display: flex;
gap: 8px;
margin-left: auto;
order: 5;
}
.menu-toggle {
order: 6;
margin-left: 8px;
}
.site-header-menu {
order: 10;
}
.gm-header-btn {
padding: 5px 14px;
font-size: 13px;
border-radius: 4px;
}
.site-branding .custom-logo {
width: auto;
max-width: none;
height: 48px;
}
.gm-notice{
margin-left: 1.6923%;
margin-right: 1.6923%;
}
.gm-service {
left: 50%;
transform: translate(-50%, -50%);
}
.gm-wap-service{
display: block;
position: fixed;
z-index: 999;
top: 50%;
right: 5px;
transform: translateY(-50%);
writing-mode: tb-rl;
}
#gm-wap-service-open{
font-weight: bold;
letter-spacing: 3px;
padding: 5px;
border-radius: 5px;
}
.gm-friend{
padding: 0 7.6923% 1.75em;
}
.site-main{
margin-bottom: 0;
}
}

/* 2026-11-03 首页下载区改为「三系列」卡：三个平台按钮同一行、三等分撑满（老板：应该一行） */
.gm-install .gm-cmd-card.no-cmd .gm-download-btns{flex-direction:row;flex-wrap:nowrap;gap:8px;}
.gm-install .gm-cmd-card.no-cmd .gm-download-btn{
    flex:1 1 0;min-width:0;width:auto;padding:10px 6px;font-size:13px;
    justify-content:center;white-space:nowrap;
}
/* 中等宽度（卡片被压到 ~300px）只缩字号留白，不折行（老板：2 个按钮也要一行） */
@media (max-width:1100px){
    .gm-install .gm-cmd-card.no-cmd .gm-download-btns{gap:6px;}
    .gm-install .gm-cmd-card.no-cmd .gm-download-btn{font-size:12px;padding:10px 4px;gap:5px;}
}



/* ============================================================
   2026-11-05 老板：分类页正文「一句一段」，每段 20 来字就换行，
   整块文字挤在左边一条，右边大半空白（sz003 那边是多句连排、占满整行）。
   这里把列表页正文的段落改成行内连排，句子自然接续填满每行；
   「继续阅读」保持独立块，不跟着粘在句尾。
   ⛔ 只作用于归档/首页列表，文章详情页（.single）不动。
   ============================================================ */
.archive .entry-content p,
.blog .entry-content p {
    display: inline;
    margin-bottom: 0;
}
.archive .entry-content p.read-more,
.blog .entry-content p.read-more {
    display: block;
    margin-top: 0.9em;
}

/* ============================================================
   2026-11-05 老板反馈：手机版面包屑区域错位。
   原因：面包屑 .gm-breadcrumb 是满宽 flex 容器，没有任何左右缩进，
        文字直接贴屏幕左边（x=0）；而它下面的黑线（.page-header 的
        4px border-top）和正文都有 7.6923% 缩进。
        结果：面包屑贴边、黑线内缩、右侧留一大片白 —— 三者对不齐。
   修法：宽度 < 960px（父主题还没给左右缩进的区间）时，给面包屑补上
        与正文完全相同的 7.6923% 缩进，让「面包屑文字 / 黑线 / 标题 / 正文」
        四条基准线左端右端全部对齐。
   ⛔ 只补缩进，不改字号颜色；>=960px 父主题自带缩进，这段不生效。
   ============================================================ */
/* 面包屑手机端对齐 / 单行省略的具体规则写在 gmsrc/css/gm-3uczg2.css 末尾：
   该文件在 style.css 之后加载，flex-wrap 这类属性必须放那边才不被覆盖。 */