upgrade: adopt V8.31.1 (theme 1.3/1.4 redesigns, editor deep-canvas, guided launch, component library)
Overlay 190 upstream items (V8.22→8.31) preserving trade-pro theme, registry tests, and design docs. Re-applied full patch set on identical anchors (discovery/env_for/blocks.css/type-mapping/locale-override/ theme_color/frontend entries/test_theme_pro_v3 mods) plus compose pins. Verified: theme suites 35/35; dual-baseline full run 415 passed vs pristine 386+29 ours, FAILED-set diff EMPTY (same 10 Windows env fails). Live: container 8.31.1-dev.1 healthy, hesupipe 192 entries intact, trade-pro build 203 pages 0 errors. Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
@@ -1,15 +1,15 @@
|
||||
{% macro cover(item, kind='product') %}
|
||||
{% if item.cover %}<img class="pro-photo" src="{{ safe_image(item.cover) }}" alt="{{ item.title }}" loading="lazy">
|
||||
{% if item.cover %}<img class="pro-photo" src="{{ safe_image(item.cover) }}" alt="{{ item.title }}" loading="lazy" decoding="async">
|
||||
{% else %}<div class="pro-art pro-art-{{ kind }}"><span class="pro-art-ring"></span><span class="pro-art-center">{{ (item.title or 'SF')[:2] }}</span><span class="pro-art-label">{{ kind|upper }}</span></div>{% endif %}
|
||||
{% endmacro %}
|
||||
{% macro card(item, kind='product', position=0) %}
|
||||
{% macro card(item, kind='product', position=0, semantic_icons=False) %}
|
||||
<a class="pro-card pro-card-{{ kind }}" href="{{ safe_href(item.route) }}" data-category="{{ fields_of(item).get('category','') }}" data-brand="{{ fields_of(item).get('brand','') }}">
|
||||
<div class="pro-card-cover">{{ cover(item,kind) }}</div>
|
||||
<div class="pro-card-body"><div class="pro-card-meta"><span>{{ fields_of(item).get('brand') or fields_of(item).get('category') or labels.get(item.type,'PROJECT') }}</span><span>{{ '%02d'|format(position+1) }}</span></div>
|
||||
<h3>{{ item.title }}</h3><p>{{ (item.summary or '')[:128] }}</p><span class="pro-card-link">查看详情 <span aria-hidden="true">↗</span></span></div>
|
||||
<h3>{{ item.title }}</h3><p>{{ (item.summary or '')[:128] }}</p><span class="pro-card-link">查看详情 {% if semantic_icons %}<svg class="auto-icon" aria-hidden="true" focusable="false"><use href="assets/auto-icons.svg#{{ 'car' if kind in ('vehicle','catalog','product') else 'news' if kind == 'news' else 'file' }}"></use></svg>{% else %}<span aria-hidden="true">↗</span>{% endif %}</span></div>
|
||||
</a>
|
||||
{% endmacro %}
|
||||
{% macro grid(items,kind='product') %}<div class="pro-grid pro-grid-{{ kind }}">{% for item in items %}{{ card(item,kind,loop.index0) }}{% else %}<div class="pro-empty">该栏目还没有发布内容。可在网站工厂的内容中心添加内容并重新构建。</div>{% endfor %}</div>{% endmacro %}
|
||||
{% macro grid(items,kind='product',semantic_icons=False) %}<div class="pro-grid pro-grid-{{ kind }}">{% for item in items %}{{ card(item,kind,loop.index0,semantic_icons) }}{% else %}<div class="pro-empty">该栏目还没有发布内容。可在网站工厂的内容中心添加内容并重新构建。</div>{% endfor %}</div>{% endmacro %}
|
||||
{% macro section_title(eyebrow,heading,href='') %}<div class="pro-section-head"><div><span class="pro-eyebrow">{{ eyebrow }}</span><h2>{{ heading }}</h2></div>{% if href %}<a class="pro-text-link" href="{{ href }}">浏览全部 <span>↗</span></a>{% endif %}</div>{% endmacro %}
|
||||
{% macro filters() %}<div class="pro-filter-panel"><label><span>搜索</span><input type="search" data-pro-filter-search placeholder="按名称或内容筛选"></label><label><span>品牌</span><select data-pro-filter-brand><option value="">全部品牌</option></select></label><label><span>分类</span><select data-pro-filter-category><option value="">全部分类</option></select></label><span class="pro-filter-count" data-pro-filter-count role="status"></span></div>{% endmacro %}
|
||||
{% macro footer_links(nav) %}<ul>{% for item in nav[:7] %}<li><a href="{{item.route}}">{{item.title}}</a></li>{% endfor %}</ul>{% endmacro %}
|
||||
|
||||
@@ -0,0 +1,26 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><defs>
|
||||
<symbol id="car" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 17h14l-1.1-5.1a2 2 0 0 0-1.9-1.5H8a2 2 0 0 0-1.9 1.5L5 17Z"/><path d="M7 10.4 9 6h6l2 4.4"/><path d="M4 17v2h3v-2m10 0v2h3v-2"/><path d="M6 14h2m8 0h2"/></symbol>
|
||||
<symbol id="search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></symbol>
|
||||
<symbol id="brand" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m20 13-7 7a2 2 0 0 1-2.8 0L4 13.8V4h9.8L20 10.2a2 2 0 0 1 0 2.8Z"/><circle cx="8" cy="8" r="1"/></symbol>
|
||||
<symbol id="chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5a7.5 7.5 0 0 1-7.5 7.5c-1.3 0-2.5-.3-3.5-.8L4 20l1.7-4.5A7.5 7.5 0 1 1 20 11.5Z"/><path d="M9 11.5h6"/></symbol>
|
||||
<symbol id="mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></symbol>
|
||||
<symbol id="phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2c0 8.8 7.2 16 16 16a2 2 0 0 0 2-2v-3l-5-2-2.5 2.5a15 15 0 0 1-6-6L10 8 8 3Z"/></symbol>
|
||||
<symbol id="file" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M7 3h7l5 5v13H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"/><path d="M14 3v6h5M9 13h6m-6 4h6"/></symbol>
|
||||
<symbol id="globe" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c-5 5-5 13 0 18 5-5 5-13 0-18Z"/></symbol>
|
||||
<symbol id="truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h11v10H3zM14 10h4l3 3v4h-7z"/><circle cx="7" cy="18" r="2"/><circle cx="18" cy="18" r="2"/></symbol>
|
||||
<symbol id="grid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></symbol>
|
||||
<symbol id="building" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 21V5l7-3 7 3v16M2 21h20M9 8h1m4 0h1M9 12h1m4 0h1m-4 9v-5h4v5"/></symbol>
|
||||
<symbol id="news" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 8h6v5H7zm9 0h2m-2 4h2M7 17h11"/></symbol>
|
||||
<symbol id="shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3 8 4v5c0 5-3 8-8 10-5-2-8-5-8-10V7l8-4Z"/><path d="m9 12 2 2 4-4"/></symbol>
|
||||
<symbol id="settings" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8h16M4 16h16"/><circle cx="9" cy="8" r="2"/><circle cx="15" cy="16" r="2"/></symbol>
|
||||
<symbol id="menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h16"/></symbol>
|
||||
<symbol id="chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></symbol>
|
||||
<symbol id="home" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m3 11 9-8 9 8v10H3V11Z"/><path d="M9 21v-7h6v7"/></symbol>
|
||||
<symbol id="image" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="8" cy="9" r="1"/><path d="m3 17 6-6 4 4 3-3 5 5"/></symbol>
|
||||
<symbol id="info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v6m0-10h.01"/></symbol>
|
||||
<symbol id="list" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6h12M9 12h12M9 18h12M4 6h.01M4 12h.01M4 18h.01"/></symbol>
|
||||
<symbol id="download" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-4-4 4 4 4-4M4 17v4h16v-4"/></symbol>
|
||||
<symbol id="arrow-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7M5 12h14"/></symbol>
|
||||
<symbol id="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 5 7 7-7 7M19 12H5"/></symbol>
|
||||
<symbol id="folder" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h7l2 2h9v11H3V7Z"/><path d="M3 7V5h7l2 2"/></symbol>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"id": "automotive",
|
||||
"name": "汽车与出行",
|
||||
"description": "商业主题体验升级：独立视觉素材、响应式排版、产品列表筛选、多级导航、可访问性与交付检查（需真实内容验收）",
|
||||
"version": "1.1.0",
|
||||
"description": "V8.31.1 汽车主题轻量加载：本地语义化 SVG 图标、图片优先级、CSS/JS 合并与原有业务结构兼容。",
|
||||
"version": "1.4.1",
|
||||
"style": "luxury",
|
||||
"entry": "pro.html",
|
||||
"styles": [
|
||||
@@ -51,4 +51,4 @@
|
||||
"contact-integration",
|
||||
"readiness-audit"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,2 +1,4 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<div class="pro-v30-page pro-v30-about pro-v30-about-automotive"><section class="pro-v30-about-opening"><div class="pro-wrap"><span class="pro-eyebrow">OUR COMPANY / APPROACH</span><div class="pro-v30-about-heading"><h1>{{page.title}}</h1><p>{{page.summary or site.tagline or '了解我们的业务与服务方式'}}</p></div></div></section>
|
||||
<section class="pro-section pro-v30-about-story"><div class="pro-wrap pro-v30-about-grid"><div class="pro-v30-about-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="lazy">{% else %}<div class="pro-v30-media-placeholder" aria-hidden="true"><span>OUR / STORY</span></div>{% endif %}</div><div class="pro-v30-about-copy"><span class="pro-eyebrow">ABOUT / 关于我们</span><h2>值得深入了解的汽车合作伙伴</h2>{{body_copy(content,page)}}<a class="pro-v30-text-action" href="/contact/">{{auto_icon("chat")}} 联系与合作</a></div></div></section>
|
||||
{% if features %}<section class="pro-section pro-v30-about-services"><div class="pro-wrap">{{section_title('WHAT WE DO','相关服务','/services/')}}{{grid(features,'service')}}</div></section>{% endif %}
|
||||
{% if cases %}<section class="pro-section pro-v30-about-cases"><div class="pro-wrap">{{section_title('SELECTED WORK','相关项目','/cases/')}}{{grid(cases,'case')}}</div></section>{% endif %}</div>
|
||||
|
||||
@@ -1 +1,2 @@
|
||||
<section class="pro-article-hero"><div class="pro-wrap pro-article-width"><span class="pro-eyebrow">LATEST NEWS / INSIGHTS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p>{% if fields.get('publish_date') %}<time>{{fields.get('publish_date')}}</time>{% endif %}</div></section><article class="pro-wrap pro-article-content">{% if page.cover %}<img class="pro-article-cover" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}{{body_copy(content,page)}}<a class="pro-text-link" href="/news/">← 返回新闻</a></article>
|
||||
<div class="pro-v30-page pro-v30-article pro-v30-article-automotive"><section class="pro-article-hero pro-v30-reading-head"><div class="pro-wrap"><nav class="pro-v30-crumb" aria-label="面包屑导航"><a href="/">首页</a><span aria-hidden="true">/</span><a href="/news/">行业资讯</a></nav><div class="pro-v30-reading-title"><span class="pro-eyebrow">IDEAS / JOURNAL</span><h1>{{page.title}}</h1>{% if page.summary %}<p>{{page.summary}}</p>{% endif %}{% if fields.get('publish_date') %}<time datetime="{{fields.get('publish_date')}}">{{fields.get('publish_date')}}</time>{% endif %}</div></div></section>
|
||||
<div class="pro-wrap pro-v30-reading-layout"><aside class="pro-v30-reading-aside"><span class="pro-eyebrow">READ / EXPLORE</span><a href="/news/">← 返回资讯</a><span class="pro-v30-reading-rule" aria-hidden="true"></span><a href="/contact/">{{auto_icon("chat")}} 联系沟通</a></aside><article id="article-body" class="pro-v30-reading-content">{% if page.cover %}<figure><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high"></figure>{% endif %}{{body_copy(content,page)}}<a class="pro-v30-subtle-link" href="/news/">← 返回资讯</a></article></div></div>
|
||||
|
||||
@@ -1 +1,3 @@
|
||||
<section class="pro-inner-hero pro-brand-hero"><div class="pro-wrap pro-brand-hero-grid"><div><span class="pro-eyebrow">BRAND PROFILE / PARTNERS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div><div class="pro-brand-media">{{cover(page,'brand')}}</div></div></section><section class="pro-section"><div class="pro-wrap">{{body_copy(content,page)}}{% if related %}{{section_title('PRODUCT LINE','相关产品','/products/')}}{{grid(related,'product')}}{% endif %}</div></section>
|
||||
<div class="auto31-brand pro-v30-page"><section class="auto31-page-banner auto31-brand-banner"><div class="pro-wrap auto31-brand-intro"><div><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/brands/">品牌中心</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">BRANDS / COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary or '浏览该品牌的介绍与相关车型。'}}</p><a href="#auto31-brand-models" class="auto31-primary">{{auto_icon("car")}} 查看品牌车型</a></div>{% if page.cover %}<div class="auto31-brand-photo"><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high"></div>{% endif %}</div></section>
|
||||
<section id="auto31-brand-models" class="pro-section auto31-brand-products"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">MODEL LINEUP</span><h2>{{page.title}} · 相关车型</h2></div><a href="/products/">{{auto_icon("grid")}} 全部车型</a></div>{{grid(related,'vehicle',true)}}</div></section>
|
||||
<section class="pro-section auto31-brand-story"><div class="pro-wrap auto31-story-grid"><div><span class="pro-eyebrow">BRAND PROFILE</span><h2>关于 {{page.title}}</h2></div><div>{{body_copy(content,page)}}</div></div></section></div>
|
||||
@@ -1 +1 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">浏览更多案例 →</a></div></section>
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">{{auto_icon("folder")}} 浏览更多案例</a></div></section>
|
||||
|
||||
@@ -1,2 +1 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
<div class="auto31-catalog auto31-category pro-v30-page"><section class="auto31-page-banner"><div class="pro-wrap"><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/products/">车型</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">BROWSE BY CATEGORY</span><h1>{{page.title}}</h1><p>{{page.summary or '探索该分类已发布的车型。'}}</p></div></section><section class="pro-section auto31-catalog-section"><div class="pro-wrap">{{filters()}}<div class="pro-filter-scope auto31-vehicle-results">{{grid(listing,'catalog',true)}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section></div>
|
||||
@@ -1,7 +1,6 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
{% if form_endpoint %}
|
||||
<section class="pro-section"><div class="pro-wrap pro-inquiry-wrap"><div><span class="pro-eyebrow">CONTACT FORM</span><h2>提交业务咨询</h2><p>提交内容将直接发送到网站管理员配置的外部表单服务。</p></div>
|
||||
<form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">提交咨询 ↗</button><p>表单提交由外部服务处理，请确认其隐私政策及垃圾信息过滤设置。</p></form></div></section>
|
||||
{% endif %}
|
||||
<div class="pro-v30-page pro-v30-contact pro-v30-contact-automotive"><section class="pro-v30-contact-header"><div class="pro-wrap"><span class="pro-eyebrow">CONNECT / CONTACT</span><h1>{{page.title}}</h1><p>{{page.summary or '介绍您的车型与采购需求，我们将根据实际业务信息与您联系。'}}</p></div></section>
|
||||
<section class="pro-section pro-v30-contact-content"><div class="pro-wrap pro-v30-contact-layout"><div class="pro-v30-contact-info"><span class="pro-eyebrow">LET'S START A CONVERSATION</span><h2>咨询与合作</h2>{{body_copy(content,page)}}
|
||||
{% if footer_email %}<div class="pro-v30-contact-channel"><span>电子邮箱</span><a href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a></div>{% endif %}
|
||||
{% if not footer_email and not form_endpoint %}<p class="pro-muted">联系渠道正在更新，请稍后访问本页面。</p>{% endif %}
|
||||
</div><div class="pro-v30-contact-form-wrap">{% if form_endpoint %}<span class="pro-eyebrow">SEND AN INQUIRY</span><h3>提交咨询</h3><form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">{{auto_icon("mail")}} 发送咨询</button><p>提交信息将发送至配置的外部表单服务，请了解其隐私政策。</p></form>
|
||||
{% else %}<div class="pro-v30-contact-note"><span class="pro-eyebrow">HOW TO REACH US</span><p>您可以通过本页提供的联系渠道咨询产品、项目或合作事项。</p><span class="pro-v30-decorative-number" aria-hidden="true">{{auto_icon("chat")}}</span></div>{% endif %}</div></div></section></div>
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
@@ -1,4 +1,14 @@
|
||||
<section class="pro-home-hero pro-auto-hero"><div class="pro-wrap pro-home-grid"><div class="pro-hero-copy"><span class="pro-eyebrow">01 / THE WORLD IN MOTION</span><h1>{{page.title if page.title not in (site.name,'首页','Home') else site.name}}<em> MOVE BEYOND.</em></h1><p>{{page.summary or site.tagline or '探索企业产品与解决方案。'}}</p><div class="pro-hero-actions"><a class="pro-button" href="/products/">探索车型 <span>↗</span></a><a class="pro-link-light" href="/about/">了解企业 →</a></div></div><div class="pro-hero-art">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% else %}<div class="pro-abstract-car"><span>THE NEXT CHAPTER</span><div class="auto-wheel a"></div><div class="auto-wheel b"></div></div>{% endif %}<b>DRIVE / 01</b></div></div><div class="pro-wrap pro-hero-bottom"><span>DESIGN / TRUST / DELIVERY</span><span>SCROLL TO DISCOVER ↓</span></div></section>
|
||||
{% if showcase %}<section class="pro-section pro-featured"><div class="pro-wrap">{{section_title('02 / COLLECTION','探索精选车型','/products/')}}{{grid(showcase,'vehicle')}}</div></section>{% endif %}
|
||||
<section class="pro-section pro-statement"><div class="pro-wrap pro-statement-layout"><span class="pro-eyebrow">THE COMPANY</span><div><h2>把产品带向更广阔的市场。</h2><p>{{site.tagline or '在这里展示企业独特的产品与服务能力。'}}</p><a class="pro-text-link" href="/about/">认识我们 ↗</a></div></div></section>
|
||||
{% if brands %}<section class="pro-section pro-brand-section"><div class="pro-wrap">{{section_title('03 / BRANDS','品牌与合作伙伴','/brands/')}}<div class="pro-brand-pills">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}</div></div></section>{% endif %}
|
||||
<div class="auto31-home">
|
||||
<section class="pro-home-hero auto31-hero"><div class="pro-wrap auto31-hero-grid">
|
||||
<div class="auto31-hero-copy"><span class="auto31-kicker"><span></span> GLOBAL VEHICLE SOURCING</span>
|
||||
<h1>{{page.title if page.title not in (site.name,'首页','Home') else 'Connecting You to the Right Vehicle'}}</h1>
|
||||
<p>{{page.summary or site.tagline or 'Browse vehicle models, brands and export solutions with clarity and confidence.'}}</p>
|
||||
<div class="auto31-hero-actions"><a class="auto31-primary" href="/products/">{{auto_icon("car")}} 探索车型</a><a class="auto31-secondary" href="/contact/">{{auto_icon("chat")}} 咨询合作</a></div>
|
||||
</div><div class="auto31-hero-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high">{% elif showcase and showcase[0].cover %}<img src="{{safe_image(showcase[0].cover)}}" alt="{{showcase[0].title}}" loading="eager" decoding="async" fetchpriority="high">{% else %}<div class="auto31-car-placeholder" aria-label="请在编辑器上传首页车型横幅"><span>FEATURED VEHICLE</span><strong>{{site.name}}</strong><small>添加车型主图即可显示真实产品</small></div>{% endif %}<div class="auto31-hero-stamp">{{auto_icon("car")}} CAR COLLECTION</div></div>
|
||||
</div><div class="pro-wrap auto31-quick-wrap"><form class="auto31-search" action="/products/" method="get" role="search"><label for="auto31-home-search">快速查找车型</label><div class="auto31-search-field">{{auto_icon("search")}}<input id="auto31-home-search" name="q" type="search" placeholder="搜索车型名称、品牌或类别" autocomplete="off"></div><button type="submit">{{auto_icon("search")}} 搜索车型</button></form></div></section>
|
||||
{% if brands %}<section class="auto31-brand-strip"><div class="pro-wrap auto31-strip-inner"><span>POPULAR BRANDS</span><div class="auto31-brand-list">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}}</a>{% endfor %}</div><a class="auto31-all" href="/brands/">{{auto_icon("brand")}} 全部品牌</a></div></section>{% endif %}
|
||||
{% if showcase %}<section class="pro-section auto31-featured"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">TOP VEHICLES / DISCOVER</span><h2>精选车型 <span class="auto31-heading-mark">/</span> Featured Vehicles</h2><p>直接从站点已发布车型中呈现，不填入未经验证的库存或价格。</p></div><a href="/products/">{{auto_icon("car")}} 查看全部车型</a></div>{{grid(showcase[:8],'vehicle',true)}}</div></section>{% endif %}
|
||||
<section class="auto31-double-feature"><div class="pro-wrap auto31-double-grid"><a href="/products/" class="auto31-feature-tile"><span>01 / VEHICLE COLLECTION</span><h2>丰富的车型选择</h2><p>浏览产品目录，查看车型展示和配置资料。</p><strong>{{auto_icon("car")}} 浏览车型</strong></a><a href="/contact/" class="auto31-feature-tile auto31-feature-tile-alt"><span>02 / EXPORT SOLUTIONS</span><h2>采购与出口支持</h2><p>告诉我们采购需求，了解可提供的供应及交付服务。</p><strong>{{auto_icon("chat")}} 联系咨询</strong></a></div></section>
|
||||
<section class="pro-section auto31-company"><div class="pro-wrap auto31-company-grid"><div><span class="pro-eyebrow">WHO WE ARE</span><h2>{{site.name}}</h2><p>{{site.tagline or '了解我们如何与全球客户合作。'}}</p><a class="auto31-primary" href="/about/">{{auto_icon("building")}} 了解我们</a></div><div class="auto31-company-panel"><span>WHY WORK WITH US</span><div><b>01</b><strong>Vehicle Sourcing</strong><small>车型与产品信息</small></div><div><b>02</b><strong>Export Coordination</strong><small>沟通出口与物流需求</small></div><div><b>03</b><strong>Local Support</strong><small>通过实际配置的渠道联系团队</small></div></div></div></section>
|
||||
{% if stories %}<section class="pro-section auto31-news"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">OUR STORIES / INSIGHTS</span><h2>最新资讯与案例</h2></div><a href="/news/">{{auto_icon("news")}} 更多内容</a></div>{{grid(stories[:3],'news',true)}}</div></section>{% endif %}
|
||||
</div>
|
||||
@@ -1,2 +1,3 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
<div class="auto31-catalog pro-v30-page pro-v30-listing">
|
||||
<section class="auto31-page-banner"><div class="pro-wrap auto31-banner-grid"><div><nav class="auto31-crumb"><a href="/">首页</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">VEHICLE COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary or '查找品牌、车型类别和适合的产品。'}}</p></div><div class="auto31-banner-stat"><strong>{{listing|length}}</strong><span>本页显示车型</span></div></div></section>
|
||||
<section class="pro-section auto31-catalog-section"><div class="pro-wrap"><div class="auto31-catalog-head"><div><span class="pro-eyebrow">FILTER / COMPARE / EXPLORE</span><h2>浏览车型</h2></div><a href="/contact/">{{auto_icon("chat")}} 需要选车建议？联系我们</a></div>{{filters()}}<div class="pro-filter-scope auto31-vehicle-results" aria-live="polite">{{grid(listing,'catalog',true)}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section></div>
|
||||
@@ -1 +1 @@
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">返回首页 ↗</a></section>
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">{{auto_icon("home")}} 返回首页</a></section>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
<section class="pro-section pro-product-layout"><div class="pro-wrap"><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><a href="/products/">产品中心</a><span>／</span><strong>{{page.title}}</strong></div>
|
||||
<div class="pro-product-hero"><div class="pro-product-gallery"><div class="pro-product-media">{{cover(page,'product')}}</div>{% if gallery|length>1 %}<div class="pro-gallery-thumbs" aria-label="产品图片画廊">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图{{loop.index}}" loading="lazy"></button>{% endfor %}</div>{% endif %}</div><div class="pro-product-summary"><span class="pro-eyebrow">PRODUCT DETAILS / {{fields.get('brand') or 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '在此查看产品详细资料。'}}</p>{% if fields.get('brand') %}<p class="pro-product-brand">品牌 · {{fields.get('brand')}}</p>{% endif %}<a class="pro-button" href="/contact/">咨询该产品 <span>↗</span></a></div></div>
|
||||
<div class="pro-detail-layout"><div><span class="pro-eyebrow">OVERVIEW</span><h2>产品介绍</h2>{{body_copy(content,page)}}</div><div><span class="pro-eyebrow">SPECIFICATIONS</span><h2>规格参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">尚未填写详细参数。</p>{% endfor %}</div></div></div></div></section>
|
||||
<div class="auto31-detail pro-v30-page pro-product-layout pro-v30-product">
|
||||
<section class="auto31-detail-head"><div class="pro-wrap"><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/products/">全部车型</a> / <span>{{page.title}}</span></nav><div class="auto31-detail-title"><div><span class="pro-eyebrow">VEHICLE DETAILS / MODEL OVERVIEW</span><h1>{{page.title}}</h1><div class="auto31-model-tags">{% if fields.get('brand') %}<span>{{fields.get('brand')}}</span>{% endif %}{% if fields.get('category') %}<span>{{fields.get('category')}}</span>{% endif %}</div></div><a class="auto31-primary" href="/contact/">{{auto_icon("chat")}} 询问该车型</a></div>
|
||||
<div class="auto31-detail-gallery"><div class="pro-product-media auto31-detail-main">{% if page.cover %}<img class="pro-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high">{% else %}{{cover(page,'product')}}{% endif %}</div>{% if gallery|length > 1 %}<div class="pro-gallery-thumbs auto31-thumbnails" aria-label="车型图库">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图片{{loop.index}}" loading="lazy" decoding="async"></button>{% endfor %}</div>{% endif %}</div></div></section>
|
||||
<section class="pro-section auto31-detail-information"><div class="pro-wrap auto31-detail-columns"><div class="auto31-detail-copy"><span class="pro-eyebrow">OVERVIEW</span><h2>车型介绍</h2>{% if page.summary %}<p class="auto31-detail-summary">{{page.summary}}</p>{% endif %}{{body_copy(content,page)}}</div><aside class="auto31-spec-panel"><span class="pro-eyebrow">VEHICLE SPECIFICATION</span><h2>车辆参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">该车型尚未上传规格参数，请联系工作人员了解。</p>{% endfor %}</div><a href="/contact/" class="auto31-secondary">{{auto_icon("file")}} 获取详细资料</a></aside></div></section></div>
|
||||
@@ -1,2 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
@@ -6,3 +6,197 @@
|
||||
.pro-auto-hero .pro-hero-art{background-image:url("./visual/hero.svg")!important;background-position:center;background-size:cover;}
|
||||
|
||||
.pro-auto-hero{background:linear-gradient(117deg,#081729 0%,#102a43 100%)}.pro-auto-hero .pro-hero-art{border:1px solid #52667a55;border-radius:3px;box-shadow:0 30px 90px #0004;transform:translateX(0)}.pro-auto-hero .pro-hero-art .pro-abstract-car{opacity:0}.pro-hero-bottom{border-top:1px solid #ffffff1c}.pro-brand-pills a{transition:background .2s}.pro-brand-pills a:hover{background:#d6a974;color:#10233a}.pro-card{border-color:#e0e6ee;border-radius:5px}.pro-card-cover{background:linear-gradient(135deg,#edf1f6,#dbe4eb)}.pro-art{background:linear-gradient(130deg,#e0e8ee,#c4d0dc);color:#37536b}.pro-featured{background:#f8fafc}.pro-statement{background:#0d2134;color:white}.pro-statement p{color:#c6d0dd}.pro-statement .pro-text-link{color:#f0b870}.pro-section-head h2{font-weight:800}.pro-footer{background:#08182a;color:#e5e9ed}
|
||||
|
||||
/* V8.29 presentation refinement: automotive. Preserve per-theme design language. */
|
||||
body.pro-automotive{--pro-studio-ring:rgba(209,161,99,.28);--pro-focus-color:#d1a163;--pro-interact-radius:6px}
|
||||
body.pro-automotive .pro-wrap{max-width:100%;min-width:0}
|
||||
body.pro-automotive .pro-hero-copy,body.pro-automotive .pro-card-body,body.pro-automotive .pro-card-copy{min-width:0;overflow-wrap:anywhere}
|
||||
body.pro-automotive .pro-hero-copy h1{font-size:clamp(2.45rem,5.15vw,5.6rem);line-height:1.08;max-width:18ch;text-wrap:balance}
|
||||
body.pro-automotive .pro-section-head h2{font-size:clamp(1.85rem,3vw,3.25rem);text-wrap:balance}
|
||||
body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
|
||||
@media(hover:hover){body.pro-automotive .pro-card:hover,body.pro-automotive .pro-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px var(--pro-studio-ring)}}
|
||||
body.pro-automotive :where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--pro-focus-color);outline-offset:3px}
|
||||
body.pro-automotive img{max-width:100%;height:auto}
|
||||
body.pro-automotive .pro-card-cover img,body.pro-automotive .pro-gallery-main img{object-fit:cover;max-height:100%}
|
||||
body.pro-automotive .pro-mobile-toggle,body.pro-automotive .pro-nav-disclose{min-height:44px;min-width:44px}
|
||||
@media(max-width:860px){body.pro-automotive .pro-home-grid,body.pro-automotive .pro-product-layout,body.pro-automotive .pro-inquiry-wrap{min-width:0}body.pro-automotive .pro-card-grid,body.pro-automotive .pro-grid{gap:clamp(12px,3vw,23px)}}
|
||||
@media(max-width:560px){body.pro-automotive .pro-wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body.pro-automotive .pro-hero-copy h1{font-size:clamp(2rem,9vw,3.2rem)}body.pro-automotive .pro-section-head h2{font-size:clamp(1.75rem,7vw,2.5rem)}body.pro-automotive .pro-section{padding-block:clamp(34px,9vw,60px)}body.pro-automotive .pro-card-cover{height:auto;aspect-ratio:4/3}body.pro-automotive .pro-card-cover img{width:100%;height:100%;object-fit:cover}}
|
||||
@media(prefers-reduced-motion:reduce){body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:none!important;transform:none!important}}
|
||||
|
||||
|
||||
/* V8.30 REAL PAGE COMPOSITION. Built-in theme version 1.3.0 only.
|
||||
Content-driven sections do not invent client names, certifications or KPIs. */
|
||||
.pro-v30-page{--v30-ink:var(--pro-text);--v30-secondary:var(--pro-muted);--v30-line:var(--pro-border);--v30-panel:var(--pro-surface);--v30-max:1180px;color:var(--v30-ink);overflow:clip}
|
||||
.pro-v30-page .pro-wrap{max-width:var(--v30-max);min-width:0}
|
||||
.pro-v30-page h1,.pro-v30-page h2{overflow-wrap:anywhere;text-wrap:balance;line-height:1.11}
|
||||
.pro-v30-page h1{font-size:clamp(2.55rem,5.2vw,5.6rem);margin:18px 0 22px;letter-spacing:-.035em}
|
||||
.pro-v30-page h2{font-size:clamp(1.8rem,3.3vw,3rem);margin:16px 0 26px;letter-spacing:-.02em}
|
||||
.pro-v30-page p{line-height:1.75;overflow-wrap:anywhere}
|
||||
.pro-v30-page img{max-width:100%}
|
||||
.pro-v30-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8vw;align-items:end}
|
||||
.pro-v30-page-intro{padding:clamp(68px,10vw,128px) 0 clamp(55px,8vw,94px);background:var(--v30-panel)}
|
||||
.pro-v30-intro-main>p{max-width:610px;font-size:clamp(16px,2vw,21px);color:var(--v30-secondary)}
|
||||
.pro-v30-intro-aside{border-left:1px solid var(--v30-line);padding-left:27px;display:grid;gap:8px;align-content:end;min-height:120px}
|
||||
.pro-v30-overline,.pro-v30-caption{font-size:11px;letter-spacing:.12em;color:var(--v30-secondary)}
|
||||
.pro-v30-index-number{font-size:64px;line-height:1;font-weight:650;letter-spacing:-.08em}
|
||||
.pro-v30-index-toolbar{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}
|
||||
.pro-v30-index-body{background:var(--pro-background)}
|
||||
.pro-v30-index-body .pro-section-head,.pro-v30-index-toolbar h2{margin:8px 0}
|
||||
.pro-v30-subtle-link,.pro-v30-text-action{display:inline-flex;gap:10px;text-decoration:none;font-weight:750;font-size:13px;align-items:center;min-height:44px}
|
||||
.pro-v30-subtle-link:hover,.pro-v30-text-action:hover{text-decoration:underline}
|
||||
.pro-v30-results{margin-top:clamp(28px,5vw,54px)}
|
||||
.pro-v30-product-top{padding:26px 0 clamp(60px,8vw,110px);background:var(--v30-panel)}
|
||||
.pro-v30-crumb{display:flex;flex-wrap:wrap;gap:11px;align-items:center;font-size:12px;color:var(--v30-secondary);margin:8px 0 46px}
|
||||
.pro-v30-crumb a{text-decoration:underline;text-underline-offset:4px}
|
||||
.pro-v30-product-head{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,6vw,90px)}
|
||||
.pro-v30-product-intro>p{font-size:clamp(16px,2vw,19px);color:var(--v30-secondary);max-width:48ch}
|
||||
.pro-v30-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.pro-v30-tags span{padding:8px 13px;border:1px solid var(--v30-line);font-size:12px;border-radius:2px}
|
||||
.pro-v30-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
|
||||
.pro-v30-main-media{background:var(--pro-surface);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;border-radius:var(--pro-radius)}
|
||||
.pro-v30-main-media .pro-photo{width:100%;height:100%;object-fit:contain}
|
||||
.pro-v30-product-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:clamp(30px,7vw,104px)}
|
||||
.pro-v30-details-main .pro-rich{max-width:760px}.pro-v30-details-side{align-self:start;border-top:3px solid var(--pro-accent);padding-top:25px}
|
||||
.pro-v30-details-side .pro-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.pro-v30-details-side .pro-specs strong{overflow-wrap:anywhere}
|
||||
.pro-v30-reading-head{padding:clamp(50px,8vw,100px) 0 clamp(60px,8vw,100px);background:var(--v30-panel)}
|
||||
.pro-v30-reading-title{max-width:940px;margin:auto}.pro-v30-reading-title>p{font-size:clamp(16px,2.1vw,22px);max-width:65ch;color:var(--v30-secondary)}
|
||||
.pro-v30-reading-title time{display:block;margin-top:24px;font-size:13px;color:var(--v30-secondary)}
|
||||
.pro-v30-reading-layout{display:grid;grid-template-columns:180px minmax(0,750px);gap:clamp(35px,7vw,110px);padding-block:clamp(55px,8vw,110px)}
|
||||
.pro-v30-reading-aside{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:30px;font-size:13px}
|
||||
.pro-v30-reading-rule{height:1px;background:var(--v30-line)}
|
||||
.pro-v30-reading-content{min-width:0}.pro-v30-reading-content figure{margin:0 0 45px}.pro-v30-reading-content figure img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}
|
||||
.pro-v30-reading-content .pro-rich{line-height:1.9;font-size:clamp(16px,1.75vw,18px)}.pro-v30-reading-content .pro-rich>*+*{margin-top:1.3em}
|
||||
.pro-v30-about-opening{padding:clamp(75px,10vw,130px) 0;background:var(--v30-panel)}
|
||||
.pro-v30-about-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:end}.pro-v30-about-heading>p{font-size:clamp(17px,2vw,23px);color:var(--v30-secondary);padding-bottom:12px}
|
||||
.pro-v30-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:center}
|
||||
.pro-v30-about-media{min-height:360px;aspect-ratio:5/4;background:var(--v30-panel);overflow:hidden}.pro-v30-about-media img{width:100%;height:100%;object-fit:cover}
|
||||
.pro-v30-media-placeholder{height:100%;min-height:360px;display:grid;place-items:center;color:var(--v30-secondary);letter-spacing:.18em;font-size:12px;border:1px solid var(--v30-line)}
|
||||
.pro-v30-about-copy .pro-rich{max-width:620px}.pro-v30-about-cases{background:var(--v30-panel)}
|
||||
.pro-v30-contact-header{background:var(--v30-panel);padding:clamp(75px,10vw,135px) 0}.pro-v30-contact-header p{font-size:clamp(17px,2vw,21px);max-width:58ch;color:var(--v30-secondary)}
|
||||
.pro-v30-contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,8vw,120px)}
|
||||
.pro-v30-contact-channel{display:grid;gap:10px;margin-top:45px;border-top:1px solid var(--v30-line);padding-top:25px}.pro-v30-contact-channel span{font-size:12px;color:var(--v30-secondary)}.pro-v30-contact-channel a{font-size:clamp(15px,2vw,24px);overflow-wrap:anywhere;font-weight:650}
|
||||
.pro-v30-contact-form-wrap{padding:clamp(22px,4vw,48px);background:var(--v30-panel);min-width:0}
|
||||
.pro-v30-contact-form-wrap .pro-inquiry{margin-top:22px}.pro-v30-contact-form-wrap .pro-inquiry input,.pro-v30-contact-form-wrap textarea{background:var(--pro-background)}
|
||||
.pro-v30-contact-note{display:grid;align-content:space-between;min-height:270px;gap:24px}.pro-v30-decorative-number{font-size:90px;line-height:1;justify-self:end;color:var(--pro-accent)}
|
||||
.pro-v30-home-editorial{background:var(--pro-surface)}
|
||||
.pro-v30-page :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--pro-accent);outline-offset:3px}
|
||||
@media(max-width:950px){.pro-v30-product-head,.pro-v30-product-details,.pro-v30-about-grid,.pro-v30-contact-layout{grid-template-columns:1fr;gap:38px}.pro-v30-product-visual{order:-1}.pro-v30-about-heading{grid-template-columns:1fr;gap:4px}.pro-v30-about-media{max-height:430px}.pro-v30-reading-layout{grid-template-columns:1fr;gap:24px}.pro-v30-reading-aside{position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.pro-v30-reading-rule{display:none}}
|
||||
@media(max-width:600px){.pro-v30-page .pro-wrap{padding-inline:max(18px,env(safe-area-inset-left));}.pro-v30-page h1{font-size:clamp(2.2rem,9.2vw,3.4rem)}.pro-v30-intro-layout{grid-template-columns:1fr;gap:18px}.pro-v30-intro-aside{display:none}.pro-v30-index-toolbar{align-items:start;flex-direction:column;gap:0}.pro-v30-crumb{margin-bottom:24px}.pro-v30-product-top{padding-bottom:42px}.pro-v30-main-media{aspect-ratio:5/4}.pro-v30-product-details{gap:45px}.pro-v30-reading-title{margin:0}.pro-v30-reading-content figure{margin-bottom:22px}.pro-v30-about-media,.pro-v30-media-placeholder{min-height:220px}.pro-v30-contact-form-wrap{padding:20px}.pro-v30-contact-layout{gap:30px}}
|
||||
@media(prefers-reduced-motion:reduce){.pro-v30-page *{scroll-behavior:auto!important}}
|
||||
|
||||
/* Theme-specific editorial composition */
|
||||
.pro-v30-product-automotive .pro-v30-main-media{background:linear-gradient(155deg,#eaf0f5,#d8e4ed)}.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:.7fr 1.3fr}.pro-v30-article-automotive .pro-v30-reading-head{background:linear-gradient(145deg,#0d2339,#213a55);color:#fff}.pro-v30-article-automotive .pro-v30-reading-title>p,.pro-v30-article-automotive .pro-v30-crumb{color:#d9e4ed}.pro-v30-vehicle-index .pro-v30-page-intro{background:#11283d;color:#f7f9fb}.pro-v30-vehicle-index .pro-v30-intro-main>p,.pro-v30-vehicle-index .pro-v30-intro-aside{color:#cbd6e0}.pro-v30-vehicle-index .pro-v30-intro-aside{border-color:#ffffff39}.pro-v30-vehicle-index .pro-eyebrow{color:#e2b47b}.pro-v30-product-automotive .pro-v30-product-intro h1{letter-spacing:-.055em}
|
||||
|
||||
@media(max-width:950px){.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:1fr}}
|
||||
|
||||
/* Retain existing gallery runtime behavior with re-composed product layout. */
|
||||
.pro-v30-page .pro-product-media{height:auto;min-height:0}
|
||||
|
||||
|
||||
/* SiteForge V8.31 – Magic Bridge inspired, data-driven automotive export storefront.
|
||||
All selectors scoped to the automotive theme. Preserves existing platform navigation
|
||||
drawer, optional mobile Tabs, gallery, URL/SEO and client-side catalog filtering. */
|
||||
body.pro-automotive{--pro-text:#13263b;--pro-muted:#67788d;--pro-border:#e7edf3;--pro-background:#fff;--pro-surface:#f5f7fa;--pro-accent:#ea733e;--pro-hero:#f5f7fa;--pro-radius:12px;--pro-wide:1280px;--pro-headings:Inter,Arial,'Microsoft YaHei',sans-serif;color:#14273c;background:#fff}
|
||||
body.pro-automotive .pro-wrap{max-width:min(1280px,100%);padding-inline:clamp(18px,3.7vw,50px)}
|
||||
body.pro-automotive .pro-utility{background:#122840;color:#deebf7;border:0;font-size:11px;letter-spacing:.075em}
|
||||
body.pro-automotive .pro-utility .pro-wrap{min-height:34px;gap:16px}
|
||||
body.pro-automotive .auto31-header{background:#fff;color:#142b43;border-bottom:1px solid #e9eef4;position:relative;z-index:20;box-shadow:0 5px 22px #14304808}
|
||||
body.pro-automotive .auto31-head-inner{min-height:85px;gap:clamp(12px,2vw,30px)}
|
||||
body.pro-automotive .pro-logo{color:#12283d;flex-shrink:1;min-width:0}
|
||||
body.pro-automotive .pro-logo-symbol{background:#eb733e;color:#fff;border-radius:12px;padding:5px 10px;font-size:24px}
|
||||
body.pro-automotive .pro-logo-symbol span{color:#fff}
|
||||
body.pro-automotive .pro-logo-name{font-weight:850;font-size:clamp(14px,1.4vw,19px)}
|
||||
body.pro-automotive .pro-logo-name small{color:#7a8998;letter-spacing:.12em;font-size:9px}
|
||||
body.pro-automotive .pro-brand-logo{object-fit:contain;max-height:51px;width:auto}
|
||||
body.pro-automotive .pro-navigation{gap:clamp(9px,1.3vw,22px)}
|
||||
body.pro-automotive .pro-navigation a{color:#263c53;font-size:13px;font-weight:690}
|
||||
body.pro-automotive .pro-navigation a:hover,body.pro-automotive .pro-navigation a[aria-current=page]{color:#db6632}
|
||||
body.pro-automotive .pro-nav-disclose{color:#344456}
|
||||
body.pro-automotive .pro-header-cta{background:#ef743c;color:#fff!important;border-radius:8px;padding:13px 20px;white-space:nowrap;box-shadow:none;font-size:12px;font-weight:760}
|
||||
body.pro-automotive .pro-header-cta:hover{background:#c85627}
|
||||
body.pro-automotive .pro-catalog-toggle{background:#f4f7fa!important;color:#223950!important;border:1px solid #dfe6ed;border-radius:8px;padding:13px 13px;font-size:12px;font-weight:750;white-space:nowrap}
|
||||
body.pro-automotive .auto31-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:min(1160px,calc(100vw - 32px));z-index:40;display:grid;grid-template-columns:minmax(195px,.85fr) minmax(280px,1.5fr) minmax(170px,.78fr);padding:34px;gap:34px;color:#19314a;background:white;border:1px solid #e6edf4;border-radius:0 0 18px 18px;box-shadow:0 24px 70px #0d263922}
|
||||
body.pro-automotive .auto31-mega[hidden]{display:none!important}
|
||||
body.pro-automotive .auto31-mega-lead{padding:15px 22px 12px 5px;border-right:1px solid #e8eef5}
|
||||
body.pro-automotive .auto31-mega-lead>h2{font-size:26px;margin:12px 0}
|
||||
body.pro-automotive .auto31-mega-lead p{color:#7d8997;font-size:13px;line-height:1.7}
|
||||
body.pro-automotive .auto31-mega-lead a{display:inline-block;margin-top:22px;font-size:13px;color:#df6a34;font-weight:750}
|
||||
body.pro-automotive .auto31-mega-column>strong{font-size:13px;display:block;margin-bottom:20px}
|
||||
body.pro-automotive .auto31-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
|
||||
body.pro-automotive .auto31-mega-links a{padding:9px 0;color:#42536a!important;text-decoration:none;font-size:12px;display:flex;justify-content:space-between;gap:5px;align-items:center}
|
||||
body.pro-automotive .auto31-mega-links a:hover{color:#eb7138!important}
|
||||
body.pro-automotive .auto31-mega-links a span{opacity:.35}
|
||||
body.pro-automotive .auto31-mega-categories .auto31-mega-links{grid-template-columns:1fr}
|
||||
body.pro-automotive .auto31-mega-contact{display:block;margin-top:20px;color:#e16a32;font-size:12px;font-weight:700}
|
||||
body.pro-automotive .auto31-muted{color:#8997a5;font-size:12px}
|
||||
.auto31-home{color:#1a3047}.auto31-home .pro-eyebrow,.auto31-detail .pro-eyebrow,.auto31-brand .pro-eyebrow,.auto31-catalog .pro-eyebrow{color:#eb733d;font-size:11px;letter-spacing:.135em;font-weight:800}
|
||||
.auto31-hero{background:linear-gradient(115deg,#f8fafc,#edf3f8);padding:60px 0 0;position:relative;overflow:hidden}
|
||||
.auto31-hero-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(20px,4vw,65px);min-height:500px;align-items:center}
|
||||
.auto31-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#e57239}
|
||||
.auto31-kicker span{height:8px;width:8px;border-radius:50%;background:#ee7138}
|
||||
.auto31-hero-copy{padding:20px 0 65px;min-width:0}.auto31-hero-copy h1{font-size:clamp(42px,5vw,76px);font-weight:850;line-height:1.11;letter-spacing:-.048em;margin:24px 0;color:#102942;max-width:12ch;overflow-wrap:anywhere}
|
||||
.auto31-hero-copy p{color:#687b8d;line-height:1.75;font-size:clamp(15px,1.5vw,18px);max-width:47ch}
|
||||
.auto31-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px}
|
||||
.auto31-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#ea733e!important;color:white!important;padding:13px 24px;text-decoration:none;border-radius:8px;font-weight:760;font-size:13px;min-height:49px;white-space:normal}
|
||||
.auto31-primary:hover{background:#cd5928!important}.auto31-secondary{display:inline-flex;gap:12px;align-items:center;justify-content:center;color:#203e5a!important;font-size:13px;font-weight:800;text-decoration:none;min-height:44px}
|
||||
.auto31-hero-media{position:relative;align-self:stretch;min-height:360px;display:grid;place-items:center}
|
||||
.auto31-hero-media>img{width:100%;max-height:510px;object-fit:contain;filter:drop-shadow(0 24px 18px #173a571c)}
|
||||
.auto31-car-placeholder{width:100%;height:100%;min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px;gap:12px;background:radial-gradient(ellipse at 75% 80%,#c5d5e7 0%,transparent 52%),linear-gradient(130deg,#e3ebf3,#f6f9fc);color:#72859a;border-radius:18px}
|
||||
.auto31-car-placeholder strong{font-size:clamp(26px,3vw,45px);line-height:1.1;color:#9caec0}.auto31-car-placeholder span{font-weight:800;letter-spacing:.2em;font-size:11px}.auto31-car-placeholder small{font-size:12px}
|
||||
.auto31-hero-stamp{position:absolute;bottom:26px;right:15px;background:#112d48;color:#fff;padding:13px 17px;border-radius:8px;font-size:11px;letter-spacing:.1em}.auto31-hero-stamp span{color:#ed8f62;margin-left:15px}
|
||||
.auto31-quick-wrap{position:relative;z-index:2;transform:translateY(31px)}
|
||||
.auto31-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:#fff;padding:14px 16px 14px 30px;border:1px solid #e5edf4;border-radius:12px;box-shadow:0 15px 45px #173a5515}
|
||||
.auto31-search>label{font-size:14px;font-weight:800;white-space:nowrap}.auto31-search-field{display:flex;align-items:center;gap:12px;background:#f5f7fa;padding:0 16px;border-radius:7px;color:#95a2ae;min-width:0}
|
||||
.auto31-search-field input{width:100%;font-size:14px;background:transparent;border:none;outline:none;min-height:44px;color:#152c40;min-width:0}.auto31-search button{border:0;background:#132e49;color:#fff;border-radius:7px;padding:13px 21px;font-weight:800;cursor:pointer;white-space:nowrap;min-height:44px}
|
||||
.auto31-brand-strip{background:white;padding:77px 0 39px}.auto31-strip-inner{display:flex;gap:24px;align-items:center}.auto31-strip-inner>span{font-size:11px;font-weight:800;white-space:nowrap;color:#8d98a5;letter-spacing:.1em}.auto31-brand-list{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;min-width:0;flex:1}.auto31-brand-list a{background:#f4f6f8;color:#3a5063;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:750;padding:11px 17px}.auto31-brand-list a:hover{background:#e8eff6}.auto31-all{white-space:nowrap;font-size:12px;color:#e77340;font-weight:800}
|
||||
.auto31-featured,.auto31-news{background:#fff}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
|
||||
.auto31-section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:34px}.auto31-section-heading h2{font-size:clamp(29px,3.1vw,45px);line-height:1.2;letter-spacing:-.035em;margin:13px 0}.auto31-section-heading p{color:#81909e;max-width:65ch}.auto31-section-heading>a{white-space:nowrap;font-size:13px;font-weight:770;color:#e36b35}
|
||||
.auto31-heading-mark{color:#ea763b}.auto31-home .pro-card,.auto31-catalog .pro-card,.auto31-brand .pro-card{border:1px solid #edf0f4;border-radius:11px;overflow:hidden;box-shadow:0 8px 30px #13314909;background:#fff}
|
||||
.auto31-home .pro-card-cover,.auto31-catalog .pro-card-cover,.auto31-brand .pro-card-cover{background:#f2f5f8;aspect-ratio:4/3;overflow:hidden;height:auto}
|
||||
.auto31-home .pro-card-cover img,.auto31-catalog .pro-card-cover img,.auto31-brand .pro-card-cover img{width:100%;height:100%;object-fit:contain;padding:8px}
|
||||
.auto31-home .pro-card-body,.auto31-catalog .pro-card-body,.auto31-brand .pro-card-body{padding:19px 20px 21px}.auto31-home .pro-card h3,.auto31-catalog .pro-card h3,.auto31-brand .pro-card h3{font-size:18px;line-height:1.35;margin:10px 0 8px}.auto31-home .pro-card-body p,.auto31-catalog .pro-card-body p,.auto31-brand .pro-card-body p{color:#83909b;line-height:1.6;font-size:12px}.auto31-home .pro-card-meta,.auto31-catalog .pro-card-meta{color:#ea773f;font-size:11px}.auto31-home .pro-card-link,.auto31-catalog .pro-card-link,.auto31-brand .pro-card-link{color:#df6b39;font-size:12px;font-weight:800}
|
||||
.auto31-double-feature{padding:32px 0 88px;background:#fff}.auto31-double-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.auto31-feature-tile{display:flex;min-height:265px;gap:12px;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(25px,4vw,49px);background:#eaf2f9;color:#1b3146!important;border-radius:13px;text-decoration:none}.auto31-feature-tile-alt{background:#183650;color:#fff!important}.auto31-feature-tile>span{font-size:11px;letter-spacing:.12em;font-weight:750;opacity:.7}.auto31-feature-tile h2{font-size:clamp(25px,3vw,39px);margin:5px 0;line-height:1.3}.auto31-feature-tile p{font-size:13px;max-width:42ch;opacity:.8}.auto31-feature-tile strong{font-size:13px;margin-top:12px;color:#e7743d}
|
||||
.auto31-company{background:#f4f7fa}.auto31-company-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}.auto31-company h2{font-size:clamp(28px,4vw,57px);margin:15px 0;line-height:1.15}.auto31-company p{color:#74889a;font-size:17px;line-height:1.7;max-width:45ch;margin-bottom:23px}.auto31-company-panel{background:white;padding:clamp(22px,4vw,42px);border-radius:15px;box-shadow:0 11px 34px #122b450c}.auto31-company-panel>span{font-size:11px;letter-spacing:.12em;color:#e1733e;font-weight:800}.auto31-company-panel>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #ecf1f5}.auto31-company-panel>div:last-child{border:0}.auto31-company-panel b{color:#eb7e48}.auto31-company-panel strong{font-size:15px}.auto31-company-panel small{color:#8895a3;font-size:11px;text-align:right}
|
||||
.auto31-news{background:#fff}
|
||||
.auto31-page-banner{padding:clamp(50px,6vw,90px) 0;background:linear-gradient(120deg,#f5f8fb,#edf3f8);color:#102940}.auto31-banner-grid{display:flex;justify-content:space-between;align-items:end;gap:30px}.auto31-page-banner h1{font-size:clamp(39px,4.7vw,66px);margin:14px 0}.auto31-page-banner p{color:#697d8d;max-width:62ch;font-size:17px}.auto31-crumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:12px;color:#7d8b98}.auto31-crumb a{color:#567187;text-decoration:none}.auto31-banner-stat{display:flex;flex-direction:column;align-items:center;min-width:150px;border-left:1px solid #d6e1ea;padding-left:28px}.auto31-banner-stat strong{font-size:70px;font-weight:800;line-height:1}.auto31-banner-stat span{font-size:11px;color:#90a0ad}
|
||||
.auto31-catalog-section{background:white}.auto31-catalog-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.auto31-catalog-head h2{font-size:33px;margin:8px 0}.auto31-catalog-head>a{color:#df6b39;font-size:13px;font-weight:800}
|
||||
.auto31-catalog .pro-filter-panel,.auto31-category .pro-filter-panel{background:#f7f9fc;border:1px solid #edf1f5;padding:19px;border-radius:12px;gap:16px;margin-bottom:28px}.auto31-catalog .pro-filter-panel label{min-width:0}.auto31-catalog .pro-filter-panel input,.auto31-catalog .pro-filter-panel select{background:white;border-color:#dfe7ef;border-radius:8px;min-height:44px}.auto31-vehicle-results{margin:0}
|
||||
.auto31-brand-banner{background:#f3f7fb}.auto31-brand-intro{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:45px}.auto31-brand-photo{aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:#e7eff6}.auto31-brand-photo img{width:100%;height:100%;object-fit:contain}.auto31-brand-intro .auto31-primary{margin-top:18px}.auto31-brand-products{background:#fff}.auto31-brand-story{background:#f6f8fb}.auto31-story-grid{display:grid;grid-template-columns:.6fr 1fr;gap:60px}.auto31-story-grid h2{font-size:35px;margin:14px 0}.auto31-story-grid .pro-rich{line-height:1.85}
|
||||
.auto31-detail-head{padding:26px 0 75px;background:#f7f9fc}.auto31-detail-head .auto31-crumb{margin-bottom:40px}.auto31-detail-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.auto31-detail-title h1{font-size:clamp(36px,4.4vw,64px);margin:14px 0 6px}.auto31-model-tags{display:flex;gap:8px;flex-wrap:wrap}.auto31-model-tags span{border-radius:30px;border:1px solid #d9e3ed;padding:6px 12px;color:#587086;font-size:11px}.auto31-detail-main{background:#edf2f7;border-radius:14px;overflow:hidden;aspect-ratio:16/8;display:grid;place-items:center}.auto31-detail-main .pro-photo{height:100%;width:100%;object-fit:contain;padding:15px}.auto31-detail-gallery{max-width:1180px;margin:auto}.auto31-thumbnails{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.auto31-thumbnails button{border-radius:8px;background:white;border:1px solid #dbe5ef;padding:5px;cursor:pointer}.auto31-thumbnails button[aria-pressed=true]{border-color:#e5723e}.auto31-thumbnails img{width:98px;height:64px;object-fit:contain}
|
||||
.auto31-detail-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(30px,7vw,90px)}.auto31-detail-copy h2,.auto31-spec-panel h2{font-size:clamp(27px,3vw,40px);margin:14px 0 22px}.auto31-detail-summary{color:#698094;font-size:18px;line-height:1.8}.auto31-detail-copy .pro-rich{line-height:1.9}.auto31-spec-panel{border:1px solid #e6edf4;background:#f9fbfd;border-radius:14px;padding:clamp(22px,3vw,35px);align-self:start}.auto31-spec-panel .pro-specs>div{grid-template-columns:1fr 1fr;gap:10px}.auto31-spec-panel .auto31-secondary{margin-top:24px;color:#e4723e!important}
|
||||
body.pro-automotive .pro-end-cta{background:#193650;color:#fff}body.pro-automotive .pro-end-cta a{background:#ef7840!important;color:white!important;border-radius:8px}
|
||||
body.pro-automotive .pro-footer{background:#0b2137;color:#eaf3fb}body.pro-automotive .pro-footer-bottom{color:#9aaec1}
|
||||
@media(max-width:1180px){body.pro-automotive .pro-navigation{gap:8px}body.pro-automotive .auto31-head-inner{gap:10px}body.pro-automotive .auto31-featured .pro-grid,body.pro-automotive .auto31-catalog .pro-grid,body.pro-automotive .auto31-brand-products .pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
|
||||
@media(max-width:1024px){body.pro-automotive .pro-header{z-index:30}body.pro-automotive .pro-mobile-toggle{color:#19344e!important;background:#edf3f8;border-radius:8px}body.pro-automotive .pro-navigation{background:#fff!important;color:#182e45!important}body.pro-automotive .pro-navigation a{color:#1b344c!important}body.pro-automotive .auto31-menu-trigger{display:none!important}body.pro-automotive .auto31-hero-grid{grid-template-columns:1fr 1fr}.auto31-hero-copy h1{font-size:clamp(34px,4.8vw,58px)}}
|
||||
@media(max-width:850px){.auto31-hero-grid,.auto31-company-grid,.auto31-brand-intro,.auto31-detail-columns,.auto31-story-grid{grid-template-columns:1fr}.auto31-hero{padding-top:35px}.auto31-hero-copy{padding:20px 0}.auto31-hero-media{min-height:300px;max-height:420px}.auto31-hero-media>img{max-height:410px}.auto31-strip-inner{flex-wrap:wrap}.auto31-brand-list{order:3;flex-basis:100%}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto31-company-panel>div{grid-template-columns:35px 1fr auto}}
|
||||
@media(max-width:600px){body.pro-automotive .pro-wrap{padding-inline:max(17px,env(safe-area-inset-left)) max(17px,env(safe-area-inset-right))}.auto31-hero-copy h1{font-size:clamp(34px,9vw,49px);max-width:14ch}.auto31-hero-copy p{font-size:15px}.auto31-hero-media{min-height:220px}.auto31-car-placeholder{min-height:230px;padding:23px}.auto31-hero-stamp{display:none}.auto31-quick-wrap{transform:translateY(18px)}.auto31-search{grid-template-columns:1fr;gap:11px;padding:16px}.auto31-search>label{font-size:13px}.auto31-search button{width:100%}.auto31-brand-strip{padding-top:48px}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.auto31-home .pro-card-body,.auto31-catalog .pro-card-body,.auto31-brand .pro-card-body{padding:13px}.auto31-home .pro-card h3,.auto31-catalog .pro-card h3,.auto31-brand .pro-card h3{font-size:14px}.auto31-home .pro-card-body p,.auto31-catalog .pro-card-body p,.auto31-brand .pro-card-body p{font-size:11px}.auto31-section-heading,.auto31-catalog-head{align-items:flex-start;flex-direction:column}.auto31-section-heading h2{font-size:29px}.auto31-double-grid{grid-template-columns:1fr}.auto31-feature-tile{min-height:190px}.auto31-company-panel>div{grid-template-columns:28px 1fr}.auto31-company-panel small{grid-column:2;text-align:left}.auto31-banner-stat{display:none}.auto31-page-banner h1{font-size:38px}.auto31-detail-title{align-items:flex-start;flex-direction:column}.auto31-detail-main{aspect-ratio:5/4}.auto31-spec-panel{padding:21px}.auto31-catalog .pro-filter-panel{grid-template-columns:1fr 1fr}.auto31-thumbnails img{width:65px;height:49px}}
|
||||
@media(prefers-reduced-motion:reduce){.auto31-home *,.auto31-brand *,.auto31-catalog *,.auto31-detail *{transition:none!important;scroll-behavior:auto!important}}
|
||||
|
||||
/* V8.31 mobile layout: override the broader tablet rule with a deliberate, single-column hero. */
|
||||
@media(max-width:850px){
|
||||
body.pro-automotive .auto31-hero .auto31-hero-grid{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-copy{padding:26px 0 12px}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-copy h1{max-width:17ch;overflow-wrap:normal}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-media{min-height:230px;max-height:450px}
|
||||
}
|
||||
@media(max-width:600px){
|
||||
body.pro-automotive .auto31-hero{padding-top:16px}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-copy h1{font-size:clamp(34px,9vw,44px);max-width:15ch}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-media{min-height:215px;max-height:300px}
|
||||
body.pro-automotive .auto31-hero .auto31-car-placeholder{min-height:215px}
|
||||
}
|
||||
/* V8.31 phone catalogue: override the higher-specificity tablet three-column rule. */
|
||||
@media(max-width:600px){body.pro-automotive .auto31-featured .pro-grid,body.pro-automotive .auto31-catalog .pro-grid,body.pro-automotive .auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
|
||||
|
||||
/* V8.31.1 semantics and light rendering: no external icon/font dependencies. */
|
||||
body.pro-automotive .auto-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.17em;flex-shrink:0;stroke:currentColor;fill:none}
|
||||
body.pro-automotive .auto31-hero-stamp .auto-icon{margin-right:.5em}
|
||||
body.pro-automotive .pro-navigation a .auto-icon{width:1.05em;height:1.05em;color:#d97545}
|
||||
body.pro-automotive .auto31-mega-links a{justify-content:flex-start}
|
||||
body.pro-automotive .auto31-mega-links a .auto-icon{color:#db7445}
|
||||
body.pro-automotive .auto31-primary,body.pro-automotive .auto31-secondary,body.pro-automotive .pro-header-cta,body.pro-automotive .pro-catalog-toggle{gap:9px}
|
||||
body.pro-automotive .auto31-feature-tile strong .auto-icon,body.pro-automotive .auto31-section-heading>a .auto-icon{margin-right:6px}
|
||||
body.pro-automotive .auto31-search-field .auto-icon{width:19px;height:19px}
|
||||
body.pro-automotive .auto31-search button .auto-icon{margin-right:7px}
|
||||
body.pro-automotive .pro-card-link .auto-icon{margin-left:5px}
|
||||
body.pro-automotive .pro-mobile-toggle .auto-icon{height:24px;width:24px}
|
||||
@media(max-width:1024px){body.pro-automotive .pro-navigation a .auto-icon{width:18px;height:18px}}
|
||||
|
||||
@@ -1,13 +1,27 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="/"><title>{{ seo_title }}</title><meta name="description" content="{{ seo_description }}"><meta property="og:type" content="{{ 'article' if kind in ('article','case') else 'website' }}"><meta property="og:title" content="{{ seo_title }}"><meta property="og:description" content="{{ seo_description }}">{% if canonical %}<meta property="og:url" content="{{canonical}}">{% endif %}<meta name="theme-color" content="{{theme_color}}"><meta name="robots" content="{{ 'noindex,follow' if noindex else page.get('robots','index,follow') }}">{% if canonical and not noindex %}<link rel="canonical" href="{{ canonical }}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/factory.css"><link rel="stylesheet" href="assets/pro-base.css"><link rel="stylesheet" href="assets/pro.css"><link rel="stylesheet" href="assets/commercial.css">{% if theme_overrides %}<link rel="stylesheet" href="assets/theme-overrides.css">{% endif %}<link rel="stylesheet" href="assets/custom.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="/"><title>{{ seo_title }}</title><meta name="description" content="{{ seo_description }}"><meta property="og:type" content="{{ 'article' if kind in ('article','case') else 'website' }}"><meta property="og:title" content="{{ seo_title }}"><meta property="og:description" content="{{ seo_description }}">{% if canonical %}<meta property="og:url" content="{{canonical}}">{% endif %}<meta name="theme-color" content="{{theme_color}}"><meta name="robots" content="{{ 'noindex,follow' if noindex else page.get('robots','index,follow') }}">{% if canonical and not noindex %}<link rel="canonical" href="{{ canonical }}">{% endif %}<link rel="stylesheet" href="assets/auto-compiled.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
|
||||
{% from '_professional_components.html' import card,cover,grid,section_title,filters,footer_links,body_copy with context %}
|
||||
{% if chrome_is_custom %}<div class="pro-utility"{% if not chrome.header.show_announcement %} hidden{% endif %}><div class="pro-wrap"><span>{{ chrome.header.announcement }}</span><span>{{ site.tagline or site.name }}</span></div></div>{% else %}<div class="pro-utility"><div class="pro-wrap"><span>GLOBAL MOBILITY / CURATED SUPPLY</span><span>DRIVEN BY WHAT'S NEXT <i>✦</i></span></div></div>{% endif %}
|
||||
<header class="sf-site-head pro-header"><div class="pro-wrap pro-head-inner"><a class="pro-logo" href="/" aria-label="{{site.name}} 首页">{% if safe_image(site.logo) %}<img class="pro-brand-logo" src="{{safe_image(site.logo)}}" alt="{{site.name}} Logo">{% else %}<span class="pro-logo-symbol">S<span>.</span></span>{% endif %}<span class="pro-logo-name">{{site.name}}<small> AUTOMOTIVE</small></span></a><button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">☰</button><nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">▾</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">— {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{link.title}}</a>{% endif %}{% endfor %}{% if chrome.header.show_search %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">⌕</a>{% endif %}</nav><button class="pro-catalog-toggle" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">品牌与系列 ▾</button>{% if chrome_is_custom %}{% if chrome.header.show_cta %}<a href="{{chrome.header.cta_href}}" class="pro-header-cta">{{chrome.header.cta_text}} <span>↗</span></a>{% endif %}{% else %}<a href="/contact/" class="pro-header-cta">取得联系 <span>↗</span></a>{% endif %}</div>{% if brands or categories %}<div class="pro-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden><span>探索品牌与系列</span><div>{% for b in brands[:10] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}{% for cat in categories[:6] %}<a href="{{cat.url}}">{{cat.name}}</a>{% endfor %}</div></div>{% endif %}</header>
|
||||
{% if not designer_replace %}{% include 'automotive/pages/' ~ kind ~ '.html' %}{% endif %}
|
||||
{% macro auto_icon(name) %}<svg class="auto-icon" aria-hidden="true" focusable="false"><use href="assets/auto-icons.svg#{{name}}"></use></svg>{% endmacro %}
|
||||
{% if chrome_is_custom %}<div class="pro-utility"{% if not chrome.header.show_announcement %} hidden{% endif %}><div class="pro-wrap"><span>{{ chrome.header.announcement }}</span><span>{{site.tagline or site.name}}</span></div></div>{% else %}<div class="pro-utility"><div class="pro-wrap"><span>AUTOMOTIVE SOURCING · GLOBAL DELIVERY</span><span>{{site.tagline or 'Explore quality vehicles and reliable export solutions'}}</span></div></div>{% endif %}
|
||||
<header class="sf-site-head pro-header auto31-header">
|
||||
<div class="pro-wrap pro-head-inner auto31-head-inner">
|
||||
<a class="pro-logo" href="/" aria-label="{{site.name}} 首页">{% if safe_image(site.logo) %}<img class="pro-brand-logo" src="{{safe_image(site.logo)}}" alt="{{site.name}} Logo">{% else %}<span class="pro-logo-symbol">M<span>.</span></span>{% endif %}<span class="pro-logo-name">{{site.name}}<small> GLOBAL AUTO EXPORT</small></span></a>
|
||||
<nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% set route_icon = 'home' if link.route == '/' else 'car' if link.route.startswith('/products/') else 'brand' if link.route.startswith('/brands/') else 'news' if link.route.startswith('/news/') else 'building' if link.route.startswith('/about/') else 'chat' if link.route.startswith('/contact/') else 'folder' if link.route.startswith('/cases/') else 'list' %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{auto_icon(route_icon)}} {{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">{{auto_icon("chevron-down")}}</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{auto_icon("folder")}} {{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">{{auto_icon("list")}} {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{auto_icon(route_icon)}} {{link.title}}</a>{% endif %}{% endfor %}{% if chrome.header.show_search %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">{{auto_icon("search")}}</a>{% endif %}</nav>
|
||||
{% if brands or categories %}<button class="pro-catalog-toggle auto31-menu-trigger" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">{{auto_icon("brand")}} 品牌与车型 {{auto_icon("chevron-down")}}</button>{% endif %}
|
||||
{% if chrome_is_custom %}{% if chrome.header.show_cta %}<a href="{{chrome.header.cta_href}}" class="pro-header-cta">{{auto_icon("chat")}} {{chrome.header.cta_text}}</a>{% endif %}{% else %}<a class="pro-header-cta" href="/contact/">{{auto_icon("chat")}} 发送询盘</a>{% endif %}
|
||||
<button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">{{auto_icon("menu")}}</button>
|
||||
</div>
|
||||
{% if brands or categories %}<div class="pro-mega auto31-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden>
|
||||
<div class="auto31-mega-lead"><span class="pro-eyebrow">FIND YOUR NEXT VEHICLE</span><h2>探索品牌与系列</h2><p>从已发布的品牌与车型目录中快速找到需要的内容。</p><a href="/products/">{{auto_icon("car")}} 浏览全部车型</a></div>
|
||||
<div class="auto31-mega-column"><strong>汽车品牌</strong><div class="auto31-mega-links">{% for b in brands[:24] %}<a href="{{b.url}}">{{auto_icon("brand")}} {{b.name}}</a>{% endfor %}{% if not brands %}<span class="auto31-muted">暂无已发布品牌</span>{% endif %}</div></div>
|
||||
<div class="auto31-mega-column auto31-mega-categories"><strong>车型类别</strong><div class="auto31-mega-links">{% for cat in categories[:12] %}<a href="{{cat.url}}">{{auto_icon("grid")}} {{cat.name}}</a>{% endfor %}</div><a class="auto31-mega-contact" href="/contact/">{{auto_icon("chat")}} 需要推荐？联系我们</a></div>
|
||||
</div>{% endif %}
|
||||
</header>
|
||||
{% if not designer_replace %}{% include ['pages/' ~ kind ~ '.html', 'automotive/pages/' ~ kind ~ '.html'] %}{% endif %}
|
||||
|
||||
{% if has_custom and kind!='notfound' %}<main id="main-content" class="sf-canvas pro-custom-content">{{custom_blocks}}</main>{% else %}<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>{% endif %}
|
||||
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">联系我们 <span>↗</span></a></div></section>{% endif %}
|
||||
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">{{auto_icon("chat")}} 联系我们</a></div></section>{% endif %}
|
||||
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>{{chrome.footer.title or site.name}}</h2><p>{{footer_text}}</p></div><div class="pro-footer-links">{{footer_links(footer_nav)}}</div><div><span class="pro-eyebrow">LET'S TALK</span><p>{{footer_email or '请在后台配置企业联系方式'}}</p></div></div><div class="pro-footer-bottom"><span>© {{year}} {{site.name}}</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>
|
||||
|
||||
{% if chrome.mobile_tabs['enabled'] and chrome.mobile_tabs['items'] %}<nav class="sf-mobile-tabs" style="--sf-mobile-tab-count:{{ chrome.mobile_tabs['items']|length }}" aria-label="手机底部快捷导航" data-mobile-tabs>
|
||||
{% for tab in chrome.mobile_tabs['items'] %}{% if tab.action == 'menu' %}<button type="button" class="sf-mobile-tab" data-mobile-open-menu aria-label="{{tab.title}}"><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></button>{% else %}<a class="sf-mobile-tab" href="{{tab.route}}"{% if tab.route == route %} aria-current="page"{% endif %}><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></a>{% endif %}{% endfor %}</nav>{% endif %}
|
||||
<script defer src="assets/site-runtime.js"></script><script defer src="assets/pro.js"></script></body></html>
|
||||
<script defer src="assets/auto-compiled.js"></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
@@ -2,7 +2,7 @@
|
||||
{% from '_professional_components.html' import card,cover,grid,section_title,filters,footer_links,body_copy with context %}
|
||||
<div class="pro-utility"><div class="pro-wrap"><span>GLOBAL MOBILITY / CURATED SUPPLY</span><span>DRIVEN BY WHAT'S NEXT <i>✦</i></span></div></div>
|
||||
<header class="sf-site-head pro-header"><div class="pro-wrap pro-head-inner"><a class="pro-logo" href="/"><span class="pro-logo-symbol">S<span>.</span></span><span class="pro-logo-name">{{site.name}}<small> AUTOMOTIVE</small></span></a><button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">☰</button><nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">▾</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">— {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{link.title}}</a>{% endif %}{% endfor %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">⌕</a></nav><button class="pro-catalog-toggle" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">品牌与系列 ▾</button><a href="/contact/" class="pro-header-cta">取得联系 <span>↗</span></a></div>{% if brands or categories %}<div class="pro-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden><span>探索品牌与系列</span><div>{% for b in brands[:10] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}{% for cat in categories[:6] %}<a href="{{cat.url}}">{{cat.name}}</a>{% endfor %}</div></div>{% endif %}</header>
|
||||
{% if not designer_replace %}{% include 'automotive/pages/' ~ kind ~ '.html' %}{% endif %}
|
||||
{% if not designer_replace %}{% include ['pages/' ~ kind ~ '.html', 'automotive/pages/' ~ kind ~ '.html'] %}{% endif %}
|
||||
|
||||
{% if has_custom and kind!='notfound' %}<main id="main-content" class="sf-canvas pro-custom-content">{{custom_blocks}}</main>{% else %}<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>{% endif %}
|
||||
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">联系我们 <span>↗</span></a></div></section>{% endif %}
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"id": "automotive",
|
||||
"name": "汽车与出行",
|
||||
"description": "商业主题体验升级：独立视觉素材、响应式排版、产品列表筛选、多级导航、可访问性与交付检查（需真实内容验收）",
|
||||
"version": "1.1.0",
|
||||
"style": "luxury",
|
||||
"entry": "pro.html",
|
||||
"styles": [
|
||||
"theme.css",
|
||||
"blocks.css"
|
||||
],
|
||||
"page_templates": [
|
||||
"home",
|
||||
"about",
|
||||
"contact",
|
||||
"listing",
|
||||
"category",
|
||||
"product",
|
||||
"article",
|
||||
"brand",
|
||||
"case",
|
||||
"service",
|
||||
"faq",
|
||||
"standard",
|
||||
"notfound"
|
||||
],
|
||||
"blocks": [
|
||||
"hero",
|
||||
"richtext",
|
||||
"features",
|
||||
"stats",
|
||||
"collection",
|
||||
"image_text",
|
||||
"gallery",
|
||||
"faq",
|
||||
"cta",
|
||||
"attributes",
|
||||
"spacer"
|
||||
],
|
||||
"responsive": true,
|
||||
"auto_binding": true,
|
||||
"professional_layout": true,
|
||||
"commercial_ui": true,
|
||||
"commercial_features": [
|
||||
"responsive-design",
|
||||
"product-detail",
|
||||
"brand-collections",
|
||||
"gallery",
|
||||
"content-facets",
|
||||
"mega-navigation",
|
||||
"contact-integration",
|
||||
"readiness-audit"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,285 @@
|
||||
{
|
||||
"home": [
|
||||
{
|
||||
"id": "ff2755fabe",
|
||||
"type": "hero",
|
||||
"visible": true,
|
||||
"title": "探索全球汽车新可能",
|
||||
"subtitle": "THE WORLD OF MOBILITY",
|
||||
"description": "{{site.tagline}}",
|
||||
"button": "浏览车型",
|
||||
"href": "/product/",
|
||||
"align": "left"
|
||||
},
|
||||
{
|
||||
"id": "f997b5975c",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "精选车型",
|
||||
"subtitle": "EXPLORE OUR COLLECTION",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
},
|
||||
{
|
||||
"id": "b79e9bdeee",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "值得信赖的服务",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "fd3475d4a9",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "专业采购与全球交付",
|
||||
"subtitle": "GLOBAL DELIVERY",
|
||||
"description": "为海外市场提供适合的汽车采购与服务解决方案。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "5f159c1114",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启下一次合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"about": [
|
||||
{
|
||||
"id": "3b57a5c80a",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "认识我们",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "展示业务流程和服务理念。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c7aaebcbc8",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "我们的实力",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "f0d35431bc",
|
||||
"type": "features",
|
||||
"visible": true,
|
||||
"title": "我们的优势",
|
||||
"items": [
|
||||
{
|
||||
"title": "专业服务",
|
||||
"text": "从咨询到交付"
|
||||
},
|
||||
{
|
||||
"title": "品质保障",
|
||||
"text": "严格的质量流程"
|
||||
},
|
||||
{
|
||||
"title": "全球网络",
|
||||
"text": "连接不同市场"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"contact": [
|
||||
{
|
||||
"id": "a21100b5fd",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "联系我们",
|
||||
"body": "<p>请填写企业联系方式与地址。</p>"
|
||||
},
|
||||
{
|
||||
"id": "360304f1f1",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "欢迎联系",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"listing": [
|
||||
{
|
||||
"id": "e8c990ef8b",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "所有在售车型",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 24,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"product": [
|
||||
{
|
||||
"id": "7dfe1376b0",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "产品介绍",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c3a67474f4",
|
||||
"type": "attributes",
|
||||
"visible": true,
|
||||
"title": "产品规格与参数"
|
||||
},
|
||||
{
|
||||
"id": "29b39f194a",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "产品详情",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"id": "70d24b5293",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启新的合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"article": [
|
||||
{
|
||||
"id": "f283231732",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"brand": [
|
||||
{
|
||||
"id": "e08f6ad68f",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "0f3689e9f0",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "品牌产品",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"standard": [
|
||||
{
|
||||
"id": "d47d90fe91",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"notfound": [
|
||||
{
|
||||
"id": "8b39fc46a4",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "页面暂时无法访问",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "返回首页",
|
||||
"href": "/"
|
||||
}
|
||||
],
|
||||
"case": [
|
||||
{
|
||||
"type": "image_text",
|
||||
"title": "{{page.title}}",
|
||||
"image": "{{page.cover}}",
|
||||
"description": "{{page.summary}}"
|
||||
},
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "项目概述",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"service": [
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"type": "cta",
|
||||
"title": "了解更多",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"faq": [
|
||||
{
|
||||
"type": "faq",
|
||||
"title": "常见问题",
|
||||
"items": []
|
||||
}
|
||||
],
|
||||
"category": [
|
||||
{
|
||||
"type": "collection",
|
||||
"title": "分类产品",
|
||||
"source": "product",
|
||||
"limit": 24
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-article-hero"><div class="pro-wrap pro-article-width"><span class="pro-eyebrow">LATEST NEWS / INSIGHTS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p>{% if fields.get('publish_date') %}<time>{{fields.get('publish_date')}}</time>{% endif %}</div></section><article class="pro-wrap pro-article-content">{% if page.cover %}<img class="pro-article-cover" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}{{body_copy(content,page)}}<a class="pro-text-link" href="/news/">← 返回新闻</a></article>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero pro-brand-hero"><div class="pro-wrap pro-brand-hero-grid"><div><span class="pro-eyebrow">BRAND PROFILE / PARTNERS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div><div class="pro-brand-media">{{cover(page,'brand')}}</div></div></section><section class="pro-section"><div class="pro-wrap">{{body_copy(content,page)}}{% if related %}{{section_title('PRODUCT LINE','相关产品','/products/')}}{{grid(related,'product')}}{% endif %}</div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">浏览更多案例 →</a></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
@@ -0,0 +1,7 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
{% if form_endpoint %}
|
||||
<section class="pro-section"><div class="pro-wrap pro-inquiry-wrap"><div><span class="pro-eyebrow">CONTACT FORM</span><h2>提交业务咨询</h2><p>提交内容将直接发送到网站管理员配置的外部表单服务。</p></div>
|
||||
<form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">提交咨询 ↗</button><p>表单提交由外部服务处理，请确认其隐私政策及垃圾信息过滤设置。</p></form></div></section>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,4 @@
|
||||
<section class="pro-home-hero pro-auto-hero"><div class="pro-wrap pro-home-grid"><div class="pro-hero-copy"><span class="pro-eyebrow">01 / THE WORLD IN MOTION</span><h1>{{page.title if page.title not in (site.name,'首页','Home') else site.name}}<em> MOVE BEYOND.</em></h1><p>{{page.summary or site.tagline or '探索企业产品与解决方案。'}}</p><div class="pro-hero-actions"><a class="pro-button" href="/products/">探索车型 <span>↗</span></a><a class="pro-link-light" href="/about/">了解企业 →</a></div></div><div class="pro-hero-art">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% else %}<div class="pro-abstract-car"><span>THE NEXT CHAPTER</span><div class="auto-wheel a"></div><div class="auto-wheel b"></div></div>{% endif %}<b>DRIVE / 01</b></div></div><div class="pro-wrap pro-hero-bottom"><span>DESIGN / TRUST / DELIVERY</span><span>SCROLL TO DISCOVER ↓</span></div></section>
|
||||
{% if showcase %}<section class="pro-section pro-featured"><div class="pro-wrap">{{section_title('02 / COLLECTION','探索精选车型','/products/')}}{{grid(showcase,'vehicle')}}</div></section>{% endif %}
|
||||
<section class="pro-section pro-statement"><div class="pro-wrap pro-statement-layout"><span class="pro-eyebrow">THE COMPANY</span><div><h2>把产品带向更广阔的市场。</h2><p>{{site.tagline or '在这里展示企业独特的产品与服务能力。'}}</p><a class="pro-text-link" href="/about/">认识我们 ↗</a></div></div></section>
|
||||
{% if brands %}<section class="pro-section pro-brand-section"><div class="pro-wrap">{{section_title('03 / BRANDS','品牌与合作伙伴','/brands/')}}<div class="pro-brand-pills">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}</div></div></section>{% endif %}
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">返回首页 ↗</a></section>
|
||||
@@ -0,0 +1,3 @@
|
||||
<section class="pro-section pro-product-layout"><div class="pro-wrap"><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><a href="/products/">产品中心</a><span>／</span><strong>{{page.title}}</strong></div>
|
||||
<div class="pro-product-hero"><div class="pro-product-gallery"><div class="pro-product-media">{{cover(page,'product')}}</div>{% if gallery|length>1 %}<div class="pro-gallery-thumbs" aria-label="产品图片画廊">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图{{loop.index}}" loading="lazy"></button>{% endfor %}</div>{% endif %}</div><div class="pro-product-summary"><span class="pro-eyebrow">PRODUCT DETAILS / {{fields.get('brand') or 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '在此查看产品详细资料。'}}</p>{% if fields.get('brand') %}<p class="pro-product-brand">品牌 · {{fields.get('brand')}}</p>{% endif %}<a class="pro-button" href="/contact/">咨询该产品 <span>↗</span></a></div></div>
|
||||
<div class="pro-detail-layout"><div><span class="pro-eyebrow">OVERVIEW</span><h2>产品介绍</h2>{{body_copy(content,page)}}</div><div><span class="pro-eyebrow">SPECIFICATIONS</span><h2>规格参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">尚未填写详细参数。</p>{% endfor %}</div></div></div></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SEARCH / CONTENT</span><h1>站内搜索</h1><p>搜索本网站的产品、品牌、新闻和案例。</p></div></section>
|
||||
<main id="main-content" class="sf-search-page pro-wrap"><label for="sf-search">输入关键词</label><input type="search" id="sf-search" placeholder="搜索产品、品牌、新闻、案例……" autofocus><div id="sf-search-count" aria-live="polite"></div><div id="sf-search-results"></div></main>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,8 @@
|
||||
:root{--pro-text:#1c2a3b;--pro-muted:#718094;--pro-border:#e2e8ef;--pro-background:#fff;--pro-surface:#f2f5f9;--pro-accent:#bb8d50;--pro-hero:#0c1b2e;--pro-radius:5px;--pro-headings:'Arial Narrow',Arial,sans-serif;--pro-wide:1320px}
|
||||
.pro-header{background:#0e1e30;color:#fff;border-color:#26374b}.pro-logo-symbol{color:#e0ae6c}.pro-logo-symbol span{color:#fff}.pro-logo-name small{color:#b3bfcf}.pro-header-cta{background:#c59b63;color:#0f1a26!important}.pro-navigation a:hover{color:#dfb97d}.pro-mega{background:#13263b;border-color:#2a4058;color:#c2d0de}.pro-mega>span{color:#d5aa72}.pro-mobile-toggle{color:#fff}
|
||||
.pro-auto-hero{background:radial-gradient(circle at 68% 50%,#243b54 0%,#112539 34%,#081728 100%);color:#fff}.pro-auto-hero .pro-eyebrow{color:#d5a366}.pro-auto-hero .pro-hero-copy h1 em{color:#d2a16b}.pro-auto-hero .pro-hero-copy p{color:#b9c7d6}.pro-auto-hero .pro-button{color:#0d1b2d!important;background:#d8ad72}.pro-link-light{color:#d8e4ec;font-size:13px;font-weight:750}.pro-auto-hero .pro-hero-art{background:linear-gradient(160deg,#243e59,#0f2033);border:1px solid #ffffff25;box-shadow:0 50px 80px #0005;border-radius:3px;overflow:visible}.pro-abstract-car{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#45648599,transparent 63%)}.pro-abstract-car:before{content:'';position:absolute;left:10%;right:9%;bottom:29%;height:29%;border:3px solid #d3dfefad;border-radius:53% 49% 10% 12%;transform:skewX(-9deg);box-shadow:0 23px 15px #05121f88,0 0 0 3px #182c41 inset}.pro-abstract-car:after{content:'';position:absolute;left:23%;right:23%;bottom:56%;height:17%;border:3px solid #d3dfef72;border-radius:85% 85% 0 0;transform:skewX(-20deg)}.pro-abstract-car>span{position:absolute;top:26px;right:22px;font-size:10px;letter-spacing:.2em;color:#ccd9e5}.auto-wheel{position:absolute;bottom:18%;width:16%;aspect-ratio:1;border-radius:50%;border:11px solid #6f8499;background:#111e2c;box-shadow:0 0 0 4px #111a25}.auto-wheel.a{left:19%}.auto-wheel.b{right:17%}.pro-hero-art>b{position:absolute;bottom:-31px;right:0;font-size:11px;letter-spacing:.2em;color:#bdcde0}.pro-featured{background:#f4f6f8}.pro-featured .pro-card{border:0;box-shadow:0 7px 30px #0f2e4710}.pro-featured .pro-card-cover{background:#d9e2eb}.pro-featured .pro-art{background:linear-gradient(140deg,#dce5ed,#a9baca)}.pro-featured .pro-art-ring{border-color:#eef3f8bb}.pro-statement{background:#12243b;color:#fff}.pro-statement .pro-eyebrow{color:#d3a975}.pro-statement p{color:#aebfd3}.pro-statement h2{font-size:clamp(42px,5vw,70px);max-width:700px}.pro-statement .pro-text-link{color:#dfba83}.pro-brand-section{background:white}.pro-brand-pills a{min-width:150px;text-align:center;background:#f5f7fa}.pro-inner-hero{background:linear-gradient(120deg,#101e31,#273b51);color:#fff}.pro-inner-hero .pro-eyebrow{color:#d0a46b}.pro-inner-hero p,.pro-inner-hero .pro-breadcrumb{color:#c9d1df}.pro-inner-hero .pro-breadcrumb strong{color:#fff}.pro-article-hero{background:#14243a;color:#fff}.pro-article-hero p{color:#bed0df}.pro-footer{background:#071421}.pro-footer-bottom{color:#98aebf}.pro-end-cta{background:#1a324b}.pro-end-cta a{background:#d4a56d;color:#132339!important}.pro-404 h1{color:#b8905c}
|
||||
|
||||
/* SiteForge V5 commercial signature */
|
||||
.pro-auto-hero .pro-hero-art{background-image:url("./visual/hero.svg")!important;background-position:center;background-size:cover;}
|
||||
|
||||
.pro-auto-hero{background:linear-gradient(117deg,#081729 0%,#102a43 100%)}.pro-auto-hero .pro-hero-art{border:1px solid #52667a55;border-radius:3px;box-shadow:0 30px 90px #0004;transform:translateX(0)}.pro-auto-hero .pro-hero-art .pro-abstract-car{opacity:0}.pro-hero-bottom{border-top:1px solid #ffffff1c}.pro-brand-pills a{transition:background .2s}.pro-brand-pills a:hover{background:#d6a974;color:#10233a}.pro-card{border-color:#e0e6ee;border-radius:5px}.pro-card-cover{background:linear-gradient(135deg,#edf1f6,#dbe4eb)}.pro-art{background:linear-gradient(130deg,#e0e8ee,#c4d0dc);color:#37536b}.pro-featured{background:#f8fafc}.pro-statement{background:#0d2134;color:white}.pro-statement p{color:#c6d0dd}.pro-statement .pro-text-link{color:#f0b870}.pro-section-head h2{font-weight:800}.pro-footer{background:#08182a;color:#e5e9ed}
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="/"><title>{{ seo_title }}</title><meta name="description" content="{{ seo_description }}"><meta property="og:type" content="{{ 'article' if kind in ('article','case') else 'website' }}"><meta property="og:title" content="{{ seo_title }}"><meta property="og:description" content="{{ seo_description }}">{% if canonical %}<meta property="og:url" content="{{canonical}}">{% endif %}<meta name="theme-color" content="{{theme_color}}"><meta name="robots" content="{{ 'noindex,follow' if noindex else page.get('robots','index,follow') }}">{% if canonical and not noindex %}<link rel="canonical" href="{{ canonical }}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/factory.css"><link rel="stylesheet" href="assets/pro-base.css"><link rel="stylesheet" href="assets/pro.css"><link rel="stylesheet" href="assets/commercial.css">{% if theme_overrides %}<link rel="stylesheet" href="assets/theme-overrides.css">{% endif %}<link rel="stylesheet" href="assets/custom.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
|
||||
{% from '_professional_components.html' import card,cover,grid,section_title,filters,footer_links,body_copy with context %}
|
||||
{% if chrome_is_custom %}<div class="pro-utility"{% if not chrome.header.show_announcement %} hidden{% endif %}><div class="pro-wrap"><span>{{ chrome.header.announcement }}</span><span>{{ site.tagline or site.name }}</span></div></div>{% else %}<div class="pro-utility"><div class="pro-wrap"><span>GLOBAL MOBILITY / CURATED SUPPLY</span><span>DRIVEN BY WHAT'S NEXT <i>✦</i></span></div></div>{% endif %}
|
||||
<header class="sf-site-head pro-header"><div class="pro-wrap pro-head-inner"><a class="pro-logo" href="/" aria-label="{{site.name}} 首页">{% if safe_image(site.logo) %}<img class="pro-brand-logo" src="{{safe_image(site.logo)}}" alt="{{site.name}} Logo">{% else %}<span class="pro-logo-symbol">S<span>.</span></span>{% endif %}<span class="pro-logo-name">{{site.name}}<small> AUTOMOTIVE</small></span></a><button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">☰</button><nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">▾</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">— {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{link.title}}</a>{% endif %}{% endfor %}{% if chrome.header.show_search %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">⌕</a>{% endif %}</nav><button class="pro-catalog-toggle" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">品牌与系列 ▾</button>{% if chrome_is_custom %}{% if chrome.header.show_cta %}<a href="{{chrome.header.cta_href}}" class="pro-header-cta">{{chrome.header.cta_text}} <span>↗</span></a>{% endif %}{% else %}<a href="/contact/" class="pro-header-cta">取得联系 <span>↗</span></a>{% endif %}</div>{% if brands or categories %}<div class="pro-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden><span>探索品牌与系列</span><div>{% for b in brands[:10] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}{% for cat in categories[:6] %}<a href="{{cat.url}}">{{cat.name}}</a>{% endfor %}</div></div>{% endif %}</header>
|
||||
{% if not designer_replace %}{% include ['pages/' ~ kind ~ '.html', 'automotive/pages/' ~ kind ~ '.html'] %}{% endif %}
|
||||
|
||||
{% if has_custom and kind!='notfound' %}<main id="main-content" class="sf-canvas pro-custom-content">{{custom_blocks}}</main>{% else %}<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>{% endif %}
|
||||
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">联系我们 <span>↗</span></a></div></section>{% endif %}
|
||||
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>{{chrome.footer.title or site.name}}</h2><p>{{footer_text}}</p></div><div class="pro-footer-links">{{footer_links(footer_nav)}}</div><div><span class="pro-eyebrow">LET'S TALK</span><p>{{footer_email or '请在后台配置企业联系方式'}}</p></div></div><div class="pro-footer-bottom"><span>© {{year}} {{site.name}}</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>
|
||||
|
||||
{% if chrome.mobile_tabs['enabled'] and chrome.mobile_tabs['items'] %}<nav class="sf-mobile-tabs" style="--sf-mobile-tab-count:{{ chrome.mobile_tabs['items']|length }}" aria-label="手机底部快捷导航" data-mobile-tabs>
|
||||
{% for tab in chrome.mobile_tabs['items'] %}{% if tab.action == 'menu' %}<button type="button" class="sf-mobile-tab" data-mobile-open-menu aria-label="{{tab.title}}"><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></button>{% else %}<a class="sf-mobile-tab" href="{{tab.route}}"{% if tab.route == route %} aria-current="page"{% endif %}><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></a>{% endif %}{% endfor %}</nav>{% endif %}
|
||||
<script defer src="assets/site-runtime.js"></script><script defer src="assets/pro.js"></script></body></html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><base href="/"><title>{{seo_title}}</title><meta name="description" content="{{seo_description}}"><meta name="robots" content="{{'noindex,follow' if mode=='notfound' else (page.robots or 'index,follow')}}">{% if canonical %}<link rel="canonical" href="{{canonical}}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/custom.css"></head><body>
|
||||
<div class="utility"><span>GLOBAL SOURCING · GLOBAL DELIVERY</span><span>SiteForge Automotive Collection</span></div>
|
||||
<header class="header"><a class="brand" href="./"><span class="mark">S.</span><span>{{site.name}}<small>AUTO & MOBILITY</small></span></a><nav><a href="./">Home</a>{% for n in nav if n.route!='/' %}<a href="{{link(n.route)}}">{{n.title}}</a>{% endfor %}{% if entries | selectattr('type','equalto','product') | list %}<a href="product/">Vehicles</a>{% endif %}{% if entries | selectattr('type','equalto','post') | list %}<a href="post/">News</a>{% endif %}</nav><a href="mailto:{{site.email or "info@example.com"}}" class="nav-cta">GET IN TOUCH ↗</a></header>
|
||||
{% if blueprint_mode %}{% elif mode=='home' %}<section class="hero"><div class="hero-inner"><div class="hero-copy"><span class="eyebrow"><span class="glow"></span> GLOBAL AUTOMOTIVE NETWORK</span><h1>{{page.title if page.title!=site.name else 'MOVE BEYOND'}}</h1><p>{{page.summary or site.tagline or 'Discover global mobility and automotive supply solutions.'}}</p><div class="hero-actions"><a href="product/" class="btn">EXPLORE OUR FLEET <span>↗</span></a><span class="hero-hint">Built for the road ahead.</span></div></div><div class="hero-visual">{% if page.cover %}<img src="{{asset(page.cover)}}" alt="{{page.title}}">{% else %}<div class="car-shape"><div class="car-glow"></div><div class="car-body"></div><div class="wheel wheel-one"></div><div class="wheel wheel-two"></div></div>{% endif %}<div class="hero-no">01 / EXPLORE</div></div></div><div class="hero-bottom"><span>DISCOVER MORE</span><span>QUALITY · TRUST · WORLDWIDE</span><span>↓</span></div></section>
|
||||
{% elif mode=='listing' %}<section class="inner-hero"><span class="eyebrow">THE COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></section>
|
||||
{% elif mode=='notfound' %}<section class="inner-hero"><h1>404</h1><p>We couldn't find that page.</p></section>
|
||||
{% else %}<section class="inner-hero"><span class="eyebrow">{{type_names.get(page.type,'PAGE')|upper}} / THE DETAILS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></section>{% endif %}
|
||||
{% if blueprint_mode %}<main class="sf-canvas">{{blocks}}</main>{% else %}<main class="main"><div class="container">{% if mode in ['detail','home'] and (content or blocks) %}<article class="rich-content">{{blocks}}{{content}}</article>{% endif %}
|
||||
{% if mode=='detail' and page.cover %}<div class="detail-media"><img src="{{asset(page.cover)}}" alt="{{page.title}}"></div>{% endif %}
|
||||
{% if mode=='listing' %}<div class="section-title"><span>THE SELECTION</span><h2>Explore the collection</h2></div><div class="card-grid">{% for item in listing_items %}<a class="model-card" href="{{link(item.route)}}"><div class="card-visual">{% if item.cover %}<img src="{{asset(item.cover)}}" alt="{{item.title}}">{% else %}<span class="card-monogram">{{item.title[:2]|upper}}</span>{% endif %}</div><div class="card-copy"><span>{{type_names.get(item.type,'ITEM')}}</span><h3>{{item.title}}</h3><p>{{item.summary|truncate(95)}}</p><b>DISCOVER ↗</b></div></a>{% endfor %}</div>{% endif %}
|
||||
{% if mode=='home' %}{% set showcase=entries|selectattr('type','equalto','product')|list %}{% if showcase %}<div class="section-title"><span>CURATED MOBILITY</span><h2>Featured Vehicles</h2><a href="product/">VIEW COLLECTION ↗</a></div><div class="card-grid">{% for item in showcase[:6] %}<a class="model-card" href="{{link(item.route)}}"><div class="card-visual">{% if item.cover %}<img src="{{asset(item.cover)}}" alt="{{item.title}}">{% else %}<span class="card-monogram">{{item.title[:2]|upper}}</span>{% endif %}</div><div class="card-copy"><span>VEHICLE</span><h3>{{item.title}}</h3><p>{{item.summary|truncate(105)}}</p><b>VIEW DETAILS ↗</b></div></a>{% endfor %}</div>{% endif %}{% endif %}
|
||||
</div></main>
|
||||
{% endif %}<footer><div><div class="footer-brand">{{site.name}}<span> · GLOBAL MOBILITY</span></div><p>{{site.tagline}}</p></div><div class="footer-bottom"><span>© {{site.name}}</span><span>BUILT FOR TOMORROW · POWERED BY SITEFORGE</span></div></footer></body></html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 740"><defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#162c42"/><stop offset="1" stop-color="#081a2b"/></linearGradient><linearGradient id="s" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#acc8d2"/><stop offset=".48" stop-color="#516b82"/><stop offset="1" stop-color="#182f46"/></linearGradient><radialGradient id="lit"><stop stop-color="#e8ad68" stop-opacity=".3"/><stop offset="1" stop-color="#e8ad68" stop-opacity="0"/></radialGradient></defs><rect width="1000" height="740" fill="url(#bg)"/><circle cx="600" cy="290" r="420" fill="url(#lit)"/><g fill="none" stroke="#d8e6f0" stroke-opacity=".09"><path d="M0 580h1000M0 612h1000M0 644h1000M0 676h1000"/><path d="M150 740 500 490 860 740M0 740 470 490 1000 740"/></g><g transform="translate(45 80)"><ellipse cx="500" cy="520" rx="425" ry="45" fill="#000" opacity=".4"/><path d="M105 393q59-48 133-65l95-118q29-37 79-42l205-3q52-1 91 45l91 109q70 13 94 45l30 75-18 44H99L74 446Z" fill="url(#s)" stroke="#c4d5dc" stroke-width="5"/><path d="m285 323 98-109q19-20 52-20h168q35 0 66 35l70 93Z" fill="#132b40" stroke="#95b4c4" stroke-width="4"/><path d="M506 198v126" stroke="#a7c1cc" stroke-width="5"/><path d="M104 394q104-26 187-17m424-6q98 0 162 21" stroke="#d4e3e7" stroke-opacity=".7" stroke-width="4"/><path d="M96 419h113M806 413h90" stroke="#fff5d9" stroke-width="11" stroke-linecap="round"/><path d="M316 387h322" stroke="#dce6e9" stroke-opacity=".2" stroke-width="2"/><circle cx="253" cy="478" r="78" fill="#0c1825" stroke="#b6c0c5" stroke-width="9"/><circle cx="253" cy="478" r="39" fill="#667c89" stroke="#d1e0e6" stroke-width="8"/><circle cx="735" cy="478" r="78" fill="#0c1825" stroke="#b6c0c5" stroke-width="9"/><circle cx="735" cy="478" r="39" fill="#667c89" stroke="#d1e0e6" stroke-width="8"/></g><text x="50" y="62" fill="#d7a76d" font-size="14" font-family="Arial" letter-spacing="7">CONCEPT / MOBILITY</text><path d="M52 80h220" stroke="#b98756" opacity=".55"/></svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"id": "automotive",
|
||||
"name": "汽车与出行",
|
||||
"description": "四套主题移动端抽屉/可选 Tabs 与 V8.29 手机排版、卡片、可访问性增强；上线前需核对真实内容。",
|
||||
"version": "1.2.0",
|
||||
"style": "luxury",
|
||||
"entry": "pro.html",
|
||||
"styles": [
|
||||
"theme.css",
|
||||
"blocks.css"
|
||||
],
|
||||
"page_templates": [
|
||||
"home",
|
||||
"about",
|
||||
"contact",
|
||||
"listing",
|
||||
"category",
|
||||
"product",
|
||||
"article",
|
||||
"brand",
|
||||
"case",
|
||||
"service",
|
||||
"faq",
|
||||
"standard",
|
||||
"notfound"
|
||||
],
|
||||
"blocks": [
|
||||
"hero",
|
||||
"richtext",
|
||||
"features",
|
||||
"stats",
|
||||
"collection",
|
||||
"image_text",
|
||||
"gallery",
|
||||
"faq",
|
||||
"cta",
|
||||
"attributes",
|
||||
"spacer"
|
||||
],
|
||||
"responsive": true,
|
||||
"auto_binding": true,
|
||||
"professional_layout": true,
|
||||
"commercial_ui": true,
|
||||
"commercial_features": [
|
||||
"responsive-design",
|
||||
"product-detail",
|
||||
"brand-collections",
|
||||
"gallery",
|
||||
"content-facets",
|
||||
"mega-navigation",
|
||||
"contact-integration",
|
||||
"readiness-audit"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,285 @@
|
||||
{
|
||||
"home": [
|
||||
{
|
||||
"id": "ff2755fabe",
|
||||
"type": "hero",
|
||||
"visible": true,
|
||||
"title": "探索全球汽车新可能",
|
||||
"subtitle": "THE WORLD OF MOBILITY",
|
||||
"description": "{{site.tagline}}",
|
||||
"button": "浏览车型",
|
||||
"href": "/product/",
|
||||
"align": "left"
|
||||
},
|
||||
{
|
||||
"id": "f997b5975c",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "精选车型",
|
||||
"subtitle": "EXPLORE OUR COLLECTION",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
},
|
||||
{
|
||||
"id": "b79e9bdeee",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "值得信赖的服务",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "fd3475d4a9",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "专业采购与全球交付",
|
||||
"subtitle": "GLOBAL DELIVERY",
|
||||
"description": "为海外市场提供适合的汽车采购与服务解决方案。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "5f159c1114",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启下一次合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"about": [
|
||||
{
|
||||
"id": "3b57a5c80a",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "认识我们",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "展示业务流程和服务理念。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c7aaebcbc8",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "我们的实力",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "f0d35431bc",
|
||||
"type": "features",
|
||||
"visible": true,
|
||||
"title": "我们的优势",
|
||||
"items": [
|
||||
{
|
||||
"title": "专业服务",
|
||||
"text": "从咨询到交付"
|
||||
},
|
||||
{
|
||||
"title": "品质保障",
|
||||
"text": "严格的质量流程"
|
||||
},
|
||||
{
|
||||
"title": "全球网络",
|
||||
"text": "连接不同市场"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"contact": [
|
||||
{
|
||||
"id": "a21100b5fd",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "联系我们",
|
||||
"body": "<p>请填写企业联系方式与地址。</p>"
|
||||
},
|
||||
{
|
||||
"id": "360304f1f1",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "欢迎联系",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"listing": [
|
||||
{
|
||||
"id": "e8c990ef8b",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "所有在售车型",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 24,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"product": [
|
||||
{
|
||||
"id": "7dfe1376b0",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "产品介绍",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c3a67474f4",
|
||||
"type": "attributes",
|
||||
"visible": true,
|
||||
"title": "产品规格与参数"
|
||||
},
|
||||
{
|
||||
"id": "29b39f194a",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "产品详情",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"id": "70d24b5293",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启新的合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"article": [
|
||||
{
|
||||
"id": "f283231732",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"brand": [
|
||||
{
|
||||
"id": "e08f6ad68f",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "0f3689e9f0",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "品牌产品",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"standard": [
|
||||
{
|
||||
"id": "d47d90fe91",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"notfound": [
|
||||
{
|
||||
"id": "8b39fc46a4",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "页面暂时无法访问",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "返回首页",
|
||||
"href": "/"
|
||||
}
|
||||
],
|
||||
"case": [
|
||||
{
|
||||
"type": "image_text",
|
||||
"title": "{{page.title}}",
|
||||
"image": "{{page.cover}}",
|
||||
"description": "{{page.summary}}"
|
||||
},
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "项目概述",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"service": [
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"type": "cta",
|
||||
"title": "了解更多",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"faq": [
|
||||
{
|
||||
"type": "faq",
|
||||
"title": "常见问题",
|
||||
"items": []
|
||||
}
|
||||
],
|
||||
"category": [
|
||||
{
|
||||
"type": "collection",
|
||||
"title": "分类产品",
|
||||
"source": "product",
|
||||
"limit": 24
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-article-hero"><div class="pro-wrap pro-article-width"><span class="pro-eyebrow">LATEST NEWS / INSIGHTS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p>{% if fields.get('publish_date') %}<time>{{fields.get('publish_date')}}</time>{% endif %}</div></section><article class="pro-wrap pro-article-content">{% if page.cover %}<img class="pro-article-cover" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}{{body_copy(content,page)}}<a class="pro-text-link" href="/news/">← 返回新闻</a></article>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero pro-brand-hero"><div class="pro-wrap pro-brand-hero-grid"><div><span class="pro-eyebrow">BRAND PROFILE / PARTNERS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div><div class="pro-brand-media">{{cover(page,'brand')}}</div></div></section><section class="pro-section"><div class="pro-wrap">{{body_copy(content,page)}}{% if related %}{{section_title('PRODUCT LINE','相关产品','/products/')}}{{grid(related,'product')}}{% endif %}</div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">浏览更多案例 →</a></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
@@ -0,0 +1,7 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
{% if form_endpoint %}
|
||||
<section class="pro-section"><div class="pro-wrap pro-inquiry-wrap"><div><span class="pro-eyebrow">CONTACT FORM</span><h2>提交业务咨询</h2><p>提交内容将直接发送到网站管理员配置的外部表单服务。</p></div>
|
||||
<form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">提交咨询 ↗</button><p>表单提交由外部服务处理，请确认其隐私政策及垃圾信息过滤设置。</p></form></div></section>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,4 @@
|
||||
<section class="pro-home-hero pro-auto-hero"><div class="pro-wrap pro-home-grid"><div class="pro-hero-copy"><span class="pro-eyebrow">01 / THE WORLD IN MOTION</span><h1>{{page.title if page.title not in (site.name,'首页','Home') else site.name}}<em> MOVE BEYOND.</em></h1><p>{{page.summary or site.tagline or '探索企业产品与解决方案。'}}</p><div class="pro-hero-actions"><a class="pro-button" href="/products/">探索车型 <span>↗</span></a><a class="pro-link-light" href="/about/">了解企业 →</a></div></div><div class="pro-hero-art">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% else %}<div class="pro-abstract-car"><span>THE NEXT CHAPTER</span><div class="auto-wheel a"></div><div class="auto-wheel b"></div></div>{% endif %}<b>DRIVE / 01</b></div></div><div class="pro-wrap pro-hero-bottom"><span>DESIGN / TRUST / DELIVERY</span><span>SCROLL TO DISCOVER ↓</span></div></section>
|
||||
{% if showcase %}<section class="pro-section pro-featured"><div class="pro-wrap">{{section_title('02 / COLLECTION','探索精选车型','/products/')}}{{grid(showcase,'vehicle')}}</div></section>{% endif %}
|
||||
<section class="pro-section pro-statement"><div class="pro-wrap pro-statement-layout"><span class="pro-eyebrow">THE COMPANY</span><div><h2>把产品带向更广阔的市场。</h2><p>{{site.tagline or '在这里展示企业独特的产品与服务能力。'}}</p><a class="pro-text-link" href="/about/">认识我们 ↗</a></div></div></section>
|
||||
{% if brands %}<section class="pro-section pro-brand-section"><div class="pro-wrap">{{section_title('03 / BRANDS','品牌与合作伙伴','/brands/')}}<div class="pro-brand-pills">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}</div></div></section>{% endif %}
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">返回首页 ↗</a></section>
|
||||
@@ -0,0 +1,3 @@
|
||||
<section class="pro-section pro-product-layout"><div class="pro-wrap"><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><a href="/products/">产品中心</a><span>／</span><strong>{{page.title}}</strong></div>
|
||||
<div class="pro-product-hero"><div class="pro-product-gallery"><div class="pro-product-media">{{cover(page,'product')}}</div>{% if gallery|length>1 %}<div class="pro-gallery-thumbs" aria-label="产品图片画廊">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图{{loop.index}}" loading="lazy"></button>{% endfor %}</div>{% endif %}</div><div class="pro-product-summary"><span class="pro-eyebrow">PRODUCT DETAILS / {{fields.get('brand') or 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '在此查看产品详细资料。'}}</p>{% if fields.get('brand') %}<p class="pro-product-brand">品牌 · {{fields.get('brand')}}</p>{% endif %}<a class="pro-button" href="/contact/">咨询该产品 <span>↗</span></a></div></div>
|
||||
<div class="pro-detail-layout"><div><span class="pro-eyebrow">OVERVIEW</span><h2>产品介绍</h2>{{body_copy(content,page)}}</div><div><span class="pro-eyebrow">SPECIFICATIONS</span><h2>规格参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">尚未填写详细参数。</p>{% endfor %}</div></div></div></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SEARCH / CONTENT</span><h1>站内搜索</h1><p>搜索本网站的产品、品牌、新闻和案例。</p></div></section>
|
||||
<main id="main-content" class="sf-search-page pro-wrap"><label for="sf-search">输入关键词</label><input type="search" id="sf-search" placeholder="搜索产品、品牌、新闻、案例……" autofocus><div id="sf-search-count" aria-live="polite"></div><div id="sf-search-results"></div></main>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,24 @@
|
||||
:root{--pro-text:#1c2a3b;--pro-muted:#718094;--pro-border:#e2e8ef;--pro-background:#fff;--pro-surface:#f2f5f9;--pro-accent:#bb8d50;--pro-hero:#0c1b2e;--pro-radius:5px;--pro-headings:'Arial Narrow',Arial,sans-serif;--pro-wide:1320px}
|
||||
.pro-header{background:#0e1e30;color:#fff;border-color:#26374b}.pro-logo-symbol{color:#e0ae6c}.pro-logo-symbol span{color:#fff}.pro-logo-name small{color:#b3bfcf}.pro-header-cta{background:#c59b63;color:#0f1a26!important}.pro-navigation a:hover{color:#dfb97d}.pro-mega{background:#13263b;border-color:#2a4058;color:#c2d0de}.pro-mega>span{color:#d5aa72}.pro-mobile-toggle{color:#fff}
|
||||
.pro-auto-hero{background:radial-gradient(circle at 68% 50%,#243b54 0%,#112539 34%,#081728 100%);color:#fff}.pro-auto-hero .pro-eyebrow{color:#d5a366}.pro-auto-hero .pro-hero-copy h1 em{color:#d2a16b}.pro-auto-hero .pro-hero-copy p{color:#b9c7d6}.pro-auto-hero .pro-button{color:#0d1b2d!important;background:#d8ad72}.pro-link-light{color:#d8e4ec;font-size:13px;font-weight:750}.pro-auto-hero .pro-hero-art{background:linear-gradient(160deg,#243e59,#0f2033);border:1px solid #ffffff25;box-shadow:0 50px 80px #0005;border-radius:3px;overflow:visible}.pro-abstract-car{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#45648599,transparent 63%)}.pro-abstract-car:before{content:'';position:absolute;left:10%;right:9%;bottom:29%;height:29%;border:3px solid #d3dfefad;border-radius:53% 49% 10% 12%;transform:skewX(-9deg);box-shadow:0 23px 15px #05121f88,0 0 0 3px #182c41 inset}.pro-abstract-car:after{content:'';position:absolute;left:23%;right:23%;bottom:56%;height:17%;border:3px solid #d3dfef72;border-radius:85% 85% 0 0;transform:skewX(-20deg)}.pro-abstract-car>span{position:absolute;top:26px;right:22px;font-size:10px;letter-spacing:.2em;color:#ccd9e5}.auto-wheel{position:absolute;bottom:18%;width:16%;aspect-ratio:1;border-radius:50%;border:11px solid #6f8499;background:#111e2c;box-shadow:0 0 0 4px #111a25}.auto-wheel.a{left:19%}.auto-wheel.b{right:17%}.pro-hero-art>b{position:absolute;bottom:-31px;right:0;font-size:11px;letter-spacing:.2em;color:#bdcde0}.pro-featured{background:#f4f6f8}.pro-featured .pro-card{border:0;box-shadow:0 7px 30px #0f2e4710}.pro-featured .pro-card-cover{background:#d9e2eb}.pro-featured .pro-art{background:linear-gradient(140deg,#dce5ed,#a9baca)}.pro-featured .pro-art-ring{border-color:#eef3f8bb}.pro-statement{background:#12243b;color:#fff}.pro-statement .pro-eyebrow{color:#d3a975}.pro-statement p{color:#aebfd3}.pro-statement h2{font-size:clamp(42px,5vw,70px);max-width:700px}.pro-statement .pro-text-link{color:#dfba83}.pro-brand-section{background:white}.pro-brand-pills a{min-width:150px;text-align:center;background:#f5f7fa}.pro-inner-hero{background:linear-gradient(120deg,#101e31,#273b51);color:#fff}.pro-inner-hero .pro-eyebrow{color:#d0a46b}.pro-inner-hero p,.pro-inner-hero .pro-breadcrumb{color:#c9d1df}.pro-inner-hero .pro-breadcrumb strong{color:#fff}.pro-article-hero{background:#14243a;color:#fff}.pro-article-hero p{color:#bed0df}.pro-footer{background:#071421}.pro-footer-bottom{color:#98aebf}.pro-end-cta{background:#1a324b}.pro-end-cta a{background:#d4a56d;color:#132339!important}.pro-404 h1{color:#b8905c}
|
||||
|
||||
/* SiteForge V5 commercial signature */
|
||||
.pro-auto-hero .pro-hero-art{background-image:url("./visual/hero.svg")!important;background-position:center;background-size:cover;}
|
||||
|
||||
.pro-auto-hero{background:linear-gradient(117deg,#081729 0%,#102a43 100%)}.pro-auto-hero .pro-hero-art{border:1px solid #52667a55;border-radius:3px;box-shadow:0 30px 90px #0004;transform:translateX(0)}.pro-auto-hero .pro-hero-art .pro-abstract-car{opacity:0}.pro-hero-bottom{border-top:1px solid #ffffff1c}.pro-brand-pills a{transition:background .2s}.pro-brand-pills a:hover{background:#d6a974;color:#10233a}.pro-card{border-color:#e0e6ee;border-radius:5px}.pro-card-cover{background:linear-gradient(135deg,#edf1f6,#dbe4eb)}.pro-art{background:linear-gradient(130deg,#e0e8ee,#c4d0dc);color:#37536b}.pro-featured{background:#f8fafc}.pro-statement{background:#0d2134;color:white}.pro-statement p{color:#c6d0dd}.pro-statement .pro-text-link{color:#f0b870}.pro-section-head h2{font-weight:800}.pro-footer{background:#08182a;color:#e5e9ed}
|
||||
|
||||
/* V8.29 presentation refinement: automotive. Preserve per-theme design language. */
|
||||
body.pro-automotive{--pro-studio-ring:rgba(209,161,99,.28);--pro-focus-color:#d1a163;--pro-interact-radius:6px}
|
||||
body.pro-automotive .pro-wrap{max-width:100%;min-width:0}
|
||||
body.pro-automotive .pro-hero-copy,body.pro-automotive .pro-card-body,body.pro-automotive .pro-card-copy{min-width:0;overflow-wrap:anywhere}
|
||||
body.pro-automotive .pro-hero-copy h1{font-size:clamp(2.45rem,5.15vw,5.6rem);line-height:1.08;max-width:18ch;text-wrap:balance}
|
||||
body.pro-automotive .pro-section-head h2{font-size:clamp(1.85rem,3vw,3.25rem);text-wrap:balance}
|
||||
body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
|
||||
@media(hover:hover){body.pro-automotive .pro-card:hover,body.pro-automotive .pro-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px var(--pro-studio-ring)}}
|
||||
body.pro-automotive :where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--pro-focus-color);outline-offset:3px}
|
||||
body.pro-automotive img{max-width:100%;height:auto}
|
||||
body.pro-automotive .pro-card-cover img,body.pro-automotive .pro-gallery-main img{object-fit:cover;max-height:100%}
|
||||
body.pro-automotive .pro-mobile-toggle,body.pro-automotive .pro-nav-disclose{min-height:44px;min-width:44px}
|
||||
@media(max-width:860px){body.pro-automotive .pro-home-grid,body.pro-automotive .pro-product-layout,body.pro-automotive .pro-inquiry-wrap{min-width:0}body.pro-automotive .pro-card-grid,body.pro-automotive .pro-grid{gap:clamp(12px,3vw,23px)}}
|
||||
@media(max-width:560px){body.pro-automotive .pro-wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body.pro-automotive .pro-hero-copy h1{font-size:clamp(2rem,9vw,3.2rem)}body.pro-automotive .pro-section-head h2{font-size:clamp(1.75rem,7vw,2.5rem)}body.pro-automotive .pro-section{padding-block:clamp(34px,9vw,60px)}body.pro-automotive .pro-card-cover{height:auto;aspect-ratio:4/3}body.pro-automotive .pro-card-cover img{width:100%;height:100%;object-fit:cover}}
|
||||
@media(prefers-reduced-motion:reduce){body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:none!important;transform:none!important}}
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="/"><title>{{ seo_title }}</title><meta name="description" content="{{ seo_description }}"><meta property="og:type" content="{{ 'article' if kind in ('article','case') else 'website' }}"><meta property="og:title" content="{{ seo_title }}"><meta property="og:description" content="{{ seo_description }}">{% if canonical %}<meta property="og:url" content="{{canonical}}">{% endif %}<meta name="theme-color" content="{{theme_color}}"><meta name="robots" content="{{ 'noindex,follow' if noindex else page.get('robots','index,follow') }}">{% if canonical and not noindex %}<link rel="canonical" href="{{ canonical }}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/factory.css"><link rel="stylesheet" href="assets/pro-base.css"><link rel="stylesheet" href="assets/pro.css"><link rel="stylesheet" href="assets/commercial.css">{% if theme_overrides %}<link rel="stylesheet" href="assets/theme-overrides.css">{% endif %}<link rel="stylesheet" href="assets/custom.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
|
||||
{% from '_professional_components.html' import card,cover,grid,section_title,filters,footer_links,body_copy with context %}
|
||||
{% if chrome_is_custom %}<div class="pro-utility"{% if not chrome.header.show_announcement %} hidden{% endif %}><div class="pro-wrap"><span>{{ chrome.header.announcement }}</span><span>{{ site.tagline or site.name }}</span></div></div>{% else %}<div class="pro-utility"><div class="pro-wrap"><span>GLOBAL MOBILITY / CURATED SUPPLY</span><span>DRIVEN BY WHAT'S NEXT <i>✦</i></span></div></div>{% endif %}
|
||||
<header class="sf-site-head pro-header"><div class="pro-wrap pro-head-inner"><a class="pro-logo" href="/" aria-label="{{site.name}} 首页">{% if safe_image(site.logo) %}<img class="pro-brand-logo" src="{{safe_image(site.logo)}}" alt="{{site.name}} Logo">{% else %}<span class="pro-logo-symbol">S<span>.</span></span>{% endif %}<span class="pro-logo-name">{{site.name}}<small> AUTOMOTIVE</small></span></a><button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">☰</button><nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">▾</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">— {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{link.title}}</a>{% endif %}{% endfor %}{% if chrome.header.show_search %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">⌕</a>{% endif %}</nav><button class="pro-catalog-toggle" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">品牌与系列 ▾</button>{% if chrome_is_custom %}{% if chrome.header.show_cta %}<a href="{{chrome.header.cta_href}}" class="pro-header-cta">{{chrome.header.cta_text}} <span>↗</span></a>{% endif %}{% else %}<a href="/contact/" class="pro-header-cta">取得联系 <span>↗</span></a>{% endif %}</div>{% if brands or categories %}<div class="pro-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden><span>探索品牌与系列</span><div>{% for b in brands[:10] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}{% for cat in categories[:6] %}<a href="{{cat.url}}">{{cat.name}}</a>{% endfor %}</div></div>{% endif %}</header>
|
||||
{% if not designer_replace %}{% include ['pages/' ~ kind ~ '.html', 'automotive/pages/' ~ kind ~ '.html'] %}{% endif %}
|
||||
|
||||
{% if has_custom and kind!='notfound' %}<main id="main-content" class="sf-canvas pro-custom-content">{{custom_blocks}}</main>{% else %}<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>{% endif %}
|
||||
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">联系我们 <span>↗</span></a></div></section>{% endif %}
|
||||
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>{{chrome.footer.title or site.name}}</h2><p>{{footer_text}}</p></div><div class="pro-footer-links">{{footer_links(footer_nav)}}</div><div><span class="pro-eyebrow">LET'S TALK</span><p>{{footer_email or '请在后台配置企业联系方式'}}</p></div></div><div class="pro-footer-bottom"><span>© {{year}} {{site.name}}</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>
|
||||
|
||||
{% if chrome.mobile_tabs['enabled'] and chrome.mobile_tabs['items'] %}<nav class="sf-mobile-tabs" style="--sf-mobile-tab-count:{{ chrome.mobile_tabs['items']|length }}" aria-label="手机底部快捷导航" data-mobile-tabs>
|
||||
{% for tab in chrome.mobile_tabs['items'] %}{% if tab.action == 'menu' %}<button type="button" class="sf-mobile-tab" data-mobile-open-menu aria-label="{{tab.title}}"><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></button>{% else %}<a class="sf-mobile-tab" href="{{tab.route}}"{% if tab.route == route %} aria-current="page"{% endif %}><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></a>{% endif %}{% endfor %}</nav>{% endif %}
|
||||
<script defer src="assets/site-runtime.js"></script><script defer src="assets/pro.js"></script></body></html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><base href="/"><title>{{seo_title}}</title><meta name="description" content="{{seo_description}}"><meta name="robots" content="{{'noindex,follow' if mode=='notfound' else (page.robots or 'index,follow')}}">{% if canonical %}<link rel="canonical" href="{{canonical}}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/custom.css"></head><body>
|
||||
<div class="utility"><span>GLOBAL SOURCING · GLOBAL DELIVERY</span><span>SiteForge Automotive Collection</span></div>
|
||||
<header class="header"><a class="brand" href="./"><span class="mark">S.</span><span>{{site.name}}<small>AUTO & MOBILITY</small></span></a><nav><a href="./">Home</a>{% for n in nav if n.route!='/' %}<a href="{{link(n.route)}}">{{n.title}}</a>{% endfor %}{% if entries | selectattr('type','equalto','product') | list %}<a href="product/">Vehicles</a>{% endif %}{% if entries | selectattr('type','equalto','post') | list %}<a href="post/">News</a>{% endif %}</nav><a href="mailto:{{site.email or "info@example.com"}}" class="nav-cta">GET IN TOUCH ↗</a></header>
|
||||
{% if blueprint_mode %}{% elif mode=='home' %}<section class="hero"><div class="hero-inner"><div class="hero-copy"><span class="eyebrow"><span class="glow"></span> GLOBAL AUTOMOTIVE NETWORK</span><h1>{{page.title if page.title!=site.name else 'MOVE BEYOND'}}</h1><p>{{page.summary or site.tagline or 'Discover global mobility and automotive supply solutions.'}}</p><div class="hero-actions"><a href="product/" class="btn">EXPLORE OUR FLEET <span>↗</span></a><span class="hero-hint">Built for the road ahead.</span></div></div><div class="hero-visual">{% if page.cover %}<img src="{{asset(page.cover)}}" alt="{{page.title}}">{% else %}<div class="car-shape"><div class="car-glow"></div><div class="car-body"></div><div class="wheel wheel-one"></div><div class="wheel wheel-two"></div></div>{% endif %}<div class="hero-no">01 / EXPLORE</div></div></div><div class="hero-bottom"><span>DISCOVER MORE</span><span>QUALITY · TRUST · WORLDWIDE</span><span>↓</span></div></section>
|
||||
{% elif mode=='listing' %}<section class="inner-hero"><span class="eyebrow">THE COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></section>
|
||||
{% elif mode=='notfound' %}<section class="inner-hero"><h1>404</h1><p>We couldn't find that page.</p></section>
|
||||
{% else %}<section class="inner-hero"><span class="eyebrow">{{type_names.get(page.type,'PAGE')|upper}} / THE DETAILS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></section>{% endif %}
|
||||
{% if blueprint_mode %}<main class="sf-canvas">{{blocks}}</main>{% else %}<main class="main"><div class="container">{% if mode in ['detail','home'] and (content or blocks) %}<article class="rich-content">{{blocks}}{{content}}</article>{% endif %}
|
||||
{% if mode=='detail' and page.cover %}<div class="detail-media"><img src="{{asset(page.cover)}}" alt="{{page.title}}"></div>{% endif %}
|
||||
{% if mode=='listing' %}<div class="section-title"><span>THE SELECTION</span><h2>Explore the collection</h2></div><div class="card-grid">{% for item in listing_items %}<a class="model-card" href="{{link(item.route)}}"><div class="card-visual">{% if item.cover %}<img src="{{asset(item.cover)}}" alt="{{item.title}}">{% else %}<span class="card-monogram">{{item.title[:2]|upper}}</span>{% endif %}</div><div class="card-copy"><span>{{type_names.get(item.type,'ITEM')}}</span><h3>{{item.title}}</h3><p>{{item.summary|truncate(95)}}</p><b>DISCOVER ↗</b></div></a>{% endfor %}</div>{% endif %}
|
||||
{% if mode=='home' %}{% set showcase=entries|selectattr('type','equalto','product')|list %}{% if showcase %}<div class="section-title"><span>CURATED MOBILITY</span><h2>Featured Vehicles</h2><a href="product/">VIEW COLLECTION ↗</a></div><div class="card-grid">{% for item in showcase[:6] %}<a class="model-card" href="{{link(item.route)}}"><div class="card-visual">{% if item.cover %}<img src="{{asset(item.cover)}}" alt="{{item.title}}">{% else %}<span class="card-monogram">{{item.title[:2]|upper}}</span>{% endif %}</div><div class="card-copy"><span>VEHICLE</span><h3>{{item.title}}</h3><p>{{item.summary|truncate(105)}}</p><b>VIEW DETAILS ↗</b></div></a>{% endfor %}</div>{% endif %}{% endif %}
|
||||
</div></main>
|
||||
{% endif %}<footer><div><div class="footer-brand">{{site.name}}<span> · GLOBAL MOBILITY</span></div><p>{{site.tagline}}</p></div><div class="footer-bottom"><span>© {{site.name}}</span><span>BUILT FOR TOMORROW · POWERED BY SITEFORGE</span></div></footer></body></html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 740"><defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#162c42"/><stop offset="1" stop-color="#081a2b"/></linearGradient><linearGradient id="s" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#acc8d2"/><stop offset=".48" stop-color="#516b82"/><stop offset="1" stop-color="#182f46"/></linearGradient><radialGradient id="lit"><stop stop-color="#e8ad68" stop-opacity=".3"/><stop offset="1" stop-color="#e8ad68" stop-opacity="0"/></radialGradient></defs><rect width="1000" height="740" fill="url(#bg)"/><circle cx="600" cy="290" r="420" fill="url(#lit)"/><g fill="none" stroke="#d8e6f0" stroke-opacity=".09"><path d="M0 580h1000M0 612h1000M0 644h1000M0 676h1000"/><path d="M150 740 500 490 860 740M0 740 470 490 1000 740"/></g><g transform="translate(45 80)"><ellipse cx="500" cy="520" rx="425" ry="45" fill="#000" opacity=".4"/><path d="M105 393q59-48 133-65l95-118q29-37 79-42l205-3q52-1 91 45l91 109q70 13 94 45l30 75-18 44H99L74 446Z" fill="url(#s)" stroke="#c4d5dc" stroke-width="5"/><path d="m285 323 98-109q19-20 52-20h168q35 0 66 35l70 93Z" fill="#132b40" stroke="#95b4c4" stroke-width="4"/><path d="M506 198v126" stroke="#a7c1cc" stroke-width="5"/><path d="M104 394q104-26 187-17m424-6q98 0 162 21" stroke="#d4e3e7" stroke-opacity=".7" stroke-width="4"/><path d="M96 419h113M806 413h90" stroke="#fff5d9" stroke-width="11" stroke-linecap="round"/><path d="M316 387h322" stroke="#dce6e9" stroke-opacity=".2" stroke-width="2"/><circle cx="253" cy="478" r="78" fill="#0c1825" stroke="#b6c0c5" stroke-width="9"/><circle cx="253" cy="478" r="39" fill="#667c89" stroke="#d1e0e6" stroke-width="8"/><circle cx="735" cy="478" r="78" fill="#0c1825" stroke="#b6c0c5" stroke-width="9"/><circle cx="735" cy="478" r="39" fill="#667c89" stroke="#d1e0e6" stroke-width="8"/></g><text x="50" y="62" fill="#d7a76d" font-size="14" font-family="Arial" letter-spacing="7">CONCEPT / MOBILITY</text><path d="M52 80h220" stroke="#b98756" opacity=".55"/></svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"id": "automotive",
|
||||
"name": "汽车与出行",
|
||||
"description": "V8.30 专业内页设计升级：行业化首页/产品/文章/企业/联系布局；保留抽屉菜单和可选 Tabs，历史版本独立可用。",
|
||||
"version": "1.3.0",
|
||||
"style": "luxury",
|
||||
"entry": "pro.html",
|
||||
"styles": [
|
||||
"theme.css",
|
||||
"blocks.css"
|
||||
],
|
||||
"page_templates": [
|
||||
"home",
|
||||
"about",
|
||||
"contact",
|
||||
"listing",
|
||||
"category",
|
||||
"product",
|
||||
"article",
|
||||
"brand",
|
||||
"case",
|
||||
"service",
|
||||
"faq",
|
||||
"standard",
|
||||
"notfound"
|
||||
],
|
||||
"blocks": [
|
||||
"hero",
|
||||
"richtext",
|
||||
"features",
|
||||
"stats",
|
||||
"collection",
|
||||
"image_text",
|
||||
"gallery",
|
||||
"faq",
|
||||
"cta",
|
||||
"attributes",
|
||||
"spacer"
|
||||
],
|
||||
"responsive": true,
|
||||
"auto_binding": true,
|
||||
"professional_layout": true,
|
||||
"commercial_ui": true,
|
||||
"commercial_features": [
|
||||
"responsive-design",
|
||||
"product-detail",
|
||||
"brand-collections",
|
||||
"gallery",
|
||||
"content-facets",
|
||||
"mega-navigation",
|
||||
"contact-integration",
|
||||
"readiness-audit"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,285 @@
|
||||
{
|
||||
"home": [
|
||||
{
|
||||
"id": "ff2755fabe",
|
||||
"type": "hero",
|
||||
"visible": true,
|
||||
"title": "探索全球汽车新可能",
|
||||
"subtitle": "THE WORLD OF MOBILITY",
|
||||
"description": "{{site.tagline}}",
|
||||
"button": "浏览车型",
|
||||
"href": "/product/",
|
||||
"align": "left"
|
||||
},
|
||||
{
|
||||
"id": "f997b5975c",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "精选车型",
|
||||
"subtitle": "EXPLORE OUR COLLECTION",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
},
|
||||
{
|
||||
"id": "b79e9bdeee",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "值得信赖的服务",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "fd3475d4a9",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "专业采购与全球交付",
|
||||
"subtitle": "GLOBAL DELIVERY",
|
||||
"description": "为海外市场提供适合的汽车采购与服务解决方案。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "5f159c1114",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启下一次合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"about": [
|
||||
{
|
||||
"id": "3b57a5c80a",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "认识我们",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "展示业务流程和服务理念。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c7aaebcbc8",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "我们的实力",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "f0d35431bc",
|
||||
"type": "features",
|
||||
"visible": true,
|
||||
"title": "我们的优势",
|
||||
"items": [
|
||||
{
|
||||
"title": "专业服务",
|
||||
"text": "从咨询到交付"
|
||||
},
|
||||
{
|
||||
"title": "品质保障",
|
||||
"text": "严格的质量流程"
|
||||
},
|
||||
{
|
||||
"title": "全球网络",
|
||||
"text": "连接不同市场"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"contact": [
|
||||
{
|
||||
"id": "a21100b5fd",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "联系我们",
|
||||
"body": "<p>请填写企业联系方式与地址。</p>"
|
||||
},
|
||||
{
|
||||
"id": "360304f1f1",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "欢迎联系",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"listing": [
|
||||
{
|
||||
"id": "e8c990ef8b",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "所有在售车型",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 24,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"product": [
|
||||
{
|
||||
"id": "7dfe1376b0",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "产品介绍",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c3a67474f4",
|
||||
"type": "attributes",
|
||||
"visible": true,
|
||||
"title": "产品规格与参数"
|
||||
},
|
||||
{
|
||||
"id": "29b39f194a",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "产品详情",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"id": "70d24b5293",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启新的合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"article": [
|
||||
{
|
||||
"id": "f283231732",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"brand": [
|
||||
{
|
||||
"id": "e08f6ad68f",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "0f3689e9f0",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "品牌产品",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"standard": [
|
||||
{
|
||||
"id": "d47d90fe91",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"notfound": [
|
||||
{
|
||||
"id": "8b39fc46a4",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "页面暂时无法访问",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "返回首页",
|
||||
"href": "/"
|
||||
}
|
||||
],
|
||||
"case": [
|
||||
{
|
||||
"type": "image_text",
|
||||
"title": "{{page.title}}",
|
||||
"image": "{{page.cover}}",
|
||||
"description": "{{page.summary}}"
|
||||
},
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "项目概述",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"service": [
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"type": "cta",
|
||||
"title": "了解更多",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"faq": [
|
||||
{
|
||||
"type": "faq",
|
||||
"title": "常见问题",
|
||||
"items": []
|
||||
}
|
||||
],
|
||||
"category": [
|
||||
{
|
||||
"type": "collection",
|
||||
"title": "分类产品",
|
||||
"source": "product",
|
||||
"limit": 24
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="pro-v30-page pro-v30-about pro-v30-about-automotive"><section class="pro-v30-about-opening"><div class="pro-wrap"><span class="pro-eyebrow">OUR COMPANY / APPROACH</span><div class="pro-v30-about-heading"><h1>{{page.title}}</h1><p>{{page.summary or site.tagline or '了解我们的业务与服务方式'}}</p></div></div></section>
|
||||
<section class="pro-section pro-v30-about-story"><div class="pro-wrap pro-v30-about-grid"><div class="pro-v30-about-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="lazy">{% else %}<div class="pro-v30-media-placeholder" aria-hidden="true"><span>OUR / STORY</span></div>{% endif %}</div><div class="pro-v30-about-copy"><span class="pro-eyebrow">ABOUT / 关于我们</span><h2>值得深入了解的汽车合作伙伴</h2>{{body_copy(content,page)}}<a class="pro-v30-text-action" href="/contact/">联系与合作 ↗</a></div></div></section>
|
||||
{% if features %}<section class="pro-section pro-v30-about-services"><div class="pro-wrap">{{section_title('WHAT WE DO','相关服务','/services/')}}{{grid(features,'service')}}</div></section>{% endif %}
|
||||
{% if cases %}<section class="pro-section pro-v30-about-cases"><div class="pro-wrap">{{section_title('SELECTED WORK','相关项目','/cases/')}}{{grid(cases,'case')}}</div></section>{% endif %}</div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<div class="pro-v30-page pro-v30-article pro-v30-article-automotive"><section class="pro-article-hero pro-v30-reading-head"><div class="pro-wrap"><nav class="pro-v30-crumb" aria-label="面包屑导航"><a href="/">首页</a><span aria-hidden="true">/</span><a href="/news/">行业资讯</a></nav><div class="pro-v30-reading-title"><span class="pro-eyebrow">IDEAS / JOURNAL</span><h1>{{page.title}}</h1>{% if page.summary %}<p>{{page.summary}}</p>{% endif %}{% if fields.get('publish_date') %}<time datetime="{{fields.get('publish_date')}}">{{fields.get('publish_date')}}</time>{% endif %}</div></div></section>
|
||||
<div class="pro-wrap pro-v30-reading-layout"><aside class="pro-v30-reading-aside"><span class="pro-eyebrow">READ / EXPLORE</span><a href="/news/">← 返回资讯</a><span class="pro-v30-reading-rule" aria-hidden="true"></span><a href="/contact/">联系沟通 ↗</a></aside><article id="article-body" class="pro-v30-reading-content">{% if page.cover %}<figure><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager"></figure>{% endif %}{{body_copy(content,page)}}<a class="pro-v30-subtle-link" href="/news/">← 返回资讯</a></article></div></div>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero pro-brand-hero"><div class="pro-wrap pro-brand-hero-grid"><div><span class="pro-eyebrow">BRAND PROFILE / PARTNERS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div><div class="pro-brand-media">{{cover(page,'brand')}}</div></div></section><section class="pro-section"><div class="pro-wrap">{{body_copy(content,page)}}{% if related %}{{section_title('PRODUCT LINE','相关产品','/products/')}}{{grid(related,'product')}}{% endif %}</div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">浏览更多案例 →</a></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div class="pro-v30-page pro-v30-contact pro-v30-contact-automotive"><section class="pro-v30-contact-header"><div class="pro-wrap"><span class="pro-eyebrow">CONNECT / CONTACT</span><h1>{{page.title}}</h1><p>{{page.summary or '介绍您的车型与采购需求，我们将根据实际业务信息与您联系。'}}</p></div></section>
|
||||
<section class="pro-section pro-v30-contact-content"><div class="pro-wrap pro-v30-contact-layout"><div class="pro-v30-contact-info"><span class="pro-eyebrow">LET'S START A CONVERSATION</span><h2>咨询与合作</h2>{{body_copy(content,page)}}
|
||||
{% if footer_email %}<div class="pro-v30-contact-channel"><span>电子邮箱</span><a href="mailto:{{footer_email}}">{{footer_email}} ↗</a></div>{% endif %}
|
||||
{% if not footer_email and not form_endpoint %}<p class="pro-muted">联系渠道正在更新，请稍后访问本页面。</p>{% endif %}
|
||||
</div><div class="pro-v30-contact-form-wrap">{% if form_endpoint %}<span class="pro-eyebrow">SEND AN INQUIRY</span><h3>提交咨询</h3><form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">发送咨询 ↗</button><p>提交信息将发送至配置的外部表单服务，请了解其隐私政策。</p></form>
|
||||
{% else %}<div class="pro-v30-contact-note"><span class="pro-eyebrow">HOW TO REACH US</span><p>您可以通过本页提供的联系渠道咨询产品、项目或合作事项。</p><span class="pro-v30-decorative-number" aria-hidden="true">↗</span></div>{% endif %}</div></div></section></div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,6 @@
|
||||
<section class="pro-home-hero pro-auto-hero"><div class="pro-wrap pro-home-grid"><div class="pro-hero-copy"><span class="pro-eyebrow">01 / THE WORLD IN MOTION</span><h1>{{page.title if page.title not in (site.name,'首页','Home') else site.name}}<em> MOVE BEYOND.</em></h1><p>{{page.summary or site.tagline or '探索企业产品与解决方案。'}}</p><div class="pro-hero-actions"><a class="pro-button" href="/products/">探索车型 <span>↗</span></a><a class="pro-link-light" href="/about/">了解企业 →</a></div></div><div class="pro-hero-art">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% else %}<div class="pro-abstract-car"><span>THE NEXT CHAPTER</span><div class="auto-wheel a"></div><div class="auto-wheel b"></div></div>{% endif %}<b>DRIVE / 01</b></div></div><div class="pro-wrap pro-hero-bottom"><span>DESIGN / TRUST / DELIVERY</span><span>SCROLL TO DISCOVER ↓</span></div></section>
|
||||
{% if showcase %}<section class="pro-section pro-featured"><div class="pro-wrap">{{section_title('02 / COLLECTION','探索精选车型','/products/')}}{{grid(showcase,'vehicle')}}</div></section>{% endif %}
|
||||
<section class="pro-section pro-statement"><div class="pro-wrap pro-statement-layout"><span class="pro-eyebrow">THE COMPANY</span><div><h2>把产品带向更广阔的市场。</h2><p>{{site.tagline or '在这里展示企业独特的产品与服务能力。'}}</p><a class="pro-text-link" href="/about/">认识我们 ↗</a></div></div></section>
|
||||
{% if brands %}<section class="pro-section pro-brand-section"><div class="pro-wrap">{{section_title('03 / BRANDS','品牌与合作伙伴','/brands/')}}<div class="pro-brand-pills">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}</div></div></section>{% endif %}
|
||||
|
||||
{% if stories %}<section class="pro-section pro-v30-home-editorial"><div class="pro-wrap">{{section_title('FIELD NOTES / NEWS','行业资讯','/news/')}}{{grid(stories,'news')}}</div></section>{% endif %}
|
||||
@@ -0,0 +1,6 @@
|
||||
<div class="pro-v30-page pro-v30-listing pro-v30-vehicle-index">
|
||||
<section class="pro-v30-page-intro"><div class="pro-wrap pro-v30-intro-layout"><div class="pro-v30-intro-main"><span class="pro-eyebrow">VEHICLE COLLECTION / INDEX</span><h1>{{page.title}}</h1><p>{{page.summary or '按照品牌或分类找到合适的车型'}}</p></div><div class="pro-v30-intro-aside"><span class="pro-v30-overline">BROWSE / EXPLORE</span><span class="pro-v30-index-number">{{'%02d'|format(listing|length)}}</span><span class="pro-v30-caption">本页展示内容</span></div></div></section>
|
||||
<section class="pro-section pro-v30-index-body"><div class="pro-wrap"><div class="pro-v30-index-toolbar"><div class="pro-v30-section-title"><span class="pro-eyebrow">CONTENTS / FIND YOUR FIT</span><h2>车型与出行</h2></div><a class="pro-v30-subtle-link" href="/contact/">需要协助？联系沟通 ↗</a></div>
|
||||
{{filters()}}<div class="pro-filter-scope pro-v30-results" aria-live="polite">{{grid(listing,'catalog')}}</div>
|
||||
{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}
|
||||
</div></section></div>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">返回首页 ↗</a></section>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="pro-product-layout pro-v30-page pro-v30-product pro-v30-product-automotive"><section class="pro-v30-product-top"><div class="pro-wrap"><nav class="pro-v30-crumb" aria-label="面包屑导航"><a href="/">首页</a><span aria-hidden="true">/</span><a href="/products/">车型与出行</a><span aria-hidden="true">/</span><span aria-current="page">{{page.title}}</span></nav>
|
||||
<div class="pro-v30-product-head"><div class="pro-v30-product-intro"><span class="pro-eyebrow">VEHICLE COLLECTION / DETAILS</span><h1>{{page.title}}</h1><p>{{page.summary or ''}}</p><div class="pro-v30-tags">{% if fields.get('brand') %}<span>{{fields.get('brand')}}</span>{% endif %}{% if fields.get('category') %}<span>{{fields.get('category')}}</span>{% endif %}</div><a class="pro-button pro-v30-action" href="/contact/">咨询相关信息 ↗</a></div>
|
||||
<div class="pro-v30-product-visual"><div class="pro-product-media pro-v30-main-media">{{cover(page,'product')}}</div>{% if gallery|length > 1 %}<div class="pro-gallery-thumbs" aria-label="车型实拍">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图片{{loop.index}}" loading="lazy"></button>{% endfor %}</div>{% endif %}</div></div></div></section>
|
||||
<section class="pro-section pro-v30-product-information"><div class="pro-wrap pro-v30-product-details"><div class="pro-v30-details-main"><span class="pro-eyebrow">OVERVIEW / 车型概览</span><h2>车型概览</h2>{{body_copy(content,page)}}</div><aside class="pro-v30-details-side"><span class="pro-eyebrow">TECHNICAL / FACTS</span><h2>车辆参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">更多资料请通过联系页面咨询。</p>{% endfor %}</div></aside></div></section></div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SEARCH / CONTENT</span><h1>站内搜索</h1><p>搜索本网站的产品、品牌、新闻和案例。</p></div></section>
|
||||
<main id="main-content" class="sf-search-page pro-wrap"><label for="sf-search">输入关键词</label><input type="search" id="sf-search" placeholder="搜索产品、品牌、新闻、案例……" autofocus><div id="sf-search-count" aria-live="polite"></div><div id="sf-search-results"></div></main>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,92 @@
|
||||
:root{--pro-text:#1c2a3b;--pro-muted:#718094;--pro-border:#e2e8ef;--pro-background:#fff;--pro-surface:#f2f5f9;--pro-accent:#bb8d50;--pro-hero:#0c1b2e;--pro-radius:5px;--pro-headings:'Arial Narrow',Arial,sans-serif;--pro-wide:1320px}
|
||||
.pro-header{background:#0e1e30;color:#fff;border-color:#26374b}.pro-logo-symbol{color:#e0ae6c}.pro-logo-symbol span{color:#fff}.pro-logo-name small{color:#b3bfcf}.pro-header-cta{background:#c59b63;color:#0f1a26!important}.pro-navigation a:hover{color:#dfb97d}.pro-mega{background:#13263b;border-color:#2a4058;color:#c2d0de}.pro-mega>span{color:#d5aa72}.pro-mobile-toggle{color:#fff}
|
||||
.pro-auto-hero{background:radial-gradient(circle at 68% 50%,#243b54 0%,#112539 34%,#081728 100%);color:#fff}.pro-auto-hero .pro-eyebrow{color:#d5a366}.pro-auto-hero .pro-hero-copy h1 em{color:#d2a16b}.pro-auto-hero .pro-hero-copy p{color:#b9c7d6}.pro-auto-hero .pro-button{color:#0d1b2d!important;background:#d8ad72}.pro-link-light{color:#d8e4ec;font-size:13px;font-weight:750}.pro-auto-hero .pro-hero-art{background:linear-gradient(160deg,#243e59,#0f2033);border:1px solid #ffffff25;box-shadow:0 50px 80px #0005;border-radius:3px;overflow:visible}.pro-abstract-car{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#45648599,transparent 63%)}.pro-abstract-car:before{content:'';position:absolute;left:10%;right:9%;bottom:29%;height:29%;border:3px solid #d3dfefad;border-radius:53% 49% 10% 12%;transform:skewX(-9deg);box-shadow:0 23px 15px #05121f88,0 0 0 3px #182c41 inset}.pro-abstract-car:after{content:'';position:absolute;left:23%;right:23%;bottom:56%;height:17%;border:3px solid #d3dfef72;border-radius:85% 85% 0 0;transform:skewX(-20deg)}.pro-abstract-car>span{position:absolute;top:26px;right:22px;font-size:10px;letter-spacing:.2em;color:#ccd9e5}.auto-wheel{position:absolute;bottom:18%;width:16%;aspect-ratio:1;border-radius:50%;border:11px solid #6f8499;background:#111e2c;box-shadow:0 0 0 4px #111a25}.auto-wheel.a{left:19%}.auto-wheel.b{right:17%}.pro-hero-art>b{position:absolute;bottom:-31px;right:0;font-size:11px;letter-spacing:.2em;color:#bdcde0}.pro-featured{background:#f4f6f8}.pro-featured .pro-card{border:0;box-shadow:0 7px 30px #0f2e4710}.pro-featured .pro-card-cover{background:#d9e2eb}.pro-featured .pro-art{background:linear-gradient(140deg,#dce5ed,#a9baca)}.pro-featured .pro-art-ring{border-color:#eef3f8bb}.pro-statement{background:#12243b;color:#fff}.pro-statement .pro-eyebrow{color:#d3a975}.pro-statement p{color:#aebfd3}.pro-statement h2{font-size:clamp(42px,5vw,70px);max-width:700px}.pro-statement .pro-text-link{color:#dfba83}.pro-brand-section{background:white}.pro-brand-pills a{min-width:150px;text-align:center;background:#f5f7fa}.pro-inner-hero{background:linear-gradient(120deg,#101e31,#273b51);color:#fff}.pro-inner-hero .pro-eyebrow{color:#d0a46b}.pro-inner-hero p,.pro-inner-hero .pro-breadcrumb{color:#c9d1df}.pro-inner-hero .pro-breadcrumb strong{color:#fff}.pro-article-hero{background:#14243a;color:#fff}.pro-article-hero p{color:#bed0df}.pro-footer{background:#071421}.pro-footer-bottom{color:#98aebf}.pro-end-cta{background:#1a324b}.pro-end-cta a{background:#d4a56d;color:#132339!important}.pro-404 h1{color:#b8905c}
|
||||
|
||||
/* SiteForge V5 commercial signature */
|
||||
.pro-auto-hero .pro-hero-art{background-image:url("./visual/hero.svg")!important;background-position:center;background-size:cover;}
|
||||
|
||||
.pro-auto-hero{background:linear-gradient(117deg,#081729 0%,#102a43 100%)}.pro-auto-hero .pro-hero-art{border:1px solid #52667a55;border-radius:3px;box-shadow:0 30px 90px #0004;transform:translateX(0)}.pro-auto-hero .pro-hero-art .pro-abstract-car{opacity:0}.pro-hero-bottom{border-top:1px solid #ffffff1c}.pro-brand-pills a{transition:background .2s}.pro-brand-pills a:hover{background:#d6a974;color:#10233a}.pro-card{border-color:#e0e6ee;border-radius:5px}.pro-card-cover{background:linear-gradient(135deg,#edf1f6,#dbe4eb)}.pro-art{background:linear-gradient(130deg,#e0e8ee,#c4d0dc);color:#37536b}.pro-featured{background:#f8fafc}.pro-statement{background:#0d2134;color:white}.pro-statement p{color:#c6d0dd}.pro-statement .pro-text-link{color:#f0b870}.pro-section-head h2{font-weight:800}.pro-footer{background:#08182a;color:#e5e9ed}
|
||||
|
||||
/* V8.29 presentation refinement: automotive. Preserve per-theme design language. */
|
||||
body.pro-automotive{--pro-studio-ring:rgba(209,161,99,.28);--pro-focus-color:#d1a163;--pro-interact-radius:6px}
|
||||
body.pro-automotive .pro-wrap{max-width:100%;min-width:0}
|
||||
body.pro-automotive .pro-hero-copy,body.pro-automotive .pro-card-body,body.pro-automotive .pro-card-copy{min-width:0;overflow-wrap:anywhere}
|
||||
body.pro-automotive .pro-hero-copy h1{font-size:clamp(2.45rem,5.15vw,5.6rem);line-height:1.08;max-width:18ch;text-wrap:balance}
|
||||
body.pro-automotive .pro-section-head h2{font-size:clamp(1.85rem,3vw,3.25rem);text-wrap:balance}
|
||||
body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
|
||||
@media(hover:hover){body.pro-automotive .pro-card:hover,body.pro-automotive .pro-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px var(--pro-studio-ring)}}
|
||||
body.pro-automotive :where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--pro-focus-color);outline-offset:3px}
|
||||
body.pro-automotive img{max-width:100%;height:auto}
|
||||
body.pro-automotive .pro-card-cover img,body.pro-automotive .pro-gallery-main img{object-fit:cover;max-height:100%}
|
||||
body.pro-automotive .pro-mobile-toggle,body.pro-automotive .pro-nav-disclose{min-height:44px;min-width:44px}
|
||||
@media(max-width:860px){body.pro-automotive .pro-home-grid,body.pro-automotive .pro-product-layout,body.pro-automotive .pro-inquiry-wrap{min-width:0}body.pro-automotive .pro-card-grid,body.pro-automotive .pro-grid{gap:clamp(12px,3vw,23px)}}
|
||||
@media(max-width:560px){body.pro-automotive .pro-wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body.pro-automotive .pro-hero-copy h1{font-size:clamp(2rem,9vw,3.2rem)}body.pro-automotive .pro-section-head h2{font-size:clamp(1.75rem,7vw,2.5rem)}body.pro-automotive .pro-section{padding-block:clamp(34px,9vw,60px)}body.pro-automotive .pro-card-cover{height:auto;aspect-ratio:4/3}body.pro-automotive .pro-card-cover img{width:100%;height:100%;object-fit:cover}}
|
||||
@media(prefers-reduced-motion:reduce){body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:none!important;transform:none!important}}
|
||||
|
||||
|
||||
/* V8.30 REAL PAGE COMPOSITION. Built-in theme version 1.3.0 only.
|
||||
Content-driven sections do not invent client names, certifications or KPIs. */
|
||||
.pro-v30-page{--v30-ink:var(--pro-text);--v30-secondary:var(--pro-muted);--v30-line:var(--pro-border);--v30-panel:var(--pro-surface);--v30-max:1180px;color:var(--v30-ink);overflow:clip}
|
||||
.pro-v30-page .pro-wrap{max-width:var(--v30-max);min-width:0}
|
||||
.pro-v30-page h1,.pro-v30-page h2{overflow-wrap:anywhere;text-wrap:balance;line-height:1.11}
|
||||
.pro-v30-page h1{font-size:clamp(2.55rem,5.2vw,5.6rem);margin:18px 0 22px;letter-spacing:-.035em}
|
||||
.pro-v30-page h2{font-size:clamp(1.8rem,3.3vw,3rem);margin:16px 0 26px;letter-spacing:-.02em}
|
||||
.pro-v30-page p{line-height:1.75;overflow-wrap:anywhere}
|
||||
.pro-v30-page img{max-width:100%}
|
||||
.pro-v30-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8vw;align-items:end}
|
||||
.pro-v30-page-intro{padding:clamp(68px,10vw,128px) 0 clamp(55px,8vw,94px);background:var(--v30-panel)}
|
||||
.pro-v30-intro-main>p{max-width:610px;font-size:clamp(16px,2vw,21px);color:var(--v30-secondary)}
|
||||
.pro-v30-intro-aside{border-left:1px solid var(--v30-line);padding-left:27px;display:grid;gap:8px;align-content:end;min-height:120px}
|
||||
.pro-v30-overline,.pro-v30-caption{font-size:11px;letter-spacing:.12em;color:var(--v30-secondary)}
|
||||
.pro-v30-index-number{font-size:64px;line-height:1;font-weight:650;letter-spacing:-.08em}
|
||||
.pro-v30-index-toolbar{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}
|
||||
.pro-v30-index-body{background:var(--pro-background)}
|
||||
.pro-v30-index-body .pro-section-head,.pro-v30-index-toolbar h2{margin:8px 0}
|
||||
.pro-v30-subtle-link,.pro-v30-text-action{display:inline-flex;gap:10px;text-decoration:none;font-weight:750;font-size:13px;align-items:center;min-height:44px}
|
||||
.pro-v30-subtle-link:hover,.pro-v30-text-action:hover{text-decoration:underline}
|
||||
.pro-v30-results{margin-top:clamp(28px,5vw,54px)}
|
||||
.pro-v30-product-top{padding:26px 0 clamp(60px,8vw,110px);background:var(--v30-panel)}
|
||||
.pro-v30-crumb{display:flex;flex-wrap:wrap;gap:11px;align-items:center;font-size:12px;color:var(--v30-secondary);margin:8px 0 46px}
|
||||
.pro-v30-crumb a{text-decoration:underline;text-underline-offset:4px}
|
||||
.pro-v30-product-head{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,6vw,90px)}
|
||||
.pro-v30-product-intro>p{font-size:clamp(16px,2vw,19px);color:var(--v30-secondary);max-width:48ch}
|
||||
.pro-v30-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.pro-v30-tags span{padding:8px 13px;border:1px solid var(--v30-line);font-size:12px;border-radius:2px}
|
||||
.pro-v30-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
|
||||
.pro-v30-main-media{background:var(--pro-surface);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;border-radius:var(--pro-radius)}
|
||||
.pro-v30-main-media .pro-photo{width:100%;height:100%;object-fit:contain}
|
||||
.pro-v30-product-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:clamp(30px,7vw,104px)}
|
||||
.pro-v30-details-main .pro-rich{max-width:760px}.pro-v30-details-side{align-self:start;border-top:3px solid var(--pro-accent);padding-top:25px}
|
||||
.pro-v30-details-side .pro-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.pro-v30-details-side .pro-specs strong{overflow-wrap:anywhere}
|
||||
.pro-v30-reading-head{padding:clamp(50px,8vw,100px) 0 clamp(60px,8vw,100px);background:var(--v30-panel)}
|
||||
.pro-v30-reading-title{max-width:940px;margin:auto}.pro-v30-reading-title>p{font-size:clamp(16px,2.1vw,22px);max-width:65ch;color:var(--v30-secondary)}
|
||||
.pro-v30-reading-title time{display:block;margin-top:24px;font-size:13px;color:var(--v30-secondary)}
|
||||
.pro-v30-reading-layout{display:grid;grid-template-columns:180px minmax(0,750px);gap:clamp(35px,7vw,110px);padding-block:clamp(55px,8vw,110px)}
|
||||
.pro-v30-reading-aside{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:30px;font-size:13px}
|
||||
.pro-v30-reading-rule{height:1px;background:var(--v30-line)}
|
||||
.pro-v30-reading-content{min-width:0}.pro-v30-reading-content figure{margin:0 0 45px}.pro-v30-reading-content figure img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}
|
||||
.pro-v30-reading-content .pro-rich{line-height:1.9;font-size:clamp(16px,1.75vw,18px)}.pro-v30-reading-content .pro-rich>*+*{margin-top:1.3em}
|
||||
.pro-v30-about-opening{padding:clamp(75px,10vw,130px) 0;background:var(--v30-panel)}
|
||||
.pro-v30-about-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:end}.pro-v30-about-heading>p{font-size:clamp(17px,2vw,23px);color:var(--v30-secondary);padding-bottom:12px}
|
||||
.pro-v30-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:center}
|
||||
.pro-v30-about-media{min-height:360px;aspect-ratio:5/4;background:var(--v30-panel);overflow:hidden}.pro-v30-about-media img{width:100%;height:100%;object-fit:cover}
|
||||
.pro-v30-media-placeholder{height:100%;min-height:360px;display:grid;place-items:center;color:var(--v30-secondary);letter-spacing:.18em;font-size:12px;border:1px solid var(--v30-line)}
|
||||
.pro-v30-about-copy .pro-rich{max-width:620px}.pro-v30-about-cases{background:var(--v30-panel)}
|
||||
.pro-v30-contact-header{background:var(--v30-panel);padding:clamp(75px,10vw,135px) 0}.pro-v30-contact-header p{font-size:clamp(17px,2vw,21px);max-width:58ch;color:var(--v30-secondary)}
|
||||
.pro-v30-contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,8vw,120px)}
|
||||
.pro-v30-contact-channel{display:grid;gap:10px;margin-top:45px;border-top:1px solid var(--v30-line);padding-top:25px}.pro-v30-contact-channel span{font-size:12px;color:var(--v30-secondary)}.pro-v30-contact-channel a{font-size:clamp(15px,2vw,24px);overflow-wrap:anywhere;font-weight:650}
|
||||
.pro-v30-contact-form-wrap{padding:clamp(22px,4vw,48px);background:var(--v30-panel);min-width:0}
|
||||
.pro-v30-contact-form-wrap .pro-inquiry{margin-top:22px}.pro-v30-contact-form-wrap .pro-inquiry input,.pro-v30-contact-form-wrap textarea{background:var(--pro-background)}
|
||||
.pro-v30-contact-note{display:grid;align-content:space-between;min-height:270px;gap:24px}.pro-v30-decorative-number{font-size:90px;line-height:1;justify-self:end;color:var(--pro-accent)}
|
||||
.pro-v30-home-editorial{background:var(--pro-surface)}
|
||||
.pro-v30-page :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--pro-accent);outline-offset:3px}
|
||||
@media(max-width:950px){.pro-v30-product-head,.pro-v30-product-details,.pro-v30-about-grid,.pro-v30-contact-layout{grid-template-columns:1fr;gap:38px}.pro-v30-product-visual{order:-1}.pro-v30-about-heading{grid-template-columns:1fr;gap:4px}.pro-v30-about-media{max-height:430px}.pro-v30-reading-layout{grid-template-columns:1fr;gap:24px}.pro-v30-reading-aside{position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.pro-v30-reading-rule{display:none}}
|
||||
@media(max-width:600px){.pro-v30-page .pro-wrap{padding-inline:max(18px,env(safe-area-inset-left));}.pro-v30-page h1{font-size:clamp(2.2rem,9.2vw,3.4rem)}.pro-v30-intro-layout{grid-template-columns:1fr;gap:18px}.pro-v30-intro-aside{display:none}.pro-v30-index-toolbar{align-items:start;flex-direction:column;gap:0}.pro-v30-crumb{margin-bottom:24px}.pro-v30-product-top{padding-bottom:42px}.pro-v30-main-media{aspect-ratio:5/4}.pro-v30-product-details{gap:45px}.pro-v30-reading-title{margin:0}.pro-v30-reading-content figure{margin-bottom:22px}.pro-v30-about-media,.pro-v30-media-placeholder{min-height:220px}.pro-v30-contact-form-wrap{padding:20px}.pro-v30-contact-layout{gap:30px}}
|
||||
@media(prefers-reduced-motion:reduce){.pro-v30-page *{scroll-behavior:auto!important}}
|
||||
|
||||
/* Theme-specific editorial composition */
|
||||
.pro-v30-product-automotive .pro-v30-main-media{background:linear-gradient(155deg,#eaf0f5,#d8e4ed)}.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:.7fr 1.3fr}.pro-v30-article-automotive .pro-v30-reading-head{background:linear-gradient(145deg,#0d2339,#213a55);color:#fff}.pro-v30-article-automotive .pro-v30-reading-title>p,.pro-v30-article-automotive .pro-v30-crumb{color:#d9e4ed}.pro-v30-vehicle-index .pro-v30-page-intro{background:#11283d;color:#f7f9fb}.pro-v30-vehicle-index .pro-v30-intro-main>p,.pro-v30-vehicle-index .pro-v30-intro-aside{color:#cbd6e0}.pro-v30-vehicle-index .pro-v30-intro-aside{border-color:#ffffff39}.pro-v30-vehicle-index .pro-eyebrow{color:#e2b47b}.pro-v30-product-automotive .pro-v30-product-intro h1{letter-spacing:-.055em}
|
||||
|
||||
@media(max-width:950px){.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:1fr}}
|
||||
|
||||
/* Retain existing gallery runtime behavior with re-composed product layout. */
|
||||
.pro-v30-page .pro-product-media{height:auto;min-height:0}
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="/"><title>{{ seo_title }}</title><meta name="description" content="{{ seo_description }}"><meta property="og:type" content="{{ 'article' if kind in ('article','case') else 'website' }}"><meta property="og:title" content="{{ seo_title }}"><meta property="og:description" content="{{ seo_description }}">{% if canonical %}<meta property="og:url" content="{{canonical}}">{% endif %}<meta name="theme-color" content="{{theme_color}}"><meta name="robots" content="{{ 'noindex,follow' if noindex else page.get('robots','index,follow') }}">{% if canonical and not noindex %}<link rel="canonical" href="{{ canonical }}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/factory.css"><link rel="stylesheet" href="assets/pro-base.css"><link rel="stylesheet" href="assets/pro.css"><link rel="stylesheet" href="assets/commercial.css">{% if theme_overrides %}<link rel="stylesheet" href="assets/theme-overrides.css">{% endif %}<link rel="stylesheet" href="assets/custom.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
|
||||
{% from '_professional_components.html' import card,cover,grid,section_title,filters,footer_links,body_copy with context %}
|
||||
{% if chrome_is_custom %}<div class="pro-utility"{% if not chrome.header.show_announcement %} hidden{% endif %}><div class="pro-wrap"><span>{{ chrome.header.announcement }}</span><span>{{ site.tagline or site.name }}</span></div></div>{% else %}<div class="pro-utility"><div class="pro-wrap"><span>GLOBAL MOBILITY / CURATED SUPPLY</span><span>DRIVEN BY WHAT'S NEXT <i>✦</i></span></div></div>{% endif %}
|
||||
<header class="sf-site-head pro-header"><div class="pro-wrap pro-head-inner"><a class="pro-logo" href="/" aria-label="{{site.name}} 首页">{% if safe_image(site.logo) %}<img class="pro-brand-logo" src="{{safe_image(site.logo)}}" alt="{{site.name}} Logo">{% else %}<span class="pro-logo-symbol">S<span>.</span></span>{% endif %}<span class="pro-logo-name">{{site.name}}<small> AUTOMOTIVE</small></span></a><button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">☰</button><nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">▾</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">— {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{link.title}}</a>{% endif %}{% endfor %}{% if chrome.header.show_search %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">⌕</a>{% endif %}</nav><button class="pro-catalog-toggle" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">品牌与系列 ▾</button>{% if chrome_is_custom %}{% if chrome.header.show_cta %}<a href="{{chrome.header.cta_href}}" class="pro-header-cta">{{chrome.header.cta_text}} <span>↗</span></a>{% endif %}{% else %}<a href="/contact/" class="pro-header-cta">取得联系 <span>↗</span></a>{% endif %}</div>{% if brands or categories %}<div class="pro-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden><span>探索品牌与系列</span><div>{% for b in brands[:10] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}{% for cat in categories[:6] %}<a href="{{cat.url}}">{{cat.name}}</a>{% endfor %}</div></div>{% endif %}</header>
|
||||
{% if not designer_replace %}{% include ['pages/' ~ kind ~ '.html', 'automotive/pages/' ~ kind ~ '.html'] %}{% endif %}
|
||||
|
||||
{% if has_custom and kind!='notfound' %}<main id="main-content" class="sf-canvas pro-custom-content">{{custom_blocks}}</main>{% else %}<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>{% endif %}
|
||||
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">联系我们 <span>↗</span></a></div></section>{% endif %}
|
||||
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>{{chrome.footer.title or site.name}}</h2><p>{{footer_text}}</p></div><div class="pro-footer-links">{{footer_links(footer_nav)}}</div><div><span class="pro-eyebrow">LET'S TALK</span><p>{{footer_email or '请在后台配置企业联系方式'}}</p></div></div><div class="pro-footer-bottom"><span>© {{year}} {{site.name}}</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>
|
||||
|
||||
{% if chrome.mobile_tabs['enabled'] and chrome.mobile_tabs['items'] %}<nav class="sf-mobile-tabs" style="--sf-mobile-tab-count:{{ chrome.mobile_tabs['items']|length }}" aria-label="手机底部快捷导航" data-mobile-tabs>
|
||||
{% for tab in chrome.mobile_tabs['items'] %}{% if tab.action == 'menu' %}<button type="button" class="sf-mobile-tab" data-mobile-open-menu aria-label="{{tab.title}}"><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></button>{% else %}<a class="sf-mobile-tab" href="{{tab.route}}"{% if tab.route == route %} aria-current="page"{% endif %}><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></a>{% endif %}{% endfor %}</nav>{% endif %}
|
||||
<script defer src="assets/site-runtime.js"></script><script defer src="assets/pro.js"></script></body></html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><base href="/"><title>{{seo_title}}</title><meta name="description" content="{{seo_description}}"><meta name="robots" content="{{'noindex,follow' if mode=='notfound' else (page.robots or 'index,follow')}}">{% if canonical %}<link rel="canonical" href="{{canonical}}">{% endif %}<link rel="stylesheet" href="assets/theme.css"><link rel="stylesheet" href="assets/blocks.css"><link rel="stylesheet" href="assets/custom.css"></head><body>
|
||||
<div class="utility"><span>GLOBAL SOURCING · GLOBAL DELIVERY</span><span>SiteForge Automotive Collection</span></div>
|
||||
<header class="header"><a class="brand" href="./"><span class="mark">S.</span><span>{{site.name}}<small>AUTO & MOBILITY</small></span></a><nav><a href="./">Home</a>{% for n in nav if n.route!='/' %}<a href="{{link(n.route)}}">{{n.title}}</a>{% endfor %}{% if entries | selectattr('type','equalto','product') | list %}<a href="product/">Vehicles</a>{% endif %}{% if entries | selectattr('type','equalto','post') | list %}<a href="post/">News</a>{% endif %}</nav><a href="mailto:{{site.email or "info@example.com"}}" class="nav-cta">GET IN TOUCH ↗</a></header>
|
||||
{% if blueprint_mode %}{% elif mode=='home' %}<section class="hero"><div class="hero-inner"><div class="hero-copy"><span class="eyebrow"><span class="glow"></span> GLOBAL AUTOMOTIVE NETWORK</span><h1>{{page.title if page.title!=site.name else 'MOVE BEYOND'}}</h1><p>{{page.summary or site.tagline or 'Discover global mobility and automotive supply solutions.'}}</p><div class="hero-actions"><a href="product/" class="btn">EXPLORE OUR FLEET <span>↗</span></a><span class="hero-hint">Built for the road ahead.</span></div></div><div class="hero-visual">{% if page.cover %}<img src="{{asset(page.cover)}}" alt="{{page.title}}">{% else %}<div class="car-shape"><div class="car-glow"></div><div class="car-body"></div><div class="wheel wheel-one"></div><div class="wheel wheel-two"></div></div>{% endif %}<div class="hero-no">01 / EXPLORE</div></div></div><div class="hero-bottom"><span>DISCOVER MORE</span><span>QUALITY · TRUST · WORLDWIDE</span><span>↓</span></div></section>
|
||||
{% elif mode=='listing' %}<section class="inner-hero"><span class="eyebrow">THE COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></section>
|
||||
{% elif mode=='notfound' %}<section class="inner-hero"><h1>404</h1><p>We couldn't find that page.</p></section>
|
||||
{% else %}<section class="inner-hero"><span class="eyebrow">{{type_names.get(page.type,'PAGE')|upper}} / THE DETAILS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></section>{% endif %}
|
||||
{% if blueprint_mode %}<main class="sf-canvas">{{blocks}}</main>{% else %}<main class="main"><div class="container">{% if mode in ['detail','home'] and (content or blocks) %}<article class="rich-content">{{blocks}}{{content}}</article>{% endif %}
|
||||
{% if mode=='detail' and page.cover %}<div class="detail-media"><img src="{{asset(page.cover)}}" alt="{{page.title}}"></div>{% endif %}
|
||||
{% if mode=='listing' %}<div class="section-title"><span>THE SELECTION</span><h2>Explore the collection</h2></div><div class="card-grid">{% for item in listing_items %}<a class="model-card" href="{{link(item.route)}}"><div class="card-visual">{% if item.cover %}<img src="{{asset(item.cover)}}" alt="{{item.title}}">{% else %}<span class="card-monogram">{{item.title[:2]|upper}}</span>{% endif %}</div><div class="card-copy"><span>{{type_names.get(item.type,'ITEM')}}</span><h3>{{item.title}}</h3><p>{{item.summary|truncate(95)}}</p><b>DISCOVER ↗</b></div></a>{% endfor %}</div>{% endif %}
|
||||
{% if mode=='home' %}{% set showcase=entries|selectattr('type','equalto','product')|list %}{% if showcase %}<div class="section-title"><span>CURATED MOBILITY</span><h2>Featured Vehicles</h2><a href="product/">VIEW COLLECTION ↗</a></div><div class="card-grid">{% for item in showcase[:6] %}<a class="model-card" href="{{link(item.route)}}"><div class="card-visual">{% if item.cover %}<img src="{{asset(item.cover)}}" alt="{{item.title}}">{% else %}<span class="card-monogram">{{item.title[:2]|upper}}</span>{% endif %}</div><div class="card-copy"><span>VEHICLE</span><h3>{{item.title}}</h3><p>{{item.summary|truncate(105)}}</p><b>VIEW DETAILS ↗</b></div></a>{% endfor %}</div>{% endif %}{% endif %}
|
||||
</div></main>
|
||||
{% endif %}<footer><div><div class="footer-brand">{{site.name}}<span> · GLOBAL MOBILITY</span></div><p>{{site.tagline}}</p></div><div class="footer-bottom"><span>© {{site.name}}</span><span>BUILT FOR TOMORROW · POWERED BY SITEFORGE</span></div></footer></body></html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 740"><defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#162c42"/><stop offset="1" stop-color="#081a2b"/></linearGradient><linearGradient id="s" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#acc8d2"/><stop offset=".48" stop-color="#516b82"/><stop offset="1" stop-color="#182f46"/></linearGradient><radialGradient id="lit"><stop stop-color="#e8ad68" stop-opacity=".3"/><stop offset="1" stop-color="#e8ad68" stop-opacity="0"/></radialGradient></defs><rect width="1000" height="740" fill="url(#bg)"/><circle cx="600" cy="290" r="420" fill="url(#lit)"/><g fill="none" stroke="#d8e6f0" stroke-opacity=".09"><path d="M0 580h1000M0 612h1000M0 644h1000M0 676h1000"/><path d="M150 740 500 490 860 740M0 740 470 490 1000 740"/></g><g transform="translate(45 80)"><ellipse cx="500" cy="520" rx="425" ry="45" fill="#000" opacity=".4"/><path d="M105 393q59-48 133-65l95-118q29-37 79-42l205-3q52-1 91 45l91 109q70 13 94 45l30 75-18 44H99L74 446Z" fill="url(#s)" stroke="#c4d5dc" stroke-width="5"/><path d="m285 323 98-109q19-20 52-20h168q35 0 66 35l70 93Z" fill="#132b40" stroke="#95b4c4" stroke-width="4"/><path d="M506 198v126" stroke="#a7c1cc" stroke-width="5"/><path d="M104 394q104-26 187-17m424-6q98 0 162 21" stroke="#d4e3e7" stroke-opacity=".7" stroke-width="4"/><path d="M96 419h113M806 413h90" stroke="#fff5d9" stroke-width="11" stroke-linecap="round"/><path d="M316 387h322" stroke="#dce6e9" stroke-opacity=".2" stroke-width="2"/><circle cx="253" cy="478" r="78" fill="#0c1825" stroke="#b6c0c5" stroke-width="9"/><circle cx="253" cy="478" r="39" fill="#667c89" stroke="#d1e0e6" stroke-width="8"/><circle cx="735" cy="478" r="78" fill="#0c1825" stroke="#b6c0c5" stroke-width="9"/><circle cx="735" cy="478" r="39" fill="#667c89" stroke="#d1e0e6" stroke-width="8"/></g><text x="50" y="62" fill="#d7a76d" font-size="14" font-family="Arial" letter-spacing="7">CONCEPT / MOBILITY</text><path d="M52 80h220" stroke="#b98756" opacity=".55"/></svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"id": "automotive",
|
||||
"name": "汽车与出行",
|
||||
"description": "V8.31 参照 Magic Bridge Auto 信息架构重设计：品牌大菜单、车型目录、品牌介绍、图库详情、出海服务与响应式布局。默认使用已发布真实站点内容。",
|
||||
"version": "1.4.0",
|
||||
"style": "luxury",
|
||||
"entry": "pro.html",
|
||||
"styles": [
|
||||
"theme.css",
|
||||
"blocks.css"
|
||||
],
|
||||
"page_templates": [
|
||||
"home",
|
||||
"about",
|
||||
"contact",
|
||||
"listing",
|
||||
"category",
|
||||
"product",
|
||||
"article",
|
||||
"brand",
|
||||
"case",
|
||||
"service",
|
||||
"faq",
|
||||
"standard",
|
||||
"notfound"
|
||||
],
|
||||
"blocks": [
|
||||
"hero",
|
||||
"richtext",
|
||||
"features",
|
||||
"stats",
|
||||
"collection",
|
||||
"image_text",
|
||||
"gallery",
|
||||
"faq",
|
||||
"cta",
|
||||
"attributes",
|
||||
"spacer"
|
||||
],
|
||||
"responsive": true,
|
||||
"auto_binding": true,
|
||||
"professional_layout": true,
|
||||
"commercial_ui": true,
|
||||
"commercial_features": [
|
||||
"responsive-design",
|
||||
"product-detail",
|
||||
"brand-collections",
|
||||
"gallery",
|
||||
"content-facets",
|
||||
"mega-navigation",
|
||||
"contact-integration",
|
||||
"readiness-audit"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,285 @@
|
||||
{
|
||||
"home": [
|
||||
{
|
||||
"id": "ff2755fabe",
|
||||
"type": "hero",
|
||||
"visible": true,
|
||||
"title": "探索全球汽车新可能",
|
||||
"subtitle": "THE WORLD OF MOBILITY",
|
||||
"description": "{{site.tagline}}",
|
||||
"button": "浏览车型",
|
||||
"href": "/product/",
|
||||
"align": "left"
|
||||
},
|
||||
{
|
||||
"id": "f997b5975c",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "精选车型",
|
||||
"subtitle": "EXPLORE OUR COLLECTION",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
},
|
||||
{
|
||||
"id": "b79e9bdeee",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "值得信赖的服务",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "fd3475d4a9",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "专业采购与全球交付",
|
||||
"subtitle": "GLOBAL DELIVERY",
|
||||
"description": "为海外市场提供适合的汽车采购与服务解决方案。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "5f159c1114",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启下一次合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"about": [
|
||||
{
|
||||
"id": "3b57a5c80a",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "认识我们",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "展示业务流程和服务理念。",
|
||||
"image": "",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c7aaebcbc8",
|
||||
"type": "stats",
|
||||
"visible": true,
|
||||
"title": "我们的实力",
|
||||
"items": [
|
||||
{
|
||||
"value": "50,000+",
|
||||
"label": "服务案例"
|
||||
},
|
||||
{
|
||||
"value": "70+",
|
||||
"label": "市场覆盖"
|
||||
},
|
||||
{
|
||||
"value": "30+",
|
||||
"label": "合作伙伴"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "f0d35431bc",
|
||||
"type": "features",
|
||||
"visible": true,
|
||||
"title": "我们的优势",
|
||||
"items": [
|
||||
{
|
||||
"title": "专业服务",
|
||||
"text": "从咨询到交付"
|
||||
},
|
||||
{
|
||||
"title": "品质保障",
|
||||
"text": "严格的质量流程"
|
||||
},
|
||||
{
|
||||
"title": "全球网络",
|
||||
"text": "连接不同市场"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"contact": [
|
||||
{
|
||||
"id": "a21100b5fd",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "联系我们",
|
||||
"body": "<p>请填写企业联系方式与地址。</p>"
|
||||
},
|
||||
{
|
||||
"id": "360304f1f1",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "欢迎联系",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"listing": [
|
||||
{
|
||||
"id": "e8c990ef8b",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "所有在售车型",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 24,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"product": [
|
||||
{
|
||||
"id": "7dfe1376b0",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "产品介绍",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "c3a67474f4",
|
||||
"type": "attributes",
|
||||
"visible": true,
|
||||
"title": "产品规格与参数"
|
||||
},
|
||||
{
|
||||
"id": "29b39f194a",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "产品详情",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"id": "70d24b5293",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "开启新的合作",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "联系我们",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"article": [
|
||||
{
|
||||
"id": "f283231732",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"brand": [
|
||||
{
|
||||
"id": "e08f6ad68f",
|
||||
"type": "image_text",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"subtitle": "OUR APPROACH",
|
||||
"description": "{{page.summary}}",
|
||||
"image": "{{page.cover}}",
|
||||
"image_side": "right",
|
||||
"button": "了解更多",
|
||||
"href": "/about/"
|
||||
},
|
||||
{
|
||||
"id": "0f3689e9f0",
|
||||
"type": "collection",
|
||||
"visible": true,
|
||||
"title": "品牌产品",
|
||||
"subtitle": "为客户提供适合的解决方案",
|
||||
"source": "product",
|
||||
"limit": 6,
|
||||
"columns": 3,
|
||||
"button": "查看全部",
|
||||
"href": "/product/"
|
||||
}
|
||||
],
|
||||
"standard": [
|
||||
{
|
||||
"id": "d47d90fe91",
|
||||
"type": "richtext",
|
||||
"visible": true,
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"notfound": [
|
||||
{
|
||||
"id": "8b39fc46a4",
|
||||
"type": "cta",
|
||||
"visible": true,
|
||||
"title": "页面暂时无法访问",
|
||||
"subtitle": "告诉我们您的需求，我们将提供适合的方案。",
|
||||
"button": "返回首页",
|
||||
"href": "/"
|
||||
}
|
||||
],
|
||||
"case": [
|
||||
{
|
||||
"type": "image_text",
|
||||
"title": "{{page.title}}",
|
||||
"image": "{{page.cover}}",
|
||||
"description": "{{page.summary}}"
|
||||
},
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "项目概述",
|
||||
"body": "{{page.body}}"
|
||||
}
|
||||
],
|
||||
"service": [
|
||||
{
|
||||
"type": "richtext",
|
||||
"title": "{{page.title}}",
|
||||
"body": "{{page.body}}"
|
||||
},
|
||||
{
|
||||
"type": "cta",
|
||||
"title": "了解更多",
|
||||
"href": "/contact/"
|
||||
}
|
||||
],
|
||||
"faq": [
|
||||
{
|
||||
"type": "faq",
|
||||
"title": "常见问题",
|
||||
"items": []
|
||||
}
|
||||
],
|
||||
"category": [
|
||||
{
|
||||
"type": "collection",
|
||||
"title": "分类产品",
|
||||
"source": "product",
|
||||
"limit": 24
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="pro-v30-page pro-v30-about pro-v30-about-automotive"><section class="pro-v30-about-opening"><div class="pro-wrap"><span class="pro-eyebrow">OUR COMPANY / APPROACH</span><div class="pro-v30-about-heading"><h1>{{page.title}}</h1><p>{{page.summary or site.tagline or '了解我们的业务与服务方式'}}</p></div></div></section>
|
||||
<section class="pro-section pro-v30-about-story"><div class="pro-wrap pro-v30-about-grid"><div class="pro-v30-about-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="lazy">{% else %}<div class="pro-v30-media-placeholder" aria-hidden="true"><span>OUR / STORY</span></div>{% endif %}</div><div class="pro-v30-about-copy"><span class="pro-eyebrow">ABOUT / 关于我们</span><h2>值得深入了解的汽车合作伙伴</h2>{{body_copy(content,page)}}<a class="pro-v30-text-action" href="/contact/">联系与合作 ↗</a></div></div></section>
|
||||
{% if features %}<section class="pro-section pro-v30-about-services"><div class="pro-wrap">{{section_title('WHAT WE DO','相关服务','/services/')}}{{grid(features,'service')}}</div></section>{% endif %}
|
||||
{% if cases %}<section class="pro-section pro-v30-about-cases"><div class="pro-wrap">{{section_title('SELECTED WORK','相关项目','/cases/')}}{{grid(cases,'case')}}</div></section>{% endif %}</div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<div class="pro-v30-page pro-v30-article pro-v30-article-automotive"><section class="pro-article-hero pro-v30-reading-head"><div class="pro-wrap"><nav class="pro-v30-crumb" aria-label="面包屑导航"><a href="/">首页</a><span aria-hidden="true">/</span><a href="/news/">行业资讯</a></nav><div class="pro-v30-reading-title"><span class="pro-eyebrow">IDEAS / JOURNAL</span><h1>{{page.title}}</h1>{% if page.summary %}<p>{{page.summary}}</p>{% endif %}{% if fields.get('publish_date') %}<time datetime="{{fields.get('publish_date')}}">{{fields.get('publish_date')}}</time>{% endif %}</div></div></section>
|
||||
<div class="pro-wrap pro-v30-reading-layout"><aside class="pro-v30-reading-aside"><span class="pro-eyebrow">READ / EXPLORE</span><a href="/news/">← 返回资讯</a><span class="pro-v30-reading-rule" aria-hidden="true"></span><a href="/contact/">联系沟通 ↗</a></aside><article id="article-body" class="pro-v30-reading-content">{% if page.cover %}<figure><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager"></figure>{% endif %}{{body_copy(content,page)}}<a class="pro-v30-subtle-link" href="/news/">← 返回资讯</a></article></div></div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="auto31-brand pro-v30-page"><section class="auto31-page-banner auto31-brand-banner"><div class="pro-wrap auto31-brand-intro"><div><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/brands/">品牌中心</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">BRANDS / COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary or '浏览该品牌的介绍与相关车型。'}}</p><a href="#auto31-brand-models" class="auto31-primary">查看品牌车型 ↘</a></div>{% if page.cover %}<div class="auto31-brand-photo"><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager"></div>{% endif %}</div></section>
|
||||
<section id="auto31-brand-models" class="pro-section auto31-brand-products"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">MODEL LINEUP</span><h2>{{page.title}} · 相关车型</h2></div><a href="/products/">全部车型 ↗</a></div>{{grid(related,'vehicle')}}</div></section>
|
||||
<section class="pro-section auto31-brand-story"><div class="pro-wrap auto31-story-grid"><div><span class="pro-eyebrow">BRAND PROFILE</span><h2>关于 {{page.title}}</h2></div><div>{{body_copy(content,page)}}</div></div></section></div>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">浏览更多案例 →</a></div></section>
|
||||
@@ -0,0 +1 @@
|
||||
<div class="auto31-catalog auto31-category pro-v30-page"><section class="auto31-page-banner"><div class="pro-wrap"><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/products/">车型</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">BROWSE BY CATEGORY</span><h1>{{page.title}}</h1><p>{{page.summary or '探索该分类已发布的车型。'}}</p></div></section><section class="pro-section auto31-catalog-section"><div class="pro-wrap">{{filters()}}<div class="pro-filter-scope auto31-vehicle-results">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section></div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div class="pro-v30-page pro-v30-contact pro-v30-contact-automotive"><section class="pro-v30-contact-header"><div class="pro-wrap"><span class="pro-eyebrow">CONNECT / CONTACT</span><h1>{{page.title}}</h1><p>{{page.summary or '介绍您的车型与采购需求，我们将根据实际业务信息与您联系。'}}</p></div></section>
|
||||
<section class="pro-section pro-v30-contact-content"><div class="pro-wrap pro-v30-contact-layout"><div class="pro-v30-contact-info"><span class="pro-eyebrow">LET'S START A CONVERSATION</span><h2>咨询与合作</h2>{{body_copy(content,page)}}
|
||||
{% if footer_email %}<div class="pro-v30-contact-channel"><span>电子邮箱</span><a href="mailto:{{footer_email}}">{{footer_email}} ↗</a></div>{% endif %}
|
||||
{% if not footer_email and not form_endpoint %}<p class="pro-muted">联系渠道正在更新，请稍后访问本页面。</p>{% endif %}
|
||||
</div><div class="pro-v30-contact-form-wrap">{% if form_endpoint %}<span class="pro-eyebrow">SEND AN INQUIRY</span><h3>提交咨询</h3><form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">发送咨询 ↗</button><p>提交信息将发送至配置的外部表单服务，请了解其隐私政策。</p></form>
|
||||
{% else %}<div class="pro-v30-contact-note"><span class="pro-eyebrow">HOW TO REACH US</span><p>您可以通过本页提供的联系渠道咨询产品、项目或合作事项。</p><span class="pro-v30-decorative-number" aria-hidden="true">↗</span></div>{% endif %}</div></div></section></div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,14 @@
|
||||
<div class="auto31-home">
|
||||
<section class="pro-home-hero auto31-hero"><div class="pro-wrap auto31-hero-grid">
|
||||
<div class="auto31-hero-copy"><span class="auto31-kicker"><span></span> GLOBAL VEHICLE SOURCING</span>
|
||||
<h1>{{page.title if page.title not in (site.name,'首页','Home') else 'Connecting You to the Right Vehicle'}}</h1>
|
||||
<p>{{page.summary or site.tagline or 'Browse vehicle models, brands and export solutions with clarity and confidence.'}}</p>
|
||||
<div class="auto31-hero-actions"><a class="auto31-primary" href="/products/">探索车型 <span aria-hidden="true">↗</span></a><a class="auto31-secondary" href="/contact/">咨询合作 →</a></div>
|
||||
</div><div class="auto31-hero-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" fetchpriority="high">{% elif showcase and showcase[0].cover %}<img src="{{safe_image(showcase[0].cover)}}" alt="{{showcase[0].title}}" fetchpriority="high">{% else %}<div class="auto31-car-placeholder" aria-label="请在编辑器上传首页车型横幅"><span>FEATURED VEHICLE</span><strong>{{site.name}}</strong><small>添加车型主图即可显示真实产品</small></div>{% endif %}<div class="auto31-hero-stamp">CAR COLLECTION <span>↗</span></div></div>
|
||||
</div><div class="pro-wrap auto31-quick-wrap"><form class="auto31-search" action="/products/" method="get" role="search"><label for="auto31-home-search">快速查找车型</label><div class="auto31-search-field"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg><input id="auto31-home-search" name="q" type="search" placeholder="搜索车型名称、品牌或类别" autocomplete="off"></div><button type="submit">搜索车型 →</button></form></div></section>
|
||||
{% if brands %}<section class="auto31-brand-strip"><div class="pro-wrap auto31-strip-inner"><span>POPULAR BRANDS</span><div class="auto31-brand-list">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}}</a>{% endfor %}</div><a class="auto31-all" href="/brands/">全部品牌 ↗</a></div></section>{% endif %}
|
||||
{% if showcase %}<section class="pro-section auto31-featured"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">TOP VEHICLES / DISCOVER</span><h2>精选车型 <span class="auto31-heading-mark">/</span> Featured Vehicles</h2><p>直接从站点已发布车型中呈现，不填入未经验证的库存或价格。</p></div><a href="/products/">查看全部车型 ↗</a></div>{{grid(showcase[:8],'vehicle')}}</div></section>{% endif %}
|
||||
<section class="auto31-double-feature"><div class="pro-wrap auto31-double-grid"><a href="/products/" class="auto31-feature-tile"><span>01 / VEHICLE COLLECTION</span><h2>丰富的车型选择</h2><p>浏览产品目录，查看车型展示和配置资料。</p><strong>浏览车型 ↗</strong></a><a href="/contact/" class="auto31-feature-tile auto31-feature-tile-alt"><span>02 / EXPORT SOLUTIONS</span><h2>采购与出口支持</h2><p>告诉我们采购需求，了解可提供的供应及交付服务。</p><strong>联系咨询 ↗</strong></a></div></section>
|
||||
<section class="pro-section auto31-company"><div class="pro-wrap auto31-company-grid"><div><span class="pro-eyebrow">WHO WE ARE</span><h2>{{site.name}}</h2><p>{{site.tagline or '了解我们如何与全球客户合作。'}}</p><a class="auto31-primary" href="/about/">了解我们 ↗</a></div><div class="auto31-company-panel"><span>WHY WORK WITH US</span><div><b>01</b><strong>Vehicle Sourcing</strong><small>车型与产品信息</small></div><div><b>02</b><strong>Export Coordination</strong><small>沟通出口与物流需求</small></div><div><b>03</b><strong>Local Support</strong><small>通过实际配置的渠道联系团队</small></div></div></div></section>
|
||||
{% if stories %}<section class="pro-section auto31-news"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">OUR STORIES / INSIGHTS</span><h2>最新资讯与案例</h2></div><a href="/news/">更多内容 ↗</a></div>{{grid(stories[:3],'news')}}</div></section>{% endif %}
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="auto31-catalog pro-v30-page pro-v30-listing">
|
||||
<section class="auto31-page-banner"><div class="pro-wrap auto31-banner-grid"><div><nav class="auto31-crumb"><a href="/">首页</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">VEHICLE COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary or '查找品牌、车型类别和适合的产品。'}}</p></div><div class="auto31-banner-stat"><strong>{{listing|length}}</strong><span>本页显示车型</span></div></div></section>
|
||||
<section class="pro-section auto31-catalog-section"><div class="pro-wrap"><div class="auto31-catalog-head"><div><span class="pro-eyebrow">FILTER / COMPARE / EXPLORE</span><h2>浏览车型</h2></div><a href="/contact/">需要选车建议？联系我们 ↗</a></div>{{filters()}}<div class="pro-filter-scope auto31-vehicle-results" aria-live="polite">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section></div>
|
||||
@@ -0,0 +1 @@
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">返回首页 ↗</a></section>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="auto31-detail pro-v30-page pro-product-layout pro-v30-product">
|
||||
<section class="auto31-detail-head"><div class="pro-wrap"><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/products/">全部车型</a> / <span>{{page.title}}</span></nav><div class="auto31-detail-title"><div><span class="pro-eyebrow">VEHICLE DETAILS / MODEL OVERVIEW</span><h1>{{page.title}}</h1><div class="auto31-model-tags">{% if fields.get('brand') %}<span>{{fields.get('brand')}}</span>{% endif %}{% if fields.get('category') %}<span>{{fields.get('category')}}</span>{% endif %}</div></div><a class="auto31-primary" href="/contact/">询问该车型 ↗</a></div>
|
||||
<div class="auto31-detail-gallery"><div class="pro-product-media auto31-detail-main">{{cover(page,'product')}}</div>{% if gallery|length > 1 %}<div class="pro-gallery-thumbs auto31-thumbnails" aria-label="车型图库">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图片{{loop.index}}" loading="lazy"></button>{% endfor %}</div>{% endif %}</div></div></section>
|
||||
<section class="pro-section auto31-detail-information"><div class="pro-wrap auto31-detail-columns"><div class="auto31-detail-copy"><span class="pro-eyebrow">OVERVIEW</span><h2>车型介绍</h2>{% if page.summary %}<p class="auto31-detail-summary">{{page.summary}}</p>{% endif %}{{body_copy(content,page)}}</div><aside class="auto31-spec-panel"><span class="pro-eyebrow">VEHICLE SPECIFICATION</span><h2>车辆参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">该车型尚未上传规格参数，请联系工作人员了解。</p>{% endfor %}</div><a href="/contact/" class="auto31-secondary">获取详细资料 ↗</a></aside></div></section></div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SEARCH / CONTENT</span><h1>站内搜索</h1><p>搜索本网站的产品、品牌、新闻和案例。</p></div></section>
|
||||
<main id="main-content" class="sf-search-page pro-wrap"><label for="sf-search">输入关键词</label><input type="search" id="sf-search" placeholder="搜索产品、品牌、新闻、案例……" autofocus><div id="sf-search-count" aria-live="polite"></div><div id="sf-search-results"></div></main>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
@@ -0,0 +1,188 @@
|
||||
:root{--pro-text:#1c2a3b;--pro-muted:#718094;--pro-border:#e2e8ef;--pro-background:#fff;--pro-surface:#f2f5f9;--pro-accent:#bb8d50;--pro-hero:#0c1b2e;--pro-radius:5px;--pro-headings:'Arial Narrow',Arial,sans-serif;--pro-wide:1320px}
|
||||
.pro-header{background:#0e1e30;color:#fff;border-color:#26374b}.pro-logo-symbol{color:#e0ae6c}.pro-logo-symbol span{color:#fff}.pro-logo-name small{color:#b3bfcf}.pro-header-cta{background:#c59b63;color:#0f1a26!important}.pro-navigation a:hover{color:#dfb97d}.pro-mega{background:#13263b;border-color:#2a4058;color:#c2d0de}.pro-mega>span{color:#d5aa72}.pro-mobile-toggle{color:#fff}
|
||||
.pro-auto-hero{background:radial-gradient(circle at 68% 50%,#243b54 0%,#112539 34%,#081728 100%);color:#fff}.pro-auto-hero .pro-eyebrow{color:#d5a366}.pro-auto-hero .pro-hero-copy h1 em{color:#d2a16b}.pro-auto-hero .pro-hero-copy p{color:#b9c7d6}.pro-auto-hero .pro-button{color:#0d1b2d!important;background:#d8ad72}.pro-link-light{color:#d8e4ec;font-size:13px;font-weight:750}.pro-auto-hero .pro-hero-art{background:linear-gradient(160deg,#243e59,#0f2033);border:1px solid #ffffff25;box-shadow:0 50px 80px #0005;border-radius:3px;overflow:visible}.pro-abstract-car{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#45648599,transparent 63%)}.pro-abstract-car:before{content:'';position:absolute;left:10%;right:9%;bottom:29%;height:29%;border:3px solid #d3dfefad;border-radius:53% 49% 10% 12%;transform:skewX(-9deg);box-shadow:0 23px 15px #05121f88,0 0 0 3px #182c41 inset}.pro-abstract-car:after{content:'';position:absolute;left:23%;right:23%;bottom:56%;height:17%;border:3px solid #d3dfef72;border-radius:85% 85% 0 0;transform:skewX(-20deg)}.pro-abstract-car>span{position:absolute;top:26px;right:22px;font-size:10px;letter-spacing:.2em;color:#ccd9e5}.auto-wheel{position:absolute;bottom:18%;width:16%;aspect-ratio:1;border-radius:50%;border:11px solid #6f8499;background:#111e2c;box-shadow:0 0 0 4px #111a25}.auto-wheel.a{left:19%}.auto-wheel.b{right:17%}.pro-hero-art>b{position:absolute;bottom:-31px;right:0;font-size:11px;letter-spacing:.2em;color:#bdcde0}.pro-featured{background:#f4f6f8}.pro-featured .pro-card{border:0;box-shadow:0 7px 30px #0f2e4710}.pro-featured .pro-card-cover{background:#d9e2eb}.pro-featured .pro-art{background:linear-gradient(140deg,#dce5ed,#a9baca)}.pro-featured .pro-art-ring{border-color:#eef3f8bb}.pro-statement{background:#12243b;color:#fff}.pro-statement .pro-eyebrow{color:#d3a975}.pro-statement p{color:#aebfd3}.pro-statement h2{font-size:clamp(42px,5vw,70px);max-width:700px}.pro-statement .pro-text-link{color:#dfba83}.pro-brand-section{background:white}.pro-brand-pills a{min-width:150px;text-align:center;background:#f5f7fa}.pro-inner-hero{background:linear-gradient(120deg,#101e31,#273b51);color:#fff}.pro-inner-hero .pro-eyebrow{color:#d0a46b}.pro-inner-hero p,.pro-inner-hero .pro-breadcrumb{color:#c9d1df}.pro-inner-hero .pro-breadcrumb strong{color:#fff}.pro-article-hero{background:#14243a;color:#fff}.pro-article-hero p{color:#bed0df}.pro-footer{background:#071421}.pro-footer-bottom{color:#98aebf}.pro-end-cta{background:#1a324b}.pro-end-cta a{background:#d4a56d;color:#132339!important}.pro-404 h1{color:#b8905c}
|
||||
|
||||
/* SiteForge V5 commercial signature */
|
||||
.pro-auto-hero .pro-hero-art{background-image:url("./visual/hero.svg")!important;background-position:center;background-size:cover;}
|
||||
|
||||
.pro-auto-hero{background:linear-gradient(117deg,#081729 0%,#102a43 100%)}.pro-auto-hero .pro-hero-art{border:1px solid #52667a55;border-radius:3px;box-shadow:0 30px 90px #0004;transform:translateX(0)}.pro-auto-hero .pro-hero-art .pro-abstract-car{opacity:0}.pro-hero-bottom{border-top:1px solid #ffffff1c}.pro-brand-pills a{transition:background .2s}.pro-brand-pills a:hover{background:#d6a974;color:#10233a}.pro-card{border-color:#e0e6ee;border-radius:5px}.pro-card-cover{background:linear-gradient(135deg,#edf1f6,#dbe4eb)}.pro-art{background:linear-gradient(130deg,#e0e8ee,#c4d0dc);color:#37536b}.pro-featured{background:#f8fafc}.pro-statement{background:#0d2134;color:white}.pro-statement p{color:#c6d0dd}.pro-statement .pro-text-link{color:#f0b870}.pro-section-head h2{font-weight:800}.pro-footer{background:#08182a;color:#e5e9ed}
|
||||
|
||||
/* V8.29 presentation refinement: automotive. Preserve per-theme design language. */
|
||||
body.pro-automotive{--pro-studio-ring:rgba(209,161,99,.28);--pro-focus-color:#d1a163;--pro-interact-radius:6px}
|
||||
body.pro-automotive .pro-wrap{max-width:100%;min-width:0}
|
||||
body.pro-automotive .pro-hero-copy,body.pro-automotive .pro-card-body,body.pro-automotive .pro-card-copy{min-width:0;overflow-wrap:anywhere}
|
||||
body.pro-automotive .pro-hero-copy h1{font-size:clamp(2.45rem,5.15vw,5.6rem);line-height:1.08;max-width:18ch;text-wrap:balance}
|
||||
body.pro-automotive .pro-section-head h2{font-size:clamp(1.85rem,3vw,3.25rem);text-wrap:balance}
|
||||
body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
|
||||
@media(hover:hover){body.pro-automotive .pro-card:hover,body.pro-automotive .pro-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px var(--pro-studio-ring)}}
|
||||
body.pro-automotive :where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--pro-focus-color);outline-offset:3px}
|
||||
body.pro-automotive img{max-width:100%;height:auto}
|
||||
body.pro-automotive .pro-card-cover img,body.pro-automotive .pro-gallery-main img{object-fit:cover;max-height:100%}
|
||||
body.pro-automotive .pro-mobile-toggle,body.pro-automotive .pro-nav-disclose{min-height:44px;min-width:44px}
|
||||
@media(max-width:860px){body.pro-automotive .pro-home-grid,body.pro-automotive .pro-product-layout,body.pro-automotive .pro-inquiry-wrap{min-width:0}body.pro-automotive .pro-card-grid,body.pro-automotive .pro-grid{gap:clamp(12px,3vw,23px)}}
|
||||
@media(max-width:560px){body.pro-automotive .pro-wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body.pro-automotive .pro-hero-copy h1{font-size:clamp(2rem,9vw,3.2rem)}body.pro-automotive .pro-section-head h2{font-size:clamp(1.75rem,7vw,2.5rem)}body.pro-automotive .pro-section{padding-block:clamp(34px,9vw,60px)}body.pro-automotive .pro-card-cover{height:auto;aspect-ratio:4/3}body.pro-automotive .pro-card-cover img{width:100%;height:100%;object-fit:cover}}
|
||||
@media(prefers-reduced-motion:reduce){body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:none!important;transform:none!important}}
|
||||
|
||||
|
||||
/* V8.30 REAL PAGE COMPOSITION. Built-in theme version 1.3.0 only.
|
||||
Content-driven sections do not invent client names, certifications or KPIs. */
|
||||
.pro-v30-page{--v30-ink:var(--pro-text);--v30-secondary:var(--pro-muted);--v30-line:var(--pro-border);--v30-panel:var(--pro-surface);--v30-max:1180px;color:var(--v30-ink);overflow:clip}
|
||||
.pro-v30-page .pro-wrap{max-width:var(--v30-max);min-width:0}
|
||||
.pro-v30-page h1,.pro-v30-page h2{overflow-wrap:anywhere;text-wrap:balance;line-height:1.11}
|
||||
.pro-v30-page h1{font-size:clamp(2.55rem,5.2vw,5.6rem);margin:18px 0 22px;letter-spacing:-.035em}
|
||||
.pro-v30-page h2{font-size:clamp(1.8rem,3.3vw,3rem);margin:16px 0 26px;letter-spacing:-.02em}
|
||||
.pro-v30-page p{line-height:1.75;overflow-wrap:anywhere}
|
||||
.pro-v30-page img{max-width:100%}
|
||||
.pro-v30-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8vw;align-items:end}
|
||||
.pro-v30-page-intro{padding:clamp(68px,10vw,128px) 0 clamp(55px,8vw,94px);background:var(--v30-panel)}
|
||||
.pro-v30-intro-main>p{max-width:610px;font-size:clamp(16px,2vw,21px);color:var(--v30-secondary)}
|
||||
.pro-v30-intro-aside{border-left:1px solid var(--v30-line);padding-left:27px;display:grid;gap:8px;align-content:end;min-height:120px}
|
||||
.pro-v30-overline,.pro-v30-caption{font-size:11px;letter-spacing:.12em;color:var(--v30-secondary)}
|
||||
.pro-v30-index-number{font-size:64px;line-height:1;font-weight:650;letter-spacing:-.08em}
|
||||
.pro-v30-index-toolbar{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}
|
||||
.pro-v30-index-body{background:var(--pro-background)}
|
||||
.pro-v30-index-body .pro-section-head,.pro-v30-index-toolbar h2{margin:8px 0}
|
||||
.pro-v30-subtle-link,.pro-v30-text-action{display:inline-flex;gap:10px;text-decoration:none;font-weight:750;font-size:13px;align-items:center;min-height:44px}
|
||||
.pro-v30-subtle-link:hover,.pro-v30-text-action:hover{text-decoration:underline}
|
||||
.pro-v30-results{margin-top:clamp(28px,5vw,54px)}
|
||||
.pro-v30-product-top{padding:26px 0 clamp(60px,8vw,110px);background:var(--v30-panel)}
|
||||
.pro-v30-crumb{display:flex;flex-wrap:wrap;gap:11px;align-items:center;font-size:12px;color:var(--v30-secondary);margin:8px 0 46px}
|
||||
.pro-v30-crumb a{text-decoration:underline;text-underline-offset:4px}
|
||||
.pro-v30-product-head{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,6vw,90px)}
|
||||
.pro-v30-product-intro>p{font-size:clamp(16px,2vw,19px);color:var(--v30-secondary);max-width:48ch}
|
||||
.pro-v30-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.pro-v30-tags span{padding:8px 13px;border:1px solid var(--v30-line);font-size:12px;border-radius:2px}
|
||||
.pro-v30-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
|
||||
.pro-v30-main-media{background:var(--pro-surface);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;border-radius:var(--pro-radius)}
|
||||
.pro-v30-main-media .pro-photo{width:100%;height:100%;object-fit:contain}
|
||||
.pro-v30-product-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:clamp(30px,7vw,104px)}
|
||||
.pro-v30-details-main .pro-rich{max-width:760px}.pro-v30-details-side{align-self:start;border-top:3px solid var(--pro-accent);padding-top:25px}
|
||||
.pro-v30-details-side .pro-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.pro-v30-details-side .pro-specs strong{overflow-wrap:anywhere}
|
||||
.pro-v30-reading-head{padding:clamp(50px,8vw,100px) 0 clamp(60px,8vw,100px);background:var(--v30-panel)}
|
||||
.pro-v30-reading-title{max-width:940px;margin:auto}.pro-v30-reading-title>p{font-size:clamp(16px,2.1vw,22px);max-width:65ch;color:var(--v30-secondary)}
|
||||
.pro-v30-reading-title time{display:block;margin-top:24px;font-size:13px;color:var(--v30-secondary)}
|
||||
.pro-v30-reading-layout{display:grid;grid-template-columns:180px minmax(0,750px);gap:clamp(35px,7vw,110px);padding-block:clamp(55px,8vw,110px)}
|
||||
.pro-v30-reading-aside{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:30px;font-size:13px}
|
||||
.pro-v30-reading-rule{height:1px;background:var(--v30-line)}
|
||||
.pro-v30-reading-content{min-width:0}.pro-v30-reading-content figure{margin:0 0 45px}.pro-v30-reading-content figure img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}
|
||||
.pro-v30-reading-content .pro-rich{line-height:1.9;font-size:clamp(16px,1.75vw,18px)}.pro-v30-reading-content .pro-rich>*+*{margin-top:1.3em}
|
||||
.pro-v30-about-opening{padding:clamp(75px,10vw,130px) 0;background:var(--v30-panel)}
|
||||
.pro-v30-about-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:end}.pro-v30-about-heading>p{font-size:clamp(17px,2vw,23px);color:var(--v30-secondary);padding-bottom:12px}
|
||||
.pro-v30-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:center}
|
||||
.pro-v30-about-media{min-height:360px;aspect-ratio:5/4;background:var(--v30-panel);overflow:hidden}.pro-v30-about-media img{width:100%;height:100%;object-fit:cover}
|
||||
.pro-v30-media-placeholder{height:100%;min-height:360px;display:grid;place-items:center;color:var(--v30-secondary);letter-spacing:.18em;font-size:12px;border:1px solid var(--v30-line)}
|
||||
.pro-v30-about-copy .pro-rich{max-width:620px}.pro-v30-about-cases{background:var(--v30-panel)}
|
||||
.pro-v30-contact-header{background:var(--v30-panel);padding:clamp(75px,10vw,135px) 0}.pro-v30-contact-header p{font-size:clamp(17px,2vw,21px);max-width:58ch;color:var(--v30-secondary)}
|
||||
.pro-v30-contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,8vw,120px)}
|
||||
.pro-v30-contact-channel{display:grid;gap:10px;margin-top:45px;border-top:1px solid var(--v30-line);padding-top:25px}.pro-v30-contact-channel span{font-size:12px;color:var(--v30-secondary)}.pro-v30-contact-channel a{font-size:clamp(15px,2vw,24px);overflow-wrap:anywhere;font-weight:650}
|
||||
.pro-v30-contact-form-wrap{padding:clamp(22px,4vw,48px);background:var(--v30-panel);min-width:0}
|
||||
.pro-v30-contact-form-wrap .pro-inquiry{margin-top:22px}.pro-v30-contact-form-wrap .pro-inquiry input,.pro-v30-contact-form-wrap textarea{background:var(--pro-background)}
|
||||
.pro-v30-contact-note{display:grid;align-content:space-between;min-height:270px;gap:24px}.pro-v30-decorative-number{font-size:90px;line-height:1;justify-self:end;color:var(--pro-accent)}
|
||||
.pro-v30-home-editorial{background:var(--pro-surface)}
|
||||
.pro-v30-page :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--pro-accent);outline-offset:3px}
|
||||
@media(max-width:950px){.pro-v30-product-head,.pro-v30-product-details,.pro-v30-about-grid,.pro-v30-contact-layout{grid-template-columns:1fr;gap:38px}.pro-v30-product-visual{order:-1}.pro-v30-about-heading{grid-template-columns:1fr;gap:4px}.pro-v30-about-media{max-height:430px}.pro-v30-reading-layout{grid-template-columns:1fr;gap:24px}.pro-v30-reading-aside{position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.pro-v30-reading-rule{display:none}}
|
||||
@media(max-width:600px){.pro-v30-page .pro-wrap{padding-inline:max(18px,env(safe-area-inset-left));}.pro-v30-page h1{font-size:clamp(2.2rem,9.2vw,3.4rem)}.pro-v30-intro-layout{grid-template-columns:1fr;gap:18px}.pro-v30-intro-aside{display:none}.pro-v30-index-toolbar{align-items:start;flex-direction:column;gap:0}.pro-v30-crumb{margin-bottom:24px}.pro-v30-product-top{padding-bottom:42px}.pro-v30-main-media{aspect-ratio:5/4}.pro-v30-product-details{gap:45px}.pro-v30-reading-title{margin:0}.pro-v30-reading-content figure{margin-bottom:22px}.pro-v30-about-media,.pro-v30-media-placeholder{min-height:220px}.pro-v30-contact-form-wrap{padding:20px}.pro-v30-contact-layout{gap:30px}}
|
||||
@media(prefers-reduced-motion:reduce){.pro-v30-page *{scroll-behavior:auto!important}}
|
||||
|
||||
/* Theme-specific editorial composition */
|
||||
.pro-v30-product-automotive .pro-v30-main-media{background:linear-gradient(155deg,#eaf0f5,#d8e4ed)}.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:.7fr 1.3fr}.pro-v30-article-automotive .pro-v30-reading-head{background:linear-gradient(145deg,#0d2339,#213a55);color:#fff}.pro-v30-article-automotive .pro-v30-reading-title>p,.pro-v30-article-automotive .pro-v30-crumb{color:#d9e4ed}.pro-v30-vehicle-index .pro-v30-page-intro{background:#11283d;color:#f7f9fb}.pro-v30-vehicle-index .pro-v30-intro-main>p,.pro-v30-vehicle-index .pro-v30-intro-aside{color:#cbd6e0}.pro-v30-vehicle-index .pro-v30-intro-aside{border-color:#ffffff39}.pro-v30-vehicle-index .pro-eyebrow{color:#e2b47b}.pro-v30-product-automotive .pro-v30-product-intro h1{letter-spacing:-.055em}
|
||||
|
||||
@media(max-width:950px){.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:1fr}}
|
||||
|
||||
/* Retain existing gallery runtime behavior with re-composed product layout. */
|
||||
.pro-v30-page .pro-product-media{height:auto;min-height:0}
|
||||
|
||||
|
||||
/* SiteForge V8.31 – Magic Bridge inspired, data-driven automotive export storefront.
|
||||
All selectors scoped to the automotive theme. Preserves existing platform navigation
|
||||
drawer, optional mobile Tabs, gallery, URL/SEO and client-side catalog filtering. */
|
||||
body.pro-automotive{--pro-text:#13263b;--pro-muted:#67788d;--pro-border:#e7edf3;--pro-background:#fff;--pro-surface:#f5f7fa;--pro-accent:#ea733e;--pro-hero:#f5f7fa;--pro-radius:12px;--pro-wide:1280px;--pro-headings:Inter,Arial,'Microsoft YaHei',sans-serif;color:#14273c;background:#fff}
|
||||
body.pro-automotive .pro-wrap{max-width:min(1280px,100%);padding-inline:clamp(18px,3.7vw,50px)}
|
||||
body.pro-automotive .pro-utility{background:#122840;color:#deebf7;border:0;font-size:11px;letter-spacing:.075em}
|
||||
body.pro-automotive .pro-utility .pro-wrap{min-height:34px;gap:16px}
|
||||
body.pro-automotive .auto31-header{background:#fff;color:#142b43;border-bottom:1px solid #e9eef4;position:relative;z-index:20;box-shadow:0 5px 22px #14304808}
|
||||
body.pro-automotive .auto31-head-inner{min-height:85px;gap:clamp(12px,2vw,30px)}
|
||||
body.pro-automotive .pro-logo{color:#12283d;flex-shrink:1;min-width:0}
|
||||
body.pro-automotive .pro-logo-symbol{background:#eb733e;color:#fff;border-radius:12px;padding:5px 10px;font-size:24px}
|
||||
body.pro-automotive .pro-logo-symbol span{color:#fff}
|
||||
body.pro-automotive .pro-logo-name{font-weight:850;font-size:clamp(14px,1.4vw,19px)}
|
||||
body.pro-automotive .pro-logo-name small{color:#7a8998;letter-spacing:.12em;font-size:9px}
|
||||
body.pro-automotive .pro-brand-logo{object-fit:contain;max-height:51px;width:auto}
|
||||
body.pro-automotive .pro-navigation{gap:clamp(9px,1.3vw,22px)}
|
||||
body.pro-automotive .pro-navigation a{color:#263c53;font-size:13px;font-weight:690}
|
||||
body.pro-automotive .pro-navigation a:hover,body.pro-automotive .pro-navigation a[aria-current=page]{color:#db6632}
|
||||
body.pro-automotive .pro-nav-disclose{color:#344456}
|
||||
body.pro-automotive .pro-header-cta{background:#ef743c;color:#fff!important;border-radius:8px;padding:13px 20px;white-space:nowrap;box-shadow:none;font-size:12px;font-weight:760}
|
||||
body.pro-automotive .pro-header-cta:hover{background:#c85627}
|
||||
body.pro-automotive .pro-catalog-toggle{background:#f4f7fa!important;color:#223950!important;border:1px solid #dfe6ed;border-radius:8px;padding:13px 13px;font-size:12px;font-weight:750;white-space:nowrap}
|
||||
body.pro-automotive .auto31-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:min(1160px,calc(100vw - 32px));z-index:40;display:grid;grid-template-columns:minmax(195px,.85fr) minmax(280px,1.5fr) minmax(170px,.78fr);padding:34px;gap:34px;color:#19314a;background:white;border:1px solid #e6edf4;border-radius:0 0 18px 18px;box-shadow:0 24px 70px #0d263922}
|
||||
body.pro-automotive .auto31-mega[hidden]{display:none!important}
|
||||
body.pro-automotive .auto31-mega-lead{padding:15px 22px 12px 5px;border-right:1px solid #e8eef5}
|
||||
body.pro-automotive .auto31-mega-lead>h2{font-size:26px;margin:12px 0}
|
||||
body.pro-automotive .auto31-mega-lead p{color:#7d8997;font-size:13px;line-height:1.7}
|
||||
body.pro-automotive .auto31-mega-lead a{display:inline-block;margin-top:22px;font-size:13px;color:#df6a34;font-weight:750}
|
||||
body.pro-automotive .auto31-mega-column>strong{font-size:13px;display:block;margin-bottom:20px}
|
||||
body.pro-automotive .auto31-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
|
||||
body.pro-automotive .auto31-mega-links a{padding:9px 0;color:#42536a!important;text-decoration:none;font-size:12px;display:flex;justify-content:space-between;gap:5px;align-items:center}
|
||||
body.pro-automotive .auto31-mega-links a:hover{color:#eb7138!important}
|
||||
body.pro-automotive .auto31-mega-links a span{opacity:.35}
|
||||
body.pro-automotive .auto31-mega-categories .auto31-mega-links{grid-template-columns:1fr}
|
||||
body.pro-automotive .auto31-mega-contact{display:block;margin-top:20px;color:#e16a32;font-size:12px;font-weight:700}
|
||||
body.pro-automotive .auto31-muted{color:#8997a5;font-size:12px}
|
||||
.auto31-home{color:#1a3047}.auto31-home .pro-eyebrow,.auto31-detail .pro-eyebrow,.auto31-brand .pro-eyebrow,.auto31-catalog .pro-eyebrow{color:#eb733d;font-size:11px;letter-spacing:.135em;font-weight:800}
|
||||
.auto31-hero{background:linear-gradient(115deg,#f8fafc,#edf3f8);padding:60px 0 0;position:relative;overflow:hidden}
|
||||
.auto31-hero-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(20px,4vw,65px);min-height:500px;align-items:center}
|
||||
.auto31-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#e57239}
|
||||
.auto31-kicker span{height:8px;width:8px;border-radius:50%;background:#ee7138}
|
||||
.auto31-hero-copy{padding:20px 0 65px;min-width:0}.auto31-hero-copy h1{font-size:clamp(42px,5vw,76px);font-weight:850;line-height:1.11;letter-spacing:-.048em;margin:24px 0;color:#102942;max-width:12ch;overflow-wrap:anywhere}
|
||||
.auto31-hero-copy p{color:#687b8d;line-height:1.75;font-size:clamp(15px,1.5vw,18px);max-width:47ch}
|
||||
.auto31-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px}
|
||||
.auto31-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#ea733e!important;color:white!important;padding:13px 24px;text-decoration:none;border-radius:8px;font-weight:760;font-size:13px;min-height:49px;white-space:normal}
|
||||
.auto31-primary:hover{background:#cd5928!important}.auto31-secondary{display:inline-flex;gap:12px;align-items:center;justify-content:center;color:#203e5a!important;font-size:13px;font-weight:800;text-decoration:none;min-height:44px}
|
||||
.auto31-hero-media{position:relative;align-self:stretch;min-height:360px;display:grid;place-items:center}
|
||||
.auto31-hero-media>img{width:100%;max-height:510px;object-fit:contain;filter:drop-shadow(0 24px 18px #173a571c)}
|
||||
.auto31-car-placeholder{width:100%;height:100%;min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px;gap:12px;background:radial-gradient(ellipse at 75% 80%,#c5d5e7 0%,transparent 52%),linear-gradient(130deg,#e3ebf3,#f6f9fc);color:#72859a;border-radius:18px}
|
||||
.auto31-car-placeholder strong{font-size:clamp(26px,3vw,45px);line-height:1.1;color:#9caec0}.auto31-car-placeholder span{font-weight:800;letter-spacing:.2em;font-size:11px}.auto31-car-placeholder small{font-size:12px}
|
||||
.auto31-hero-stamp{position:absolute;bottom:26px;right:15px;background:#112d48;color:#fff;padding:13px 17px;border-radius:8px;font-size:11px;letter-spacing:.1em}.auto31-hero-stamp span{color:#ed8f62;margin-left:15px}
|
||||
.auto31-quick-wrap{position:relative;z-index:2;transform:translateY(31px)}
|
||||
.auto31-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:#fff;padding:14px 16px 14px 30px;border:1px solid #e5edf4;border-radius:12px;box-shadow:0 15px 45px #173a5515}
|
||||
.auto31-search>label{font-size:14px;font-weight:800;white-space:nowrap}.auto31-search-field{display:flex;align-items:center;gap:12px;background:#f5f7fa;padding:0 16px;border-radius:7px;color:#95a2ae;min-width:0}
|
||||
.auto31-search-field input{width:100%;font-size:14px;background:transparent;border:none;outline:none;min-height:44px;color:#152c40;min-width:0}.auto31-search button{border:0;background:#132e49;color:#fff;border-radius:7px;padding:13px 21px;font-weight:800;cursor:pointer;white-space:nowrap;min-height:44px}
|
||||
.auto31-brand-strip{background:white;padding:77px 0 39px}.auto31-strip-inner{display:flex;gap:24px;align-items:center}.auto31-strip-inner>span{font-size:11px;font-weight:800;white-space:nowrap;color:#8d98a5;letter-spacing:.1em}.auto31-brand-list{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;min-width:0;flex:1}.auto31-brand-list a{background:#f4f6f8;color:#3a5063;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:750;padding:11px 17px}.auto31-brand-list a:hover{background:#e8eff6}.auto31-all{white-space:nowrap;font-size:12px;color:#e77340;font-weight:800}
|
||||
.auto31-featured,.auto31-news{background:#fff}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
|
||||
.auto31-section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:34px}.auto31-section-heading h2{font-size:clamp(29px,3.1vw,45px);line-height:1.2;letter-spacing:-.035em;margin:13px 0}.auto31-section-heading p{color:#81909e;max-width:65ch}.auto31-section-heading>a{white-space:nowrap;font-size:13px;font-weight:770;color:#e36b35}
|
||||
.auto31-heading-mark{color:#ea763b}.auto31-home .pro-card,.auto31-catalog .pro-card,.auto31-brand .pro-card{border:1px solid #edf0f4;border-radius:11px;overflow:hidden;box-shadow:0 8px 30px #13314909;background:#fff}
|
||||
.auto31-home .pro-card-cover,.auto31-catalog .pro-card-cover,.auto31-brand .pro-card-cover{background:#f2f5f8;aspect-ratio:4/3;overflow:hidden;height:auto}
|
||||
.auto31-home .pro-card-cover img,.auto31-catalog .pro-card-cover img,.auto31-brand .pro-card-cover img{width:100%;height:100%;object-fit:contain;padding:8px}
|
||||
.auto31-home .pro-card-body,.auto31-catalog .pro-card-body,.auto31-brand .pro-card-body{padding:19px 20px 21px}.auto31-home .pro-card h3,.auto31-catalog .pro-card h3,.auto31-brand .pro-card h3{font-size:18px;line-height:1.35;margin:10px 0 8px}.auto31-home .pro-card-body p,.auto31-catalog .pro-card-body p,.auto31-brand .pro-card-body p{color:#83909b;line-height:1.6;font-size:12px}.auto31-home .pro-card-meta,.auto31-catalog .pro-card-meta{color:#ea773f;font-size:11px}.auto31-home .pro-card-link,.auto31-catalog .pro-card-link,.auto31-brand .pro-card-link{color:#df6b39;font-size:12px;font-weight:800}
|
||||
.auto31-double-feature{padding:32px 0 88px;background:#fff}.auto31-double-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.auto31-feature-tile{display:flex;min-height:265px;gap:12px;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(25px,4vw,49px);background:#eaf2f9;color:#1b3146!important;border-radius:13px;text-decoration:none}.auto31-feature-tile-alt{background:#183650;color:#fff!important}.auto31-feature-tile>span{font-size:11px;letter-spacing:.12em;font-weight:750;opacity:.7}.auto31-feature-tile h2{font-size:clamp(25px,3vw,39px);margin:5px 0;line-height:1.3}.auto31-feature-tile p{font-size:13px;max-width:42ch;opacity:.8}.auto31-feature-tile strong{font-size:13px;margin-top:12px;color:#e7743d}
|
||||
.auto31-company{background:#f4f7fa}.auto31-company-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}.auto31-company h2{font-size:clamp(28px,4vw,57px);margin:15px 0;line-height:1.15}.auto31-company p{color:#74889a;font-size:17px;line-height:1.7;max-width:45ch;margin-bottom:23px}.auto31-company-panel{background:white;padding:clamp(22px,4vw,42px);border-radius:15px;box-shadow:0 11px 34px #122b450c}.auto31-company-panel>span{font-size:11px;letter-spacing:.12em;color:#e1733e;font-weight:800}.auto31-company-panel>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #ecf1f5}.auto31-company-panel>div:last-child{border:0}.auto31-company-panel b{color:#eb7e48}.auto31-company-panel strong{font-size:15px}.auto31-company-panel small{color:#8895a3;font-size:11px;text-align:right}
|
||||
.auto31-news{background:#fff}
|
||||
.auto31-page-banner{padding:clamp(50px,6vw,90px) 0;background:linear-gradient(120deg,#f5f8fb,#edf3f8);color:#102940}.auto31-banner-grid{display:flex;justify-content:space-between;align-items:end;gap:30px}.auto31-page-banner h1{font-size:clamp(39px,4.7vw,66px);margin:14px 0}.auto31-page-banner p{color:#697d8d;max-width:62ch;font-size:17px}.auto31-crumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:12px;color:#7d8b98}.auto31-crumb a{color:#567187;text-decoration:none}.auto31-banner-stat{display:flex;flex-direction:column;align-items:center;min-width:150px;border-left:1px solid #d6e1ea;padding-left:28px}.auto31-banner-stat strong{font-size:70px;font-weight:800;line-height:1}.auto31-banner-stat span{font-size:11px;color:#90a0ad}
|
||||
.auto31-catalog-section{background:white}.auto31-catalog-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.auto31-catalog-head h2{font-size:33px;margin:8px 0}.auto31-catalog-head>a{color:#df6b39;font-size:13px;font-weight:800}
|
||||
.auto31-catalog .pro-filter-panel,.auto31-category .pro-filter-panel{background:#f7f9fc;border:1px solid #edf1f5;padding:19px;border-radius:12px;gap:16px;margin-bottom:28px}.auto31-catalog .pro-filter-panel label{min-width:0}.auto31-catalog .pro-filter-panel input,.auto31-catalog .pro-filter-panel select{background:white;border-color:#dfe7ef;border-radius:8px;min-height:44px}.auto31-vehicle-results{margin:0}
|
||||
.auto31-brand-banner{background:#f3f7fb}.auto31-brand-intro{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:45px}.auto31-brand-photo{aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:#e7eff6}.auto31-brand-photo img{width:100%;height:100%;object-fit:contain}.auto31-brand-intro .auto31-primary{margin-top:18px}.auto31-brand-products{background:#fff}.auto31-brand-story{background:#f6f8fb}.auto31-story-grid{display:grid;grid-template-columns:.6fr 1fr;gap:60px}.auto31-story-grid h2{font-size:35px;margin:14px 0}.auto31-story-grid .pro-rich{line-height:1.85}
|
||||
.auto31-detail-head{padding:26px 0 75px;background:#f7f9fc}.auto31-detail-head .auto31-crumb{margin-bottom:40px}.auto31-detail-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.auto31-detail-title h1{font-size:clamp(36px,4.4vw,64px);margin:14px 0 6px}.auto31-model-tags{display:flex;gap:8px;flex-wrap:wrap}.auto31-model-tags span{border-radius:30px;border:1px solid #d9e3ed;padding:6px 12px;color:#587086;font-size:11px}.auto31-detail-main{background:#edf2f7;border-radius:14px;overflow:hidden;aspect-ratio:16/8;display:grid;place-items:center}.auto31-detail-main .pro-photo{height:100%;width:100%;object-fit:contain;padding:15px}.auto31-detail-gallery{max-width:1180px;margin:auto}.auto31-thumbnails{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.auto31-thumbnails button{border-radius:8px;background:white;border:1px solid #dbe5ef;padding:5px;cursor:pointer}.auto31-thumbnails button[aria-pressed=true]{border-color:#e5723e}.auto31-thumbnails img{width:98px;height:64px;object-fit:contain}
|
||||
.auto31-detail-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(30px,7vw,90px)}.auto31-detail-copy h2,.auto31-spec-panel h2{font-size:clamp(27px,3vw,40px);margin:14px 0 22px}.auto31-detail-summary{color:#698094;font-size:18px;line-height:1.8}.auto31-detail-copy .pro-rich{line-height:1.9}.auto31-spec-panel{border:1px solid #e6edf4;background:#f9fbfd;border-radius:14px;padding:clamp(22px,3vw,35px);align-self:start}.auto31-spec-panel .pro-specs>div{grid-template-columns:1fr 1fr;gap:10px}.auto31-spec-panel .auto31-secondary{margin-top:24px;color:#e4723e!important}
|
||||
body.pro-automotive .pro-end-cta{background:#193650;color:#fff}body.pro-automotive .pro-end-cta a{background:#ef7840!important;color:white!important;border-radius:8px}
|
||||
body.pro-automotive .pro-footer{background:#0b2137;color:#eaf3fb}body.pro-automotive .pro-footer-bottom{color:#9aaec1}
|
||||
@media(max-width:1180px){body.pro-automotive .pro-navigation{gap:8px}body.pro-automotive .auto31-head-inner{gap:10px}body.pro-automotive .auto31-featured .pro-grid,body.pro-automotive .auto31-catalog .pro-grid,body.pro-automotive .auto31-brand-products .pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
|
||||
@media(max-width:1024px){body.pro-automotive .pro-header{z-index:30}body.pro-automotive .pro-mobile-toggle{color:#19344e!important;background:#edf3f8;border-radius:8px}body.pro-automotive .pro-navigation{background:#fff!important;color:#182e45!important}body.pro-automotive .pro-navigation a{color:#1b344c!important}body.pro-automotive .auto31-menu-trigger{display:none!important}body.pro-automotive .auto31-hero-grid{grid-template-columns:1fr 1fr}.auto31-hero-copy h1{font-size:clamp(34px,4.8vw,58px)}}
|
||||
@media(max-width:850px){.auto31-hero-grid,.auto31-company-grid,.auto31-brand-intro,.auto31-detail-columns,.auto31-story-grid{grid-template-columns:1fr}.auto31-hero{padding-top:35px}.auto31-hero-copy{padding:20px 0}.auto31-hero-media{min-height:300px;max-height:420px}.auto31-hero-media>img{max-height:410px}.auto31-strip-inner{flex-wrap:wrap}.auto31-brand-list{order:3;flex-basis:100%}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto31-company-panel>div{grid-template-columns:35px 1fr auto}}
|
||||
@media(max-width:600px){body.pro-automotive .pro-wrap{padding-inline:max(17px,env(safe-area-inset-left)) max(17px,env(safe-area-inset-right))}.auto31-hero-copy h1{font-size:clamp(34px,9vw,49px);max-width:14ch}.auto31-hero-copy p{font-size:15px}.auto31-hero-media{min-height:220px}.auto31-car-placeholder{min-height:230px;padding:23px}.auto31-hero-stamp{display:none}.auto31-quick-wrap{transform:translateY(18px)}.auto31-search{grid-template-columns:1fr;gap:11px;padding:16px}.auto31-search>label{font-size:13px}.auto31-search button{width:100%}.auto31-brand-strip{padding-top:48px}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.auto31-home .pro-card-body,.auto31-catalog .pro-card-body,.auto31-brand .pro-card-body{padding:13px}.auto31-home .pro-card h3,.auto31-catalog .pro-card h3,.auto31-brand .pro-card h3{font-size:14px}.auto31-home .pro-card-body p,.auto31-catalog .pro-card-body p,.auto31-brand .pro-card-body p{font-size:11px}.auto31-section-heading,.auto31-catalog-head{align-items:flex-start;flex-direction:column}.auto31-section-heading h2{font-size:29px}.auto31-double-grid{grid-template-columns:1fr}.auto31-feature-tile{min-height:190px}.auto31-company-panel>div{grid-template-columns:28px 1fr}.auto31-company-panel small{grid-column:2;text-align:left}.auto31-banner-stat{display:none}.auto31-page-banner h1{font-size:38px}.auto31-detail-title{align-items:flex-start;flex-direction:column}.auto31-detail-main{aspect-ratio:5/4}.auto31-spec-panel{padding:21px}.auto31-catalog .pro-filter-panel{grid-template-columns:1fr 1fr}.auto31-thumbnails img{width:65px;height:49px}}
|
||||
@media(prefers-reduced-motion:reduce){.auto31-home *,.auto31-brand *,.auto31-catalog *,.auto31-detail *{transition:none!important;scroll-behavior:auto!important}}
|
||||
|
||||
/* V8.31 mobile layout: override the broader tablet rule with a deliberate, single-column hero. */
|
||||
@media(max-width:850px){
|
||||
body.pro-automotive .auto31-hero .auto31-hero-grid{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-copy{padding:26px 0 12px}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-copy h1{max-width:17ch;overflow-wrap:normal}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-media{min-height:230px;max-height:450px}
|
||||
}
|
||||
@media(max-width:600px){
|
||||
body.pro-automotive .auto31-hero{padding-top:16px}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-copy h1{font-size:clamp(34px,9vw,44px);max-width:15ch}
|
||||
body.pro-automotive .auto31-hero .auto31-hero-media{min-height:215px;max-height:300px}
|
||||
body.pro-automotive .auto31-hero .auto31-car-placeholder{min-height:215px}
|
||||
}
|
||||
/* V8.31 phone catalogue: override the higher-specificity tablet three-column rule. */
|
||||
@media(max-width:600px){body.pro-automotive .auto31-featured .pro-grid,body.pro-automotive .auto31-catalog .pro-grid,body.pro-automotive .auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user