:root {
      --bg: #f5f5f7;
      --card: #fff;
      --text: #1d1d1f;
      --muted: #6e6e73;
      --soft: #86868b;
      --blue: #0071e3;
      --blue-dark: #005bb5;
      --line: rgba(0,0,0,.08);
      --shadow: 0 24px 70px rgba(0,0,0,.08);
      --radius-xl: 42px;
      --radius-lg: 32px;
      --radius-md: 22px;
      --max: 1200px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at 14% 0%, rgba(0,113,227,.07), transparent 28%),
        radial-gradient(circle at 84% 0%, rgba(188,188,196,.16), transparent 28%),
        var(--bg);
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    .wrap { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }

    .topbar {
      position: sticky; top: 0; z-index: 50;
      background: rgba(245,245,247,.78);
      backdrop-filter: saturate(180%) blur(18px);
      border-bottom: 1px solid rgba(0,0,0,.05);
    }
    .topbar .wrap { height: 68px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
    .brand { display:inline-flex; align-items:center; gap:12px; font-weight:700; letter-spacing:-.02em; white-space:nowrap;font-size: 20px; }
    .brand-mark { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(135deg,#2a2a2f,#6a6b70); color:#fff; font-size:16px; box-shadow:0 10px 24px rgba(0,0,0,.12); }
    .menu { display:flex; align-items:center; gap:28px; color:var(--muted); font-size:14px; }
    .menu a:hover { color:var(--text); }
    .nav-btn { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px; border-radius:999px; background:var(--blue); color:#fff; font-size:14px; font-weight:600; box-shadow:0 10px 22px rgba(0,113,227,.20); }

    .section { padding: 96px 0; }
    .eyebrow { display:inline-block; color:var(--blue); font-size:18px; font-weight:600; letter-spacing:-.02em; margin-bottom:16px; }
    h1 { margin:0; font-size:clamp(54px,8vw,104px); line-height:1.05; letter-spacing:-.045em; font-weight:780; }
    h2 { margin:0; font-size:clamp(38px,5vw,62px); line-height:1.02; letter-spacing:-.055em; font-weight:740; }

    .hero { padding: 52px 0 84px; }
    .hero-intro { text-align:center; max-width: 980px; margin: 0 auto; }
    .hero-intro p { margin: 22px auto 0; max-width: 760px; color: var(--muted); font-size: clamp(20px,2.2vw,26px); line-height: 1.45; letter-spacing: -.025em; }
    .actions { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:999px; font-size:16px; font-weight:600; transition:.2s ease; }
    .btn:hover { transform:translateY(-1px); }
    .btn-primary { background:var(--blue); color:#fff; box-shadow:0 16px 32px rgba(0,113,227,.18); }
    .btn-primary:hover { background:var(--blue-dark); }
    .btn-link { color:var(--blue); padding-left:6px; padding-right:6px; }

    .hero-stage { position:relative; margin-top:56px; min-height:680px; }
    .hero-main {
      position:relative; overflow:hidden; border-radius:44px; background:var(--card); box-shadow: var(--shadow);
      width:min(100%, 1050px); height:680px; margin:0 auto;
    }
    .hero-main img { width:100%; height:100%; object-fit:cover; object-position:center; }
    .hero-main::after { content:''; position:absolute; inset:auto 0 0 0; height:34%; background:linear-gradient(180deg, transparent, rgba(0,0,0,.36)); }
    .hero-copy-overlay { position:absolute; left:34px; bottom:30px; z-index:2; color:#fff; max-width:520px; }
    .hero-copy-overlay strong { display:block; font-size:clamp(28px,3vw,44px); line-height:1.05; letter-spacing:-.04em; margin-bottom:8px; }
    .hero-copy-overlay span { display:block; color:rgba(255,255,255,.82); font-size:16px; line-height:1.6; }

    .floating-card {
      position:absolute; right:40px; bottom:-34px; width:260px; overflow:hidden; border-radius:32px; background:rgba(255,255,255,.78);
      backdrop-filter: blur(20px); box-shadow:0 26px 60px rgba(0,0,0,.14); border:1px solid rgba(255,255,255,.72);
    }
    .floating-card img { width:100%; height:330px; object-fit:cover; }
    .floating-card .card-copy { padding:18px 20px 20px; }
    .floating-card small { display:block; color:var(--blue); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:8px; }
    .floating-card h3 { margin:0 0 8px; font-size:24px; line-height:1.1; letter-spacing:-.04em; }
    .floating-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }

    .section-head { text-align:center; max-width:820px; margin:0 auto 38px; }
    .section-head p { margin:16px auto 0; color:var(--muted); font-size:20px; line-height:1.48; letter-spacing:-.025em; }

    .gallery { display:grid; grid-template-columns:repeat(12,1fr); gap:22px; }
    .shot { position:relative; min-height:420px; overflow:hidden; border-radius:34px; background:var(--card); box-shadow:var(--shadow); isolation:isolate; }
    .shot.big { grid-column:span 7; min-height:610px; }
    .shot.side { grid-column:span 5; min-height:610px; }
    .shot.small { grid-column:span 4; }
    .shot img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
    .shot:hover img { transform:scale(1.03); }
    .shot::after { content:''; position:absolute; inset:auto 0 0 0; height:48%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.54)); z-index:1; }
    .shot-info { position:absolute; left:22px; right:22px; bottom:22px; z-index:2; color:#fff; }
    .shot-info small { display:inline-flex; margin-bottom:10px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.78); }
    .shot-info h3 { margin:0 0 8px; font-size:clamp(24px,3vw,38px); line-height:1.08; letter-spacing:-.04em; }
    .shot-info p { margin:0; max-width:480px; font-size:15px; line-height:1.58; color:rgba(255,255,255,.84); }

    .split { display:grid; grid-template-columns:.95fr 1.05fr; gap:22px; }
    .split-card { overflow:hidden; border-radius:38px; background:var(--card); box-shadow:var(--shadow); min-height:520px; }
    .split-card img { width:100%; height:100%; object-fit:cover; }
    .copy-panel { padding:clamp(34px,5vw,58px); display:flex; flex-direction:column; justify-content:center; }
    .copy-panel p { margin:0 0 16px; color:var(--muted); font-size:19px; line-height:1.62; letter-spacing:-.02em; }
    .chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
    .chips span { display:inline-flex; align-items:center; height:36px; padding:0 14px; border-radius:999px; background:#ececef; color:#3c3c42; font-size:14px; font-weight:600; }

    .tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    .tile { background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.74); border-radius:34px; box-shadow:0 20px 60px rgba(0,0,0,.06); min-height:250px; padding:32px; }
    .tile .num { display:inline-grid; place-items:center; width:44px; height:44px; border-radius:14px; background:linear-gradient(135deg,#1d1d1f,#6a6b70); color:#fff; font-weight:700; margin-bottom:24px; }
    .tile h3 { margin:0 0 12px; font-size:26px; line-height:1.15; letter-spacing:-.035em; }
    .tile p { margin:0; color:var(--muted); font-size:16px; line-height:1.65; }

    .studio { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .studio-card { overflow:hidden; border-radius:34px; background:var(--card); box-shadow:var(--shadow); }
    .studio-card img { width:100%; aspect-ratio:16 / 10; object-fit:cover; }
    .studio-copy { padding:26px 28px 30px; }
    .studio-copy h3 { margin:0 0 8px; font-size:26px; letter-spacing:-.035em; }
    .studio-copy p { margin:0; color:var(--muted); font-size:16px; line-height:1.62; }

    .cta { padding-top: 24px; padding-bottom: 104px; }
    .cta-box { text-align:center; padding:clamp(54px,7vw,84px) 24px; border-radius:44px; background:radial-gradient(circle at 16% 10%, rgba(0,113,227,.11), transparent 34%), radial-gradient(circle at 84% 0%, rgba(180,180,188,.22), transparent 34%), #fff; box-shadow:var(--shadow); }
    .cta-box p { margin:18px auto 0; max-width:720px; color:var(--muted); font-size:20px; line-height:1.5; letter-spacing:-.02em; }

    footer { padding:28px 0 42px; border-top:1px solid rgba(0,0,0,.06); color:var(--soft); font-size:13px; }
    .footer-inner { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }

    @media (max-width:1120px) {
      .gallery { grid-template-columns:1fr; }
      .shot.big, .shot.side, .shot.small { grid-column:auto; min-height:500px; }
      .split, .studio, .tiles { grid-template-columns:1fr; }
      .hero-stage { min-height:auto; }
      .hero-main { height:600px; }
      .floating-card { right:24px; width:240px; }
    }
    @media (max-width:820px) {
      .topbar .wrap { height:auto; padding:14px 0; }
      .menu { display:none; }
      .hero-main { height:500px; border-radius:30px; }
      .hero-copy-overlay { left:22px; right:22px; bottom:20px; }
      .floating-card { position:static; width:min(100%,420px); margin:20px auto 0; }
      .hero-stage { margin-top:40px; }
    }
    @media (max-width:560px) {
      .wrap { width:min(calc(100% - 24px), var(--max)); }
      .nav-btn { display:none; }
      .hero { padding-top:32px; }
      h1 { font-size:clamp(40px,13vw,64px); }
      .hero-intro p { font-size:18px; }
      .hero-main { height:420px; border-radius:24px; }
      .shot, .split-card, .tile, .studio-card, .cta-box { border-radius:28px; }
      .section { padding:64px 0; }
      .cta { padding-bottom:72px; }
    }
  
    /* v6 motion effects */
    .progress-line {
      position: fixed;
      top: 0;
      left: 0;
      height: 3px;
      width: 0%;
      z-index: 999;
      background: linear-gradient(90deg, #0071e3, #7ab8ff, #d7b47a);
      box-shadow: 0 0 20px rgba(0,113,227,.28);
      transition: width .08s linear;
    }

    /* 默认直接显示，避免脚本未执行时首页出现大面积空白；JS 就绪后再启用入场动画 */
    .reveal {
      opacity: 1;
      transform: none;
      transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1);
      will-change: opacity, transform;
    }

    body.reveal-ready .reveal {
      opacity: 0;
      transform: translateY(28px);
    }

    body.reveal-ready .reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal.delay-1 { transition-delay: .08s; }
    .reveal.delay-2 { transition-delay: .16s; }
    .reveal.delay-3 { transition-delay: .24s; }

    .magnetic {
      will-change: transform;
      transition: transform .18s ease, box-shadow .18s ease;
    }

    .shot img,
    .hero-main img,
    .floating-card img,
    .split-card img,
    .studio-card img {
      will-change: transform;
    }

    .shot,
    .hero-main,
    .floating-card,
    .split-card,
    .studio-card {
      transform: translateZ(0);
    }

    .shot::before,
    .hero-main::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.18), transparent 28%);
      opacity: 0;
      transition: opacity .25s ease;
      mix-blend-mode: soft-light;
    }

    .shot:hover::before,
    .hero-main:hover::before {
      opacity: 1;
    }

    .lightbox {
      position: fixed;
      inset: 0;
      z-index: 998;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 28px;
      background: rgba(15,16,18,.72);
      backdrop-filter: blur(22px);
    }

    .lightbox.is-open {
      display: flex;
      animation: fadeIn .2s ease both;
    }

    .lightbox-inner {
      position: relative;
      width: min(1100px, 100%);
      max-height: 92vh;
      border-radius: 30px;
      overflow: hidden;
      background: #111;
      box-shadow: 0 40px 120px rgba(0,0,0,.35);
    }

    .lightbox img {
      width: 100%;
      max-height: 82vh;
      object-fit: contain;
      background: #111;
    }

    .lightbox-caption {
      padding: 14px 18px 16px;
      color: rgba(255,255,255,.82);
      background: rgba(0,0,0,.72);
      font-size: 14px;
    }

    .lightbox-close {
      position: absolute;
      top: 14px;
      right: 14px;
      width: 38px;
      height: 38px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.86);
      color: #1d1d1f;
      cursor: pointer;
      font-size: 20px;
      line-height: 38px;
      box-shadow: 0 10px 30px rgba(0,0,0,.18);
    }

    .shot {
      cursor: default;
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    @media (prefers-reduced-motion: reduce) {
      .reveal,
      .magnetic,
      .shot img,
      .hero-main img,
      .floating-card img,
      .split-card img,
      .studio-card img {
        transition: none !important;
        transform: none !important;
      }
      .progress-line,
      .lightbox {
        display: none !important;
      }
    }

  
    .lightbox { display: none !important; }



    .models-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
      margin-top:28px;
    }
    .model-card{
      display:flex;
      align-items:center;
      gap:16px;
      padding:18px;
      border-radius:24px;
      background:rgba(255,255,255,.86);
      border:1px solid rgba(255,255,255,.72);
      box-shadow:0 18px 40px rgba(0,0,0,.06);
      transition:transform .25s ease, box-shadow .25s ease;
    }
    .model-card:hover{
      transform:translateY(-3px);
      box-shadow:0 24px 48px rgba(0,0,0,.09);
    }
    .model-avatar{
      width:92px;
      height:92px;
      flex:0 0 92px;
      border-radius:50%;
      object-fit:cover;
      border:3px solid rgba(255,255,255,.92);
      box-shadow:0 10px 24px rgba(0,0,0,.10);
      background:#f3f3f5;
    }
    .model-body{min-width:0;}
    .model-name{
      margin:0 0 8px;
      font-size:24px;
      line-height:1.05;
      letter-spacing:-.03em;
      font-weight:760;
    }
    .model-tags{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      margin:0 0 10px;
    }
    .model-tag{
      display:inline-flex;
      align-items:center;
      height:26px;
      padding:0 10px;
      border-radius:8px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      line-height:1;
      white-space:nowrap;
    }
    .model-tag.blue{background:#35a7ff;}
    .model-tag.red{background:#ff5e79;}
    .model-tag.green{background:#2ecc71;}
    .model-quote{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.65;
    }
    .models-note{
      max-width:820px;
      margin:16px auto 0;
      color:var(--muted);
      font-size:15px;
      line-height:1.7;
      text-align:center;
    }
    @media (max-width:980px){
      .models-grid{grid-template-columns:1fr;}
    }
    @media (max-width:560px){
      .model-card{padding:14px; gap:12px; align-items:flex-start;}
      .model-avatar{width:78px; height:78px; flex-basis:78px;}
      .model-name{font-size:22px;}
      .model-quote{font-size:14px;}
    }
  


    .category-grid{
      display:grid;
      grid-template-columns:repeat(6, minmax(0, 1fr));
      gap:16px;
      margin-top:28px;
    }
    .category-card{
      position:relative;
      padding:24px 16px 18px;
      border-radius:24px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.72);
      box-shadow:0 16px 36px rgba(0,0,0,.05);
      text-align:center;
      transition:transform .25s ease, box-shadow .25s ease;
      overflow:hidden;
    }
    .category-card:hover{
      transform:translateY(-4px);
      box-shadow:0 22px 46px rgba(0,0,0,.08);
    }
    .category-icon{
      width:68px;
      height:68px;
      margin:0 auto 14px;
      border-radius:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:34px;
      line-height:1;
      background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,248,251,.88));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(0,0,0,.06);
    }
    .category-card h3{
      margin:0 0 8px;
      font-size:22px;
      line-height:1.1;
      letter-spacing:-.03em;
      font-weight:760;
    }
    .category-card p{
      margin:0;
      color:var(--muted);
      font-size:14px;
      line-height:1.65;
    }
    .icon-silk{ color:#b59c6b; }
    .icon-cotton{ color:#7aa35b; }
    .icon-mesh{ color:#3f8bda; }
    .icon-story{ color:#20242d; }
    .icon-bare{ color:#ef8ca2; }
    .icon-sleep{ color:#6a67ce; }

    @media (max-width:1200px){
      .category-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width:700px){
      .category-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
      .category-card{ padding:18px 12px 14px; border-radius:20px; }
      .category-icon{ width:58px; height:58px; font-size:30px; border-radius:18px; }
      .category-card h3{ font-size:20px; }
      .category-card p{ font-size:13px; }
    }
  


    .category-icon {
      overflow: hidden;
    }
    .category-icon img {
      width: 58px;
      height: 58px;
      object-fit: contain;
      display: block;
      filter: drop-shadow(0 10px 18px rgba(0,0,0,.08));
    }
    .category-card:hover .category-icon img {
      transform: scale(1.06);
      transition: transform .25s ease;
    }
    @media (max-width:700px){
      .category-icon img {
        width: 50px;
        height: 50px;
      }
    }
  


    .category-card {
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(255,255,255,.58);
    }
    .category-icon {
      width: 82px;
      height: 82px;
      margin: 0 auto 14px;
      border-radius: 24px;
      background:
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.95), rgba(255,255,255,.68) 60%, rgba(255,255,255,.32) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 8px 22px rgba(0,0,0,.035);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
    }
    .category-icon img {
      width: 52px;
      height: 52px;
      object-fit: contain;
      display: block;
      filter: drop-shadow(0 6px 14px rgba(0,0,0,.06));
      transition: transform .25s ease, filter .25s ease;
    }
    .category-card:hover .category-icon img {
      transform: scale(1.04);
      filter: drop-shadow(0 8px 16px rgba(0,0,0,.08));
    }
    @media (max-width:700px){
      .category-icon {
        width: 70px;
        height: 70px;
        border-radius: 20px;
      }
      .category-icon img {
        width: 46px;
        height: 46px;
      }
    }
  /* ===== Siyun PHP dynamic pages: keep original silk/apple visual, add complete entry structure ===== */
.site-footer{padding:56px 0 86px;border-top:1px solid var(--line);background:rgba(255,255,255,.52)}
.footer-inner{display:flex;justify-content:space-between;gap:24px;color:var(--muted)}.footer-inner strong{color:var(--text);font-size:22px}.footer-inner p{margin:8px 0 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--blue)}
.sy-entry-section{padding:96px 0}.sy-page-hero{padding:86px 0 52px}.sy-page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:end}.sy-page-title p{font-size:20px;color:var(--muted);max-width:760px}.sy-hero-panel{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}.sy-hero-panel form{display:flex;gap:10px}.sy-hero-panel input,.sy-search-form input{flex:1;border:1px solid rgba(0,0,0,.1);border-radius:999px;background:#fff;padding:0 18px;min-height:48px;font-size:15px;outline:none}.sy-hero-panel button,.sy-search-form button{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:0 20px;font-weight:700;cursor:pointer}.sy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sy-work-card{background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.07);border-radius:28px;overflow:hidden;box-shadow:0 18px 46px rgba(0,0,0,.065);transition:.28s ease;display:flex;flex-direction:column}.sy-work-card:hover{transform:translateY(-6px);box-shadow:0 28px 78px rgba(0,0,0,.11)}.sy-work-cover-wrap{position:relative;display:block;background:linear-gradient(135deg,#eceef2,#fff);overflow:hidden}.sy-work-cover{position:relative;display:block;aspect-ratio:4/5;background:linear-gradient(135deg,#eceef2,#fff);overflow:hidden}.sy-work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sy-work-card:hover .sy-work-cover img{transform:scale(1.045)}.sy-cover-grad{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(0,0,0,.48))}.sy-card-model{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;color:#1d1d1f;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:3}.sy-card-model:hover{color:var(--blue)}.sy-work-body{padding:17px;display:flex;flex-direction:column;gap:10px;flex:1}.sy-card-row{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:13px}.sy-card-row a{color:var(--blue);font-weight:700}.sy-model-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(0,113,227,.08);padding:3px 8px}.sy-work-body h3{font-size:18px;line-height:1.28;margin:0;letter-spacing:-.03em}.sy-work-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sy-media-line{display:flex;flex-wrap:wrap;gap:8px}.sy-media-line span{display:inline-flex;align-items:center;gap:5px;background:#f5f5f7;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:6px 8px;font-size:11px;color:#555}.sy-media-line svg{fill:var(--blue);opacity:.9}.sy-media-line b{color:#1d1d1f;font-size:13px}.sy-card-more{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:14px;font-weight:700;color:var(--text)}.sy-card-more span{color:var(--blue)}
.sy-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.sy-filter-bar p{color:var(--muted);margin:0}.sy-filter-actions{display:flex;gap:10px;flex-wrap:wrap}.sy-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:14px}.sy-pill:hover{color:var(--blue)}.sy-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:42px}.sy-pagination a,.sy-pagination span{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700}.sy-pagination .current{background:var(--blue);color:#fff}.sy-empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:36px;padding:56px 24px;box-shadow:var(--shadow)}.sy-empty span{color:var(--blue);font-weight:700}.sy-empty h3{font-size:30px;margin:8px 0}.sy-empty p{color:var(--muted)}
.sy-detail-hero{padding:64px 0 40px}.sy-detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:34px;align-items:start}.sy-featured{background:#fff;border-radius:42px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.06)}.sy-featured img{width:100%;aspect-ratio:4/5;object-fit:cover}.sy-detail-info{position:sticky;top:88px;background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:42px;padding:32px;box-shadow:var(--shadow)}.sy-detail-info h1{font-size:clamp(34px,4vw,56px);line-height:1.08}.sy-detail-info .lead{font-size:17px;color:var(--muted);line-height:1.8;margin:18px 0}.sy-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.sy-soft-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:#f5f5f7;border:1px solid var(--line);font-weight:700}.sy-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.sy-metric{background:#f5f5f7;border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:14px}.sy-metric small{display:block;color:var(--soft);font-size:12px}.sy-metric b{font-size:21px}.sy-preview{padding:52px 0}.sy-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sy-preview-grid figure{margin:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.08)}.sy-preview-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.sy-tags{display:flex;gap:10px;flex-wrap:wrap}.sy-tags a,.sy-tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}.sy-content-copy{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;color:var(--muted);line-height:1.9}.sy-related{padding:44px 0 96px}.sy-model-head{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:38px;padding:26px;box-shadow:var(--shadow);margin-bottom:30px}.sy-model-avatar{width:120px;height:120px;border-radius:34px;background:linear-gradient(135deg,#e9eef5,#fff);display:grid;place-items:center;font-size:46px;color:var(--blue);font-weight:800}.sy-search-layer{position:fixed;inset:0;z-index:99;background:rgba(245,245,247,.68);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:20px}.sy-search-layer.active{display:flex}.sy-search-panel{width:min(640px,100%);background:#fff;border-radius:36px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.18);position:relative}.sy-search-close{position:absolute;right:22px;top:18px;border:0;background:#f5f5f7;border-radius:50%;width:34px;height:34px;font-size:22px}.sy-search-panel h2{font-size:42px}.sy-search-panel p{color:var(--muted)}.sy-search-form{display:flex;gap:10px;margin:22px 0}.sy-search-hot{display:flex;gap:10px;flex-wrap:wrap}.sy-search-hot a{background:#f5f5f7;border-radius:999px;padding:8px 12px;color:var(--muted)}.mobile-tab{display:none}.sy-sr-only{position:absolute;left:-999px}.sy-original-badge{display:inline-flex;background:rgba(0,113,227,.09);color:var(--blue);padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px;margin-bottom:14px}
@media(max-width:1100px){.sy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sy-page-hero .wrap,.sy-detail-layout{grid-template-columns:1fr}.sy-detail-info{position:static}.sy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{display:block}.mobile-tab{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 55px rgba(0,0,0,.16);justify-content:space-around;padding:8px}.mobile-tab a{font-size:13px;font-weight:700;color:var(--muted);padding:8px 10px}.site-footer{padding-bottom:110px}}
@media(max-width:640px){.wrap{width:min(calc(100% - 24px),var(--max))}.sy-entry-section{padding:64px 0}.sy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sy-work-card{border-radius:22px}.sy-work-body{padding:12px;gap:8px}.sy-work-body h3{font-size:14px}.sy-work-body p{display:none}.sy-card-row{font-size:11px}.sy-media-line{gap:5px}.sy-media-line span{padding:5px 6px;font-size:10px}.sy-card-more{font-size:12px;padding-top:10px}.sy-card-model{right:9px;bottom:9px;font-size:11px;padding:5px 8px}.sy-filter-bar{align-items:flex-start;flex-direction:column}.sy-page-hero{padding:54px 0 30px}.sy-hero-panel form,.sy-search-form{flex-direction:column}.sy-hero-panel button,.sy-search-form button{min-height:46px}.sy-metric-grid{grid-template-columns:1fr 1fr}.sy-detail-info{padding:24px;border-radius:30px}.sy-featured{border-radius:30px}.sy-preview-grid{gap:10px}.sy-model-head{grid-template-columns:84px 1fr;padding:18px;border-radius:28px}.sy-model-avatar{width:84px;height:84px;border-radius:24px;font-size:34px}.sy-search-panel h2{font-size:32px}.sy-search-panel{padding:26px 20px;border-radius:28px}}

/* v5.3 user fixes: cleaner cards, clickable previews, stronger mobile layout */
.sy-work-cover-wrap .sy-card-model{display:none!important}
.sy-work-cover .sy-card-model{display:none!important}
.model-card{color:inherit;cursor:pointer}
.model-card:focus-visible,.sy-work-card a:focus-visible,.sy-lightbox-item:focus-visible{outline:3px solid rgba(0,113,227,.35);outline-offset:3px}
.site-footer{background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.82));padding:48px 0 92px}
.footer-inner{align-items:center;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.72);border-radius:34px;padding:28px 32px;box-shadow:0 18px 50px rgba(0,0,0,.05)}
.footer-brand-block{max-width:560px}.footer-brand-block .eyebrow{font-size:13px;margin-bottom:8px}.footer-links a{background:#f5f5f7;border:1px solid rgba(0,0,0,.05);border-radius:999px;padding:9px 13px;font-weight:700;font-size:13px}
.sy-preview-grid a{display:block;cursor:zoom-in}.sy-preview-grid figure{transition:transform .24s ease, box-shadow .24s ease}.sy-preview-grid figure:hover{transform:translateY(-4px);box-shadow:0 20px 54px rgba(0,0,0,.13)}
.sy-lightbox{position:fixed;inset:0;z-index:999;background:rgba(12,14,18,.86);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:28px}.sy-lightbox.active{display:flex}.sy-lightbox img{max-width:min(96vw,1200px);max-height:88vh;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.42);object-fit:contain}.sy-lightbox button{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#1d1d1f;font-weight:800;box-shadow:0 14px 36px rgba(0,0,0,.22);cursor:pointer}.sy-lightbox-close{right:26px;top:22px;width:42px;height:42px;font-size:26px}.sy-lightbox-prev,.sy-lightbox-next{top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:28px}.sy-lightbox-prev{left:22px}.sy-lightbox-next{right:22px}.sy-lightbox-count{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(255,255,255,.88);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:#333}
.sy-content-copy p{white-space:pre-line;font-size:17px;color:#555}.sy-tags a:first-child{background:rgba(0,113,227,.08);color:var(--blue);font-weight:800}
@media(max-width:640px){.sy-media-line{display:none!important}.sy-work-body{gap:7px}.sy-card-row{gap:6px;align-items:center}.sy-model-chip{padding:2px 7px}.footer-inner{padding:22px 18px;border-radius:26px}.footer-links{margin-top:18px;gap:8px}.footer-links a{font-size:12px;padding:8px 10px}.site-footer{padding-bottom:108px}.sy-lightbox{padding:14px}.sy-lightbox-prev,.sy-lightbox-next{width:40px;height:40px;font-size:24px}.sy-lightbox-prev{left:10px}.sy-lightbox-next{right:10px}.sy-lightbox-close{right:12px;top:12px}}

/* v5.4: detail page cleanup, real model cards, non-jumping preview viewer */
.sy-detail-layout{align-items:stretch}
.sy-featured{height:100%;min-height:520px;display:flex}
.sy-featured img{height:100%;min-height:520px;object-fit:cover;object-position:center top}
.sy-detail-info-clean{position:relative;top:auto;min-height:520px;display:flex;flex-direction:column;justify-content:center}
.sy-detail-info-clean .lead{display:none!important}
.sy-model-tag{background:rgba(0,113,227,.08)!important;color:var(--blue)!important;font-weight:800}
.sy-source-pulse{position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(0,113,227,.24)}
.sy-source-pulse:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.38) 45%,transparent 70%);transform:translateX(-120%);animation:syShine 2.8s ease-in-out infinite}
@keyframes syShine{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
.sy-preview-grid button.sy-lightbox-item{display:block;width:100%;border:0;padding:0;margin:0;background:transparent;cursor:zoom-in;text-align:inherit;font:inherit;color:inherit}
.sy-preview-grid button.sy-lightbox-item img{display:block}
.model-card .model-avatar{object-position:center top}.sy-model-index-card .sy-work-cover img{object-position:center top}
@media(max-width:900px){.sy-featured,.sy-featured img,.sy-detail-info-clean{min-height:0}.sy-detail-info-clean{justify-content:flex-start}.sy-featured img{aspect-ratio:4/5;height:auto}}
@media(max-width:640px){.sy-featured{border-radius:28px}.sy-detail-info-clean{border-radius:28px}.sy-detail-actions .btn,.sy-detail-actions .sy-soft-btn{width:100%}.sy-content-copy{padding:22px;border-radius:26px}.sy-content-copy h2{font-size:26px!important}}

/* v5.5: detail polish, silk-style hover unification, cleaner model copy */
.sy-detail-layout{
  align-items:stretch;
  grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);
}
.sy-featured,
.sy-detail-info-clean{
  height:clamp(520px,58vw,680px);
  min-height:0;
}
.sy-featured img{
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
}
.sy-detail-info-clean{
  justify-content:center;
  gap:0;
}
.sy-detail-info-clean h1{
  margin-bottom:20px;
}
.sy-detail-info-clean .sy-tags{
  margin:4px 0 10px;
  row-gap:10px;
}
.sy-detail-info-clean .sy-metric-grid{
  margin-top:26px;
}
.sy-source-pulse{
  animation:syButtonPulse 2.4s ease-in-out infinite;
}
.sy-source-pulse .sy-arrow{
  display:inline-flex;
  margin-left:6px;
  animation:syArrowNudge 1.25s ease-in-out infinite;
}
@keyframes syButtonPulse{
  0%,100%{transform:translateY(0);box-shadow:0 14px 34px rgba(0,113,227,.24)}
  50%{transform:translateY(-2px);box-shadow:0 20px 46px rgba(0,113,227,.34)}
}
@keyframes syArrowNudge{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(4px)}
}
.sy-preview-grid figure{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:24px;
  overflow:visible;
}
.sy-preview-grid button.sy-lightbox-item{
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 46px rgba(0,0,0,.08);
  transition:transform .26s ease, box-shadow .26s ease, filter .26s ease;
  position:relative;
}
.sy-preview-grid button.sy-lightbox-item:after{
  content:"点击预览";
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:2;
  height:28px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(14px);
  color:#1d1d1f;
  font-size:12px;
  font-weight:800;
  opacity:0;
  transform:translateY(6px);
  transition:.22s ease;
}
.sy-preview-grid button.sy-lightbox-item:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 62px rgba(0,0,0,.13);
}
.sy-preview-grid button.sy-lightbox-item:hover:after{
  opacity:1;
  transform:translateY(0);
}
.sy-preview-grid img{
  border-radius:24px;
  background:transparent;
}
.model-quote{display:none!important}
.models-note{
  max-width:720px;
  color:#74747a;
  letter-spacing:-.01em;
}
/* 给原始丝韵模块统一补充高级感交互，不改变原结构 */
.floating-card,
.split-card,
.tile,
.studio-card,
.cta-box,
.category-card,
.model-card,
.sy-hero-panel,
.sy-empty{
  position:relative;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease;
}
.floating-card:hover,
.split-card:hover,
.tile:hover,
.studio-card:hover,
.cta-box:hover,
.category-card:hover,
.model-card:hover,
.sy-hero-panel:hover,
.sy-empty:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 74px rgba(0,0,0,.10);
}
.floating-card:before,
.split-card:before,
.tile:before,
.studio-card:before,
.cta-box:before,
.category-card:before,
.model-card:before,
.sy-work-card:before,
.sy-hero-panel:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.0) 35%,rgba(255,255,255,.36) 48%,rgba(255,255,255,.0) 62%,transparent 100%);
  transform:translateX(-120%);
  transition:transform .7s ease;
  z-index:2;
}
.floating-card:hover:before,
.split-card:hover:before,
.tile:hover:before,
.studio-card:hover:before,
.cta-box:hover:before,
.category-card:hover:before,
.model-card:hover:before,
.sy-work-card:hover:before,
.sy-hero-panel:hover:before{
  transform:translateX(120%);
}
.sy-work-card>* , .tile>* , .model-card>* , .category-card>* , .studio-card>* , .split-card>* , .cta-box>* , .floating-card>* , .sy-hero-panel>*{position:relative;z-index:3}
@media(max-width:900px){
  .sy-featured,
  .sy-detail-info-clean{height:auto;min-height:0}
  .sy-featured img{height:auto;aspect-ratio:4/5}
  .sy-detail-info-clean h1{margin-bottom:16px}
}
@media(max-width:640px){
  .sy-detail-info-clean .sy-tags{margin-top:8px}
  .sy-preview-grid button.sy-lightbox-item:after{display:none}
  .sy-preview-grid img{border-radius:18px}
  .sy-preview-grid button.sy-lightbox-item{border-radius:18px}
}


