@import url('data:text/css,');
:root{color-scheme:light;--paper:#f7f6f2;--ink:#20211f;--muted:#81827b;--line:#deded6;--accent:#d9f27d;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #8ca332;outline-offset:6px}.wrap{max-width:1320px;margin:0 auto;padding-left:48px;padding-right:48px}.nav{height:106px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:9px;letter-spacing:-1px;font-size:26px;font-weight:750}.brand-dot{font-size:10px;vertical-align:top;margin-left:3px}.nav nav{display:flex;gap:33px;font-size:13px;color:#676860}.nav nav a:hover,.footer a:hover{color:#0a0b08}.small-button{display:flex;align-items:center;gap:22px;border:1px solid #c9cbc1;border-radius:6px;padding:12px 17px;font-size:12px;font-weight:600}.small-button:hover{background:#eeeeE7}.hero{min-height:685px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:30px;padding-top:35px;padding-bottom:65px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.9px;color:#777a6f;display:block}.hero-copy .eyebrow{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#8da34b}.hero h1{font-size:clamp(56px,5.8vw,82px);line-height:1.15;letter-spacing:-4px;font-weight:600;position:relative;margin:32px 0 26px}.serif{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-weight:500}.spark{width:51px;height:51px;stroke:#a4b966;stroke-width:1.7;margin-left:12px;vertical-align:top;margin-top:13px}.hero-description{font-size:15px;line-height:1.95;color:#777a70;margin:0 0 31px;letter-spacing:.3px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#222620;color:#fff;border-radius:7px;padding:18px 22px;font-size:13px;line-height:1.2;font-weight:600;min-width:255px;box-shadow:0 5px 10px #2226200d;transition:transform .18s,background .18s}.primary>span:last-child{font-size:20px;margin-left:14px;line-height:14px;font-weight:400}.primary:hover{background:#3b4531;transform:translateY(-2px)}.download-meta{display:flex;gap:12px;align-items:center;font-size:10px;color:#898c80;margin:15px 0 30px}.version{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hero-note{display:flex;gap:13px;align-items:center;font-size:10px;color:#777b6e}.hero-note i{width:3px;height:3px;background:#b5baab;border-radius:50%}.hero-art{background:#eaece5;border:1px solid #d6d9ce;border-radius:13px;box-shadow:0 18px 65px #3a483014,0 1px 3px #00000003;transform:rotate(-1.3deg);position:relative;margin-right:-13px;overflow:hidden}.art-top,.art-bottom{height:40px;display:flex;align-items:center;padding:0 17px;font-size:9px;color:#787e70;gap:7px;background:#f8f9f5a6;border-bottom:1px solid #dce0d4}.art-dot{width:5px;height:5px;background:#959e83;border-radius:50%}.art-status{margin-left:auto;font-size:8px;padding:3px 7px;background:#e8eede;color:#7c8a64;border-radius:4px}.canvas-grid{position:relative;height:450px;background-image:radial-gradient(#bac2ae .7px,transparent .7px);background-size:18px 18px}.connections{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#a0ad88;stroke-width:1.3;stroke-dasharray:5 4}.connections circle{fill:#9eb97a;stroke:none}.node{position:absolute;border:1px solid #d5dbc9;border-radius:9px;background:#fafbf7;box-shadow:0 8px 19px #2a3f1d0b;overflow:hidden}.node-label{display:flex;align-items:center;gap:6px;font-size:8px;color:#626b58;padding:9px 11px;border-bottom:1px solid #e8ece1}.node-label>span:last-child{margin-left:auto;color:#a4ac98}.node-icon{font-family:serif;font-size:11px;color:#798b5d}.story-node{left:6%;top:45px;width:190px;transform:rotate(1.3deg)}.story-node h3{font-size:14px;font-weight:600;margin:17px 13px 11px;letter-spacing:-.3px}.story-node p{margin:0 13px 18px;font-size:10px;line-height:1.9;color:#88907c}.node-foot{border-top:1px solid #e8ece1;padding:8px 13px;font-size:8px;color:#8b927f;display:flex;justify-content:space-between}.image-node{left:42%;top:112px;width:180px;transform:rotate(2.5deg);z-index:1}.image-node>img{width:100%;height:178px;object-fit:cover;object-position:55% 30%;display:block}.image-caption{font-size:8px;padding:10px 8px;color:#667054;white-space:nowrap}.video-node{right:4%;top:294px;width:202px;transform:rotate(-1deg);z-index:2}.video-preview{position:relative}.video-preview>img{width:100%;height:108px;object-fit:cover;display:block}.play{display:grid;place-items:center;position:absolute;top:36%;left:44%;width:29px;height:29px;border-radius:50%;color:#fff;background:#ffffff30;backdrop-filter:blur(10px);font-size:10px;padding-left:2px}.duration{position:absolute;right:7px;bottom:7px;color:#fff;font-size:7px;background:#0006;border-radius:3px;padding:3px 5px}.video-caption{display:flex;justify-content:space-between;padding:9px 8px;font-size:8px;color:#68735a}.canvas-pill{position:absolute;left:7%;bottom:42px;font-size:9px;display:flex;gap:7px;align-items:center;color:#7f896f;transform:rotate(1.3deg)}.canvas-pill>span{padding:4px 6px;background:#d9e9bf;color:#5b7240;border-radius:4px}.art-bottom{height:34px;justify-content:space-between;border:0;border-top:1px solid #dce0d4;font-size:8px}.zoom{display:inline-block;margin-left:12px;padding:3px 7px;background:#e9ede3;border-radius:4px}.statement{display:flex;align-items:center;gap:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:99px;font-size:14px}.statement>span:first-child{font-weight:600}.statement p{font-size:12px;color:#8b8d82}.statement-arrow{margin-left:auto;font-size:24px;font-weight:300}.workspace{padding-top:104px;padding-bottom:88px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-title h2,.download h2,.faq h2{font-size:37px;line-height:1.4;letter-spacing:-1.8px;font-weight:500;margin:17px 0 0}.section-title>p{font-size:12px;line-height:1.9;color:#8b8d82;margin:0 0 7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#eeefe8;border:1px solid #e1e3d9;padding:26px;border-radius:9px;min-height:273px;position:relative}.feature-no{font-size:8px;letter-spacing:1.6px;color:#93998a}.feature-glyph{height:100px;display:flex;align-items:center;font-size:52px;font-family:Georgia,serif;color:#687b50;letter-spacing:-4px}.feature-glyph>span{font-size:24px;font-family:system-ui;margin-left:13px;color:#a6b48f}.create-glyph{font-family:system-ui;font-size:65px;line-height:1;color:#8ca566}.feature h3{font-size:17px;font-weight:600;margin:7px 0 9px;letter-spacing:-.5px}.feature p{font-size:11px;color:#868d7b;line-height:1.9;margin:0;max-width:245px}.mini-canvas{height:100px;display:flex;gap:9px;align-items:center;position:relative}.mini-canvas span{display:block;width:35px;height:41px;border:1px solid #a6b495;background:#e1e9d8;border-radius:4px;z-index:1}.mini-canvas span:nth-last-child(1){height:30px;transform:translateY(13px)}.mini-canvas span:first-child{transform:translateY(-9px)}.mini-canvas i{width:20px;border-top:1px dashed #9bad85}.workflow{padding-top:15px;padding-bottom:92px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);gap:30px;padding-top:27px}.steps article>span{font-family:Georgia,serif;font-size:27px;color:#aab39a}.steps h3{font-size:14px;font-weight:600;margin:20px 0 8px}.steps p{font-size:11px;color:#8b8e82;margin:0}.download{background:#dfe9cb;border:1px solid #d2ddbe;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding-top:56px;padding-bottom:56px;max-width:1224px;margin-left:auto;margin-right:auto}.download .eyebrow{color:#8b9976;font-size:8px}.download h2{font-size:43px;margin-top:17px}.download>div>p{font-size:11px;color:#7a8966;margin-top:20px}.download-action{text-align:center;min-width:320px}.download-action>p{font-size:10px;color:#7a8769;margin:14px 0}.download-action .release-size{font-size:9px;color:#8b977b}.checksum{font-size:9px;color:#6a7b52;border-bottom:1px solid #a5b58c;padding-bottom:2px}.faq{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq h2{font-size:33px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:19px;color:#888f7e;font-weight:300}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:#858b7a;line-height:1.9;max-width:530px;margin-bottom:0}.footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);min-height:108px}.footer>.brand{font-size:22px}.footer>span{font-size:10px;color:#8c9083}.footer>div{margin-left:auto;display:flex;align-items:center;gap:19px;font-size:9px;color:#929587}.footer a:hover{opacity:.7}@media(min-width:1440px){.hero-art{margin-left:15px}}@media(max-width:1050px){.wrap{padding-left:30px;padding-right:30px}.nav nav{gap:19px;font-size:11px}.hero{gap:20px;min-height:600px}.hero h1{font-size:65px}.hero-art{margin-right:0}.canvas-grid{height:400px}.story-node{width:160px;left:4%}.image-node{width:150px;left:45%;top:95px}.image-node>img{height:145px}.video-node{width:170px;right:4%;top:260px}.video-preview>img{height:90px}.canvas-pill{bottom:35px}.download{margin-left:30px;margin-right:30px}.feature{padding:21px}.footer>span{display:none}}@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.nav{height:81px;gap:12px}.brand{font-size:23px}.brand>img{width:29px;height:29px}.nav nav{display:none}.small-button{font-size:10px;padding:10px 12px;gap:15px}.hero{grid-template-columns:1fr;gap:48px;padding-top:27px;padding-bottom:52px}.hero h1{font-size:68px;margin-top:27px}.hero-description{font-size:14px}.hero-art{margin:0 3px;transform:rotate(-.7deg)}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.canvas-grid{height:390px}.story-node{left:5%;top:35px}.image-node{left:43%;top:110px}.video-node{top:260px;right:4%}.statement{height:auto;min-height:105px;flex-wrap:wrap;gap:6px;padding-top:22px;padding-bottom:22px;position:relative}.statement>span:first-child{width:100%;font-size:13px}.statement p{font-size:11px;margin:4px 0}.statement-arrow{position:absolute;right:23px;top:35px}.workspace{padding-top:66px;padding-bottom:60px}.section-title{display:block;margin-bottom:28px}.section-title h2{font-size:31px}.section-title>p{margin-top:18px;font-size:11px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature{min-height:195px;padding:23px}.feature-glyph,.mini-canvas{position:absolute;right:30px;top:32px;height:95px;opacity:.7}.feature h3{margin-top:46px;font-size:18px}.feature p{max-width:80%;font-size:12px}.workflow{padding-bottom:61px}.steps{grid-template-columns:1fr 1fr;gap:32px 20px}.steps h3{font-size:13px;margin-top:13px}.download{margin:0 17px;padding:35px 25px;flex-direction:column;align-items:flex-start;gap:26px}.download h2{font-size:38px}.download-action{min-width:0;text-align:left;width:100%}.download-action .primary{width:100%}.faq{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:62px}.faq-list summary{font-size:12px}.footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap;gap:20px}.footer>div{margin-left:0;width:100%;flex-wrap:wrap;gap:15px;font-size:8px}.download-meta{font-size:9px}.primary{font-size:12px}.spark{width:43px;height:43px;margin-top:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.primary{transition:none}}
nn/* sexvideo landing color lift v0.2
 * 用法：追加到 /official-assets/site.css 末尾，或独立文件并在首页 <link> 于 site.css 之后。
 * 原则：不换皮；保留 GPT 核心 paper/ink/accent；只加品牌色与表面层。
 * 规范：C:\Grok-XM\docs\brand\
 */
:root {
  --sv-paper-2: #efeee8;
  --sv-elevated: #ffffff;
  --sv-hero-wash: #f0efe6;
  --sv-brand-from: #f0443e;
  --sv-brand-to: #4d27b7;
  --sv-brand-mid: #9a3a8a;
  --sv-brand-soft: #f8e8e6;
  --sv-violet-soft: #efeaf8;
  --sv-link: #5b3db8;
  --sv-live: #8da34b;
  --sv-cta-hover: #3b4531;
  --sv-glow: color-mix(in srgb, var(--accent) 40%, transparent);
}

/* Mark：极淡紫衬底，带出红紫 mark */
.nav > .brand img {
  border-radius: 10px;
  box-shadow: 0 0 0 6px var(--sv-violet-soft);
}

/* live 点：明确 live + 轻 glow */
.live-dot {
  background: var(--sv-live);
  box-shadow: 0 0 0 3px var(--sv-glow);
}

/* 主 CTA：左侧 2px accent 竖条；hover 保持 cta-hover */
.primary {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-size: 2px 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
.primary:hover {
  background-color: var(--sv-cta-hover);
}

/* 次按钮 hover → paper-2 */
.small-button:hover {
  background: var(--sv-paper-2);
}

/* Hero 画板：wash 底；节点 elevated 白卡 */
.hero-art {
  background: var(--sv-hero-wash);
  border-color: var(--line);
}
.node {
  background: var(--sv-elevated);
}

/* 功能卡略抬升 */
.feature {
  background: var(--sv-elevated);
  border-color: var(--line);
}

/* 下载区：顶边品牌渐变点缀（非整块换色；保留原绿底） */
.download {
  background:
    linear-gradient(90deg, var(--sv-brand-from), var(--sv-brand-to)) top / 100% 3px no-repeat,
    #dfe9cb;
}

/* FAQ */
.faq-list summary:hover {
  background: var(--sv-paper-2);
  border-radius: 6px;
  margin: 0 -8px;
  padding-left: 8px;
  padding-right: 8px;
}
.faq-list details[open] {
  border-left: 2px solid var(--sv-brand-mid);
  padding-left: 12px;
}

/* 页脚：隐私/协议用 link 紫；不要染整站 a */
.footer > div > a[href*="privacy"],
.footer > div > a[href*="agreement"],
.footer > div > a[href*="policies"] {
  color: var(--sv-link);
}
.footer > div > a[href*="privacy"]:hover,
.footer > div > a[href*="agreement"]:hover,
.footer > div > a[href*="policies"]:hover {
  color: var(--sv-brand-to);
  opacity: 1;
}

/* 可选：长页区块极淡交替（几乎不可察觉的纸感层次） */
.workspace {
  background: color-mix(in srgb, var(--sv-paper-2) 55%, transparent);
}