/* v5.9: fix detail alignment, preview UI/click, and original hero positioning */
.sy-detail-hero{padding:58px 0 46px;}
.sy-detail-layout{
  align-items:stretch!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.94fr)!important;
  gap:48px!important;
}
.sy-featured,
.sy-detail-info-clean{
  height:clamp(560px,56vw,720px)!important;
  min-height:560px!important;
  border-radius:42px!important;
}
.sy-featured{margin:0!important;align-self:stretch!important;}
.sy-featured img{height:100%!important;width:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center top!important;}
.sy-detail-info-clean{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:42px!important;
  top:auto!important;
  position:relative!important;
}
.sy-detail-info-clean h1{margin:16px 0 26px!important;line-height:1.05!important;}
.sy-detail-info-clean .sy-tags{margin:0 0 28px!important;gap:12px!important;}
.sy-detail-info-clean .sy-metric-grid{margin:0 0 28px!important;}
.sy-detail-info-clean .sy-detail-actions{margin-top:6px!important;}
.sy-source-pulse{isolation:isolate;}
.sy-source-pulse:before{content:"";position:absolute;inset:-3px;border-radius:999px;background:rgba(0,113,227,.18);opacity:.55;animation:syPulseRing 1.7s ease-out infinite;z-index:-1;}
@keyframes syPulseRing{0%{transform:scale(.96);opacity:.55}80%,100%{transform:scale(1.16);opacity:0}}

.sy-preview-grid{align-items:start;}
.sy-preview-grid figure{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;}
.sy-preview-grid button.sy-lightbox-item,
.sy-preview-grid a.sy-lightbox-item{
  display:block!important;width:100%!important;border:0!important;padding:0!important;margin:0!important;
  appearance:none!important;-webkit-appearance:none!important;background:#fff!important;cursor:zoom-in!important;
  border-radius:28px!important;overflow:hidden!important;box-shadow:0 18px 46px rgba(0,0,0,.08)!important;
  line-height:0!important;position:relative!important;
}
.sy-preview-grid button.sy-lightbox-item img,
.sy-preview-grid a.sy-lightbox-item img{display:block!important;width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;border:0!important;border-radius:0!important;background:transparent!important;}
.sy-preview-grid button.sy-lightbox-item:focus-visible,
.sy-preview-grid a.sy-lightbox-item:focus-visible{outline:3px solid rgba(0,113,227,.3);outline-offset:4px;}

/* 首页主视觉：中大屏继续保持丝韵原始叠层，不要提前变成上下堆叠 */
.hero-stage{position:relative!important;margin-top:56px!important;min-height:680px!important;}
.hero-main{margin:0 auto!important;}
.floating-card{position:absolute!important;right:40px!important;bottom:-34px!important;width:260px!important;margin:0!important;}

@media(max-width:1120px){
  .hero-stage{min-height:620px!important;}
  .hero-main{height:600px!important;}
  .floating-card{right:22px!important;bottom:-28px!important;width:235px!important;}
}
@media(max-width:900px){
  .sy-detail-layout{grid-template-columns:1fr!important;gap:22px!important;}
  .sy-featured,.sy-detail-info-clean{height:auto!important;min-height:0!important;}
  .sy-featured img{height:auto!important;aspect-ratio:4/5!important;}
  .sy-detail-info-clean{padding:28px!important;border-radius:32px!important;}
  .sy-detail-info-clean h1{margin:10px 0 18px!important;}
  .sy-detail-info-clean .sy-tags{margin-bottom:18px!important;}
}
@media(max-width:760px){
  .hero-stage{min-height:auto!important;margin-top:38px!important;}
  .hero-main{height:500px!important;}
  .floating-card{position:static!important;width:min(100%,420px)!important;margin:20px auto 0!important;}
}
@media(max-width:640px){
  .sy-preview-grid button.sy-lightbox-item,
  .sy-preview-grid a.sy-lightbox-item{border-radius:18px!important;}
  .sy-detail-info-clean .sy-tags{gap:8px!important;}
  .hero-main{height:420px!important;}
}


/* v5.9: mobile detail/action layout + compact home mobile experience */
@media (max-width:640px){
  /* 作品详情页：信息项一行三个，按钮一行两个，复制链接不显示 */
  .sy-detail-info-clean .sy-metric-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:18px!important;
  }
  .sy-detail-info-clean .sy-metric{
    padding:10px 7px!important;
    border-radius:16px!important;
    text-align:center!important;
  }
  .sy-detail-info-clean .sy-metric small{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .sy-detail-info-clean .sy-metric b{
    display:block!important;
    font-size:15px!important;
    line-height:1.25!important;
    word-break:break-all!important;
  }
  .sy-detail-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .sy-detail-actions .btn,
  .sy-detail-actions .sy-soft-btn{
    width:auto!important;
    min-width:0!important;
    min-height:46px!important;
    padding:0 10px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .sy-detail-actions button.sy-soft-btn{
    display:none!important;
  }

  /* 手机首页首屏：保持丝韵大图高级感，同时避免主图和情绪卡上下堆太长 */
  .hero{
    padding:26px 0 46px!important;
  }
  .hero-intro{text-align:left!important;}
  .hero-intro .eyebrow{font-size:13px!important;margin-bottom:10px!important;}
  .hero-intro h1{
    font-size:clamp(38px,12vw,54px)!important;
    letter-spacing:-.055em!important;
  }
  .hero-intro p{
    margin-top:14px!important;
    font-size:15px!important;
    line-height:1.62!important;
  }
  .hero-intro .actions{
    justify-content:flex-start!important;
    margin-top:20px!important;
    gap:10px!important;
  }
  .hero-intro .btn{
    min-height:42px!important;
    padding:0 15px!important;
    font-size:14px!important;
  }
  .hero-stage{
    display:grid!important;
    grid-template-columns:1.35fr .82fr!important;
    gap:10px!important;
    min-height:auto!important;
    margin-top:26px!important;
    align-items:stretch!important;
  }
  .hero-main{
    width:100%!important;
    height:340px!important;
    border-radius:24px!important;
  }
  .hero-copy-overlay{
    left:16px!important;
    right:14px!important;
    bottom:14px!important;
  }
  .hero-copy-overlay strong{
    font-size:22px!important;
    margin-bottom:4px!important;
  }
  .hero-copy-overlay span{
    font-size:12px!important;
    line-height:1.5!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .floating-card{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:340px!important;
  }
  .floating-card img{
    height:190px!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .floating-card .card-copy{padding:13px 12px 14px!important;}
  .floating-card small{font-size:10px!important;margin-bottom:5px!important;}
  .floating-card h3{font-size:18px!important;margin-bottom:6px!important;}
  .floating-card p{
    font-size:12px!important;
    line-height:1.5!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  /* 首页场景图：手机端两列，减少纵向长度，不再一张一张向下堆 */
  #works.section{padding-top:54px!important;padding-bottom:54px!important;}
  .section-head{margin-bottom:22px!important;}
  .section-head .eyebrow{font-size:13px!important;margin-bottom:8px!important;}
  .section-head h2{font-size:30px!important;line-height:1.08!important;}
  .section-head p{font-size:14px!important;line-height:1.65!important;margin-top:10px!important;}
  .gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .shot.big,
  .shot.side,
  .shot.small{
    grid-column:auto!important;
    min-height:220px!important;
    border-radius:22px!important;
  }
  .shot.big{grid-column:span 2!important;min-height:280px!important;}
  .shot-info{left:14px!important;right:14px!important;bottom:14px!important;}
  .shot-info small{font-size:9px!important;margin-bottom:5px!important;}
  .shot-info h3{font-size:20px!important;margin-bottom:4px!important;}
  .shot-info p{
    font-size:12px!important;
    line-height:1.45!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  /* 首页模特：手机端一行两个，保留头像和标签，但更紧凑 */
  .models-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .model-card{
    display:block!important;
    padding:12px!important;
    border-radius:22px!important;
    text-align:center!important;
  }
  .model-avatar{
    width:74px!important;
    height:74px!important;
    margin:0 auto 10px!important;
    flex-basis:auto!important;
  }
  .model-name{font-size:18px!important;margin-bottom:8px!important;}
  .model-tags{justify-content:center!important;gap:5px!important;margin-bottom:0!important;}
  .model-tag{height:22px!important;padding:0 7px!important;font-size:10px!important;border-radius:999px!important;}
  .models-note{font-size:13px!important;line-height:1.7!important;margin-top:14px!important;}

  /* 其它首页品牌模块：优先使用两列/三列，减少单列长页面 */
  #concept.section,#features.section,#studio.section{padding:54px 0!important;}
  .split{
    grid-template-columns:.82fr 1fr!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .split-card{min-height:0!important;border-radius:24px!important;}
  .split-card:first-child img{height:100%!important;min-height:260px!important;object-position:center top!important;}
  .copy-panel{padding:20px 16px!important;justify-content:center!important;}
  .copy-panel h2{font-size:26px!important;line-height:1.1!important;}
  .copy-panel p{font-size:13px!important;line-height:1.62!important;margin-bottom:10px!important;}
  .copy-panel p:nth-of-type(2){display:none!important;}
  .chips{gap:6px!important;margin-top:6px!important;}
  .chips span{height:26px!important;padding:0 9px!important;font-size:11px!important;}
  .copy-panel .actions{margin-top:14px!important;justify-content:flex-start!important;}
  .copy-panel .btn{min-height:38px!important;font-size:12px!important;padding:0 12px!important;}

  .tiles{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tile{
    min-height:0!important;
    padding:14px 10px!important;
    border-radius:20px!important;
  }
  .tile .num{width:30px!important;height:30px!important;border-radius:10px!important;margin-bottom:12px!important;font-size:12px!important;}
  .tile h3{font-size:15px!important;line-height:1.22!important;margin-bottom:7px!important;}
  .tile p{font-size:11px!important;line-height:1.55!important;}

  .studio{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .studio-card{border-radius:22px!important;}
  .studio-card img{aspect-ratio:4/3!important;object-position:center top!important;}
  .studio-copy{padding:13px 12px!important;}
  .studio-copy h3{font-size:17px!important;margin-bottom:5px!important;}
  .studio-copy p{font-size:12px!important;line-height:1.5!important;}

  .cta{padding-top:10px!important;padding-bottom:64px!important;}
  .cta-box{border-radius:28px!important;padding:34px 16px!important;}
  .cta-box h2{font-size:30px!important;}
  .cta-box p{font-size:14px!important;line-height:1.65!important;}

  /* 页脚品牌：中英文比例协调，避免蓝色英文过小、中文过大的割裂感 */
  .footer-inner{
    padding:20px 16px!important;
    border-radius:24px!important;
  }
  .footer-brand-block .eyebrow{
    display:block!important;
    color:#6e6e73!important;
    font-size:11px!important;
    letter-spacing:.08em!important;
    margin-bottom:4px!important;
  }
  .footer-inner strong{
    font-size:20px!important;
    letter-spacing:-.02em!important;
  }
  .footer-brand-block p{
    font-size:13px!important;
    line-height:1.65!important;
  }
}

@media (max-width:420px){
  .hero-stage{grid-template-columns:1.28fr .78fr!important;gap:8px!important;}
  .hero-main{height:305px!important;}
  .floating-card{min-height:305px!important;}
  .floating-card img{height:166px!important;}
  .floating-card p{display:none!important;}
  .shot.big{min-height:250px!important;}
  .shot.side,.shot.small{min-height:196px!important;}
  .tile p{display:none!important;}
  .studio-copy p{display:none!important;}
}

/* v5.9: pagination, mobile polish, detail interaction, cleaner preview crops */
.sy-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:34px 0 0;flex-wrap:wrap}.sy-pagination a,.sy-pagination .current{min-width:46px;height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.84);box-shadow:0 10px 26px rgba(0,0,0,.05);font-weight:750;color:var(--muted)}.sy-pagination a:hover{transform:translateY(-2px);color:var(--blue);box-shadow:0 16px 38px rgba(0,113,227,.12)}.sy-pagination .current{background:var(--blue);color:#fff;border-color:var(--blue)}
.sy-inline-model-link{color:var(--blue);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(0,113,227,.28)}.sy-inline-model-link:hover{border-bottom-color:var(--blue)}
.sy-featured,.sy-detail-info-clean{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;isolation:isolate}.sy-featured:after,.sy-detail-info-clean:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.5) 24%,transparent 42%);transform:translateX(-130%);transition:transform .75s ease}.sy-featured:hover,.sy-detail-info-clean:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,0,0,.12);border-color:rgba(0,113,227,.16)}.sy-featured:hover:after,.sy-detail-info-clean:hover:after{transform:translateX(130%)}
.sy-preview-grid button.sy-lightbox-item img,.sy-preview-grid a.sy-lightbox-item img{object-position:center top!important}.sy-preview-grid button.sy-lightbox-item:after,.sy-preview-grid a.sy-lightbox-item:after{content:"点击预览";position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);font-size:12px;font-weight:800;color:rgba(29,29,31,.78);opacity:0;transform:translateY(6px);transition:.25s ease;line-height:1}.sy-preview-grid button.sy-lightbox-item:hover:after,.sy-preview-grid a.sy-lightbox-item:hover:after{opacity:1;transform:translateY(0)}
.mobile-tab{background:rgba(255,255,255,.66)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 14px 44px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.68)!important}.mobile-tab a{border-radius:999px;transition:.25s ease}.mobile-tab a:hover{background:rgba(255,255,255,.52);color:var(--blue)!important}
@media(max-width:640px){
  .hero{padding:22px 0 42px!important}.hero-intro h1{font-size:clamp(40px,12.5vw,56px)!important;line-height:.98!important}.hero-intro p{max-width:96%;font-size:14px!important;line-height:1.58!important}.hero-intro .actions{margin-top:18px!important}.hero-stage{display:block!important;position:relative!important;margin-top:24px!important;min-height:390px!important;border-radius:30px!important;overflow:visible!important}.hero-main{width:100%!important;height:390px!important;border-radius:30px!important;box-shadow:0 28px 70px rgba(0,0,0,.16)!important}.hero-main img{object-position:center top!important}.hero-copy-overlay{left:18px!important;right:120px!important;bottom:18px!important}.hero-copy-overlay strong{font-size:24px!important}.hero-copy-overlay span{font-size:12px!important;-webkit-line-clamp:2!important}.floating-card{position:absolute!important;right:12px!important;bottom:12px!important;width:118px!important;min-height:0!important;border-radius:22px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(18px)!important;box-shadow:0 16px 44px rgba(0,0,0,.18)!important;margin:0!important;overflow:hidden!important}.floating-card img{height:118px!important;object-fit:cover!important;object-position:center top!important}.floating-card .card-copy{padding:9px 8px 10px!important}.floating-card small{display:none!important}.floating-card h3{font-size:13px!important;line-height:1.15!important;margin:0!important}.floating-card p{display:none!important}
  .sy-detail-info-clean .sy-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sy-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sy-detail-actions button.sy-soft-btn{display:none!important}.sy-detail-actions .btn,.sy-detail-actions .sy-soft-btn{font-size:12px!important;padding:0 8px!important;min-height:44px!important}.sy-pagination{gap:8px;margin-top:24px}.sy-pagination a,.sy-pagination .current{height:38px;min-width:40px;padding:0 13px;font-size:13px}.sy-featured:hover,.sy-detail-info-clean:hover{transform:none}.sy-preview-grid button.sy-lightbox-item:after,.sy-preview-grid a.sy-lightbox-item:after{display:none}.sy-preview-grid button.sy-lightbox-item img,.sy-preview-grid a.sy-lightbox-item img{object-position:center top!important}.mobile-tab{left:16px!important;right:16px!important;bottom:12px!important;padding:7px!important}.mobile-tab a{font-size:12px!important;padding:8px 9px!important}.site-footer{padding-bottom:104px!important}
}
@media(max-width:420px){.hero-stage{min-height:360px!important}.hero-main{height:360px!important}.hero-copy-overlay{right:108px!important}.floating-card{width:108px!important}.floating-card img{height:108px!important}.floating-card h3{font-size:12px!important}.hero-intro h1{font-size:40px!important}}