/* Mainland asset fit, text metrics and authored illustration layers. */
[data-site="cn"] .cn-product-name,[data-site="cn"] .cn-product-name .motion-word{white-space:nowrap}
[data-site="cn"] .travel-pills label{font-family:var(--hp-locale-editorial);font-weight:var(--hp-locale-editorial-weight);font-synthesis:none}
[data-site="cn"] .voice-map img{inset:0;width:100%;height:100%;object-fit:contain}
[data-site="cn"] .image-map img{inset:0;width:100%;height:100%;object-fit:contain}
[data-site="cn"] .agent-library-story{left:32.618px;width:480.765px}
/* Preserve the authored map's aspect ratio and central-topic alignment. */
[data-site="cn"] .agent-memory-story>.agent-map-before{inset:8.5px auto auto 34px;width:411px;height:358.94px}
[data-site="cn"] .agent-memory-story>.agent-map-updated{inset:8.5px auto auto 16px;width:447px;height:420.925px}
[data-site="cn"] .agent-memory-story>.cn-edit-map{inset:8.5px auto auto 16px;width:447px;height:420.925px;overflow:visible}
[data-site="cn"] .agent-task-map-art{left:16px;top:6.6px;width:514px;height:348.35px;object-fit:fill}
[data-site="cn"] .cn-structure-panel{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:fill}
[data-site="cn"] .cn-workspace-picture{position:relative;display:block;width:100%;height:100%;container-type:inline-size}
[data-site="cn"] .cn-workspace-picture>picture,[data-site="cn"] .cn-workspace-picture>picture>img{display:block;width:100%;height:100%;object-fit:contain}
[data-site="cn"] .cn-marker-labels{position:absolute;left:76%;right:2.2%;top:0;bottom:0;pointer-events:none;font:600 1.1cqw/1.5 var(--xm-font-sans);color:var(--color-homepage-cn-marker-labels-color)}
[data-site="cn"] .cn-marker-labels span{position:absolute;background:var(--color-homepage-cn-marker-labels-span-background);white-space:nowrap}
[data-site="cn"] .cn-marker-labels .cn-marker-tabs{top:3.3%;left:4%;right:0;background:var(--color-homepage-cn-marker-labels-cn-marker-tabs-background);text-align:center;border-radius:18px;line-height:2.1}
[data-site="cn"] .cn-marker-labels .cn-marker-legend{top:9.4%;left:0;right:0;background:var(--color-homepage-cn-marker-labels-cn-marker-legend-background);text-align:center;line-height:1.8}
[data-site="cn"] .cn-marker-group{left:1%;right:0;height:4%}
[data-site="cn"] .cn-workbuddy{background:var(--color-homepage-cn-workbuddy-background);backdrop-filter:blur(13px)}
[data-site="cn"] .cn-workbuddy-steps{top:342px;left:42px;width:887.186px;white-space:normal;font:400 16.975px/26.779px var(--xm-font-sans);gap:20.957px;color:var(--color-homepage-cn-workbuddy-steps-color);mix-blend-mode:normal}
[data-site="cn"] .cn-workbuddy-steps p:first-child{width:536.736px}
[data-site="cn"] .cn-workbuddy-steps p:last-child{text-decoration:none;line-height:32.69px;color:var(--color-homepage-cn-workbuddy-steps-p-last-child-color);mix-blend-mode:multiply}
[data-site="cn"] .cn-workbuddy-steps p:last-child span{color:var(--color-homepage-cn-workbuddy-steps-p-last-child-span-color);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
[data-site="cn"] .cn-workbuddy-map{position:absolute;left:42px;top:40px;width:521px;height:273px;padding:0;border:1px solid var(--color-homepage-cn-workbuddy-map-border);border-radius:16px;background:var(--color-homepage-cn-workbuddy-map-background);overflow:hidden;mix-blend-mode:normal;filter:url(#cn-workbuddy-linear-burn)}
/* Linear Burn subtracts the inverse backdrop from each sRGB channel.
   Match the blue glass in the authored frame without isolating the live frost. */
[data-site="cn"] .cn-workbuddy-map>img{position:absolute;left:-229px;top:-71px;width:1026px;height:479px;max-width:none}
[data-site="cn"] .cn-workbuddy-map::after{content:"";position:absolute;inset:0;background:var(--color-homepage-cn-workbuddy-map-after-background)}
[data-site="cn"] .cn-workbuddy-edit,[data-site="cn"] .cn-workbuddy-zoom{position:absolute;top:234px;height:30px;border:0;border-radius:15px;overflow:hidden}
[data-site="cn"] .cn-workbuddy-edit{left:9px;width:101px}
[data-site="cn"] .cn-workbuddy-zoom{left:455px;width:58px;border-radius:29px}
[data-site="cn"] .cn-workbuddy-edit img,[data-site="cn"] .cn-workbuddy-zoom img{position:absolute;max-width:none;height:1345.32%;top:-1186.36%}
[data-site="cn"] .cn-workbuddy-edit img{width:540.06%;left:-19.45%}
[data-site="cn"] .cn-workbuddy-zoom img{width:940.45%;left:-802.83%}
[data-site="cn"] .cn-workbuddy-prompt{left:-46.18px;top:28px;width:914.18px;height:155.934px;padding:0;border-radius:28px;font:400 22.38px/34.48px var(--xm-font-sans);color:var(--color-homepage-cn-workbuddy-prompt-color)}
[data-site="cn"] .cn-workbuddy-prompt>p{position:absolute;left:28.51px;top:34.917px;margin:0;white-space:nowrap}
[data-site="cn"] .cn-workbuddy-file{position:absolute;left:429.99px;top:33.69px;display:flex;align-items:center;gap:5px;padding:0 12px;background:var(--color-homepage-cn-workbuddy-file-background);border-radius:12px;font:500 19px/34.48px var(--xm-font-sans);white-space:nowrap}
[data-site="cn"] .cn-workbuddy-file img{position:static;width:16px;height:16.8px}
[data-site="cn"] .cn-workbuddy-tools{position:absolute;left:13.29px;top:84.75px;width:92.208px;height:47.447px;overflow:hidden;mix-blend-mode:multiply}
[data-site="cn"] .cn-workbuddy-tools img{position:absolute;max-width:none;height:789.94%;left:-38.45%;top:-636.37%;width:1148.39%}
[data-site="cn"] .cn-workbuddy-brand{left:116.14px;top:-43px;width:110.293px;height:110.293px;display:flex;align-items:center;justify-content:center}
/* Keep the raw vector at native scale; its oversized glow must be clipped,
   not stretched to the square. Figma's 6px white stroke sits outside. */
[data-site="cn"] .cn-workbuddy-mark{position:relative;display:block;width:96.264px;height:96.264px;transform:rotate(9.111deg);filter:var(--shadow-homepage-cn-workbuddy-mark-filter)}
[data-site="cn"] .cn-workbuddy-mark img{position:absolute;left:-6px;top:-6px;width:108.264px;height:108.264px;max-width:none}
[data-site="cn"] .cn-award{flex:0 0 220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--color-homepage-cn-award-color);font:400 14px/1.5 var(--xm-font-sans)}
[data-site="cn"] .cn-award img{width:auto;height:48px;max-width:135px;object-fit:contain}
[data-site="cn"] .cn-award strong{font-size:16px;color:var(--color-homepage-cn-award-strong-color)}
[data-site="cn"] .g2-badges{gap:28px;flex-wrap:wrap}
[data-site="cn"] .review-avatar[hidden]{display:none}
[data-site="cn"] .review-card header{min-height:58px}
@media(max-width:699px){
 [data-site="cn"] .cn-workspace-picture{overflow:hidden;aspect-ratio:825/620;border-radius:12px}
 [data-site="cn"] .cn-marker-labels{left:69%;font-size:1.5cqw}
 [data-site="cn"] .cn-award{flex-basis:140px;font-size:12px}
 [data-site="cn"] .cn-award strong{font-size:14px}
}
[data-site="cn"] .cn-award{position:relative;padding-inline:35px;box-sizing:border-box}
[data-site="cn"] .cn-award::before,[data-site="cn"] .cn-award::after{content:"";position:absolute;top:50%;right:0;width:29px;height:85px;background:url('/hp/assets/cn-20261026/award-laurel-right.svg') center/contain no-repeat;transform:translateY(-50%)}
[data-site="cn"] .cn-award::before{right:auto;left:0;transform:translateY(-50%) scaleX(-1)}
@media(max-width:699px){[data-site="cn"] .cn-award{padding-inline:22px}[data-site="cn"] .cn-award::before,[data-site="cn"] .cn-award::after{width:20px;height:68px}}

/* Chinese Tools artwork: preserve the original animated layer boxes. */
[data-site="cn"] .project-tasks{mix-blend-mode:multiply}
[data-site="cn"] .collab-map img{left:24.5%;top:-1.44%;width:56.58%;height:82.62%}
[data-site="cn"] .cn-tool-surface{position:relative;background:none;box-shadow:none;border-radius:0;font-family:var(--xm-font-sans)}
[data-site="cn"] .cn-task-panel{position:absolute;left:26.485%;top:5.764%;width:63.366%;height:159.509%;box-sizing:border-box;padding:2.402cqw 2.134cqw;border-radius:2.512cqw;background:var(--color-homepage-cn-task-panel-background);backdrop-filter:blur(1.884cqw);-webkit-backdrop-filter:blur(1.884cqw);box-shadow:var(--shadow-homepage-cn-task-panel-box-shadow);font:400 1.435cqw/1.877cqw var(--xm-font-sans);color:var(--color-homepage-cn-task-panel-color)}
[data-site="cn"] .cn-task-row{display:grid;grid-template-columns:11.924cqw 1fr;align-items:center;gap:.883cqw;min-height:2.65cqw;margin-bottom:1.325cqw;white-space:nowrap}
[data-site="cn"] .cn-task-row>span:last-child{overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.883cqw}
[data-site="cn"] .cn-task-row i{display:inline-flex;align-items:center;justify-content:center;width:2.208cqw;height:2.208cqw;border-radius:50%;background:var(--color-homepage-cn-task-row-i-background);color:var(--color-homepage-cn-task-row-i-color);font-style:normal;font-size:1.325cqw}
[data-site="cn"] .cn-task-panel hr{border:0;border-top:1px solid var(--color-homepage-cn-task-panel-hr-border-top);margin:2cqw 0}
[data-site="cn"] .cn-task-select{background:var(--color-homepage-cn-task-select-background);border:1px solid var(--color-homepage-cn-task-select-border);border-radius:.442cqw;padding:0 .7cqw;box-sizing:border-box;height:2.65cqw}
[data-site="cn"] .cn-task-select.short{width:8.833cqw}
[data-site="cn"] .cn-task-select b{margin-left:auto;font-weight:400}
[data-site="cn"] .cn-task-add{justify-content:flex-end;font-size:2.2cqw}
[data-site="cn"] .cn-comment{position:absolute;left:13.086%;top:4.257%;display:flex;align-items:center;gap:1.962cqw}
[data-site="cn"] .cn-comment>img{width:5.233cqw;height:3.925cqw}
[data-site="cn"] .cn-comment-input{display:flex;align-items:center;gap:.654cqw;padding:1.11cqw 1.11cqw 1.11cqw 2.22cqw;border:1px solid var(--color-homepage-cn-comment-input-border);border-radius:1.665cqw;background:var(--color-homepage-cn-comment-input-background);backdrop-filter:blur(1.884cqw);-webkit-backdrop-filter:blur(1.884cqw);box-shadow:var(--shadow-homepage-cn-comment-input-box-shadow);font:400 2.289cqw/2.943cqw var(--xm-font-sans);color:var(--color-homepage-cn-comment-input-color)}
[data-site="cn"] .cn-comment-input>span{width:31.286cqw;border-left:.327cqw solid var(--color-homepage-cn-comment-input-span-border-left);line-height:3.925cqw;padding-left:.15cqw;box-sizing:border-box}
[data-site="cn"] .cn-comment-input>i{display:flex;align-items:center;justify-content:center;width:5.551cqw;height:5.551cqw;background:var(--color-homepage-cn-comment-input-i-background);border-radius:1.11cqw}
[data-site="cn"] .cn-comment-input img{width:3.27cqw;height:3.27cqw}
[data-site="cn"] .cn-collab-cursor{position:absolute;inset:0;filter:var(--shadow-homepage-cn-collab-cursor-filter)}
[data-site="cn"] .cn-collab-cursor>img{position:absolute;width:6.55cqw;height:6.91cqw;left:4.13%;top:0}
[data-site="cn"] .cn-collab-cursor>span{position:absolute;left:32.52%;top:41.62%;background:var(--color-homepage-cn-collab-cursor-span-background);color:var(--color-homepage-cn-collab-cursor-span-color);border-radius:.619cqw;padding:.2cqw 1.527cqw .47cqw;white-space:nowrap;font:400 1.994cqw/3.1cqw var(--xm-font-sans)}
[data-site="cn"] .cn-collab-cursor.red>img{left:66.75%;transform:scaleX(-1)}
[data-site="cn"] .cn-collab-cursor.red>span{left:13.805%;top:41.58%;background:var(--color-homepage-cn-collab-cursor-red-span-background);padding-inline:1.35cqw}
[data-site="cn"] .cn-zen-timer{position:absolute;left:10.079%;top:32.593%;width:59.46%;height:33.56%;box-sizing:border-box;background:var(--color-homepage-cn-zen-timer-background);border-radius:2.512cqw;padding:4.24cqw 4.71cqw;color:var(--color-homepage-cn-zen-timer-color);box-shadow:var(--shadow-homepage-cn-zen-timer-box-shadow);display:flex;flex-direction:column;gap:2cqw;font:400 5.4cqw/1.1 var(--xm-font-sans)}
[data-site="cn"] .cn-zen-timer:before{content:"";position:absolute;left:45%;top:-1.8cqw;width:4cqw;height:4cqw;transform:rotate(45deg);border-radius:.8cqw;background:var(--color-homepage-cn-zen-timer-before-background)}
[data-site="cn"] .cn-zen-timer strong{position:relative;color:var(--color-homepage-cn-zen-timer-strong-color);font-size:5.02cqw;font-weight:600}
[data-site="cn"] .project-panel>.cn-tool-surface{transform-origin:100% 100%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 [data-site="cn"] .tools-card:hover .project-panel>.cn-tool-surface{transform:scale(1.045)}
 [data-site="cn"] .tools-card:hover .collab-comment>.cn-tool-surface{transform:translateY(-.785cqw)}
 [data-site="cn"] .tools-card:hover .collab-blue>.cn-tool-surface{transform:translate(-1.26cqw,-.942cqw)}
 [data-site="cn"] .tools-card:hover .collab-red>.cn-tool-surface{transform:translate(1.26cqw,-.942cqw)}
 [data-site="cn"] .tools-card:hover .zen-timer>.cn-tool-surface{transform:translateY(-2.51cqw)}
}

[data-site="cn"] .security-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-site="cn"] .security-details>.security-detail{grid-area:auto;min-height:152px}
@media(max-width:699px){[data-site="cn"] .security-details{grid-template-columns:1fr}}

/* Figma's ZEN artwork, cropped inside the existing animated document surface. */
[data-site="cn"] .cn-zen-document{position:absolute;inset:0}
[data-site="cn"] .cn-zen-page-top{position:absolute;left:-35.0525%;top:1.5881%;width:163.149%;height:53.61297%;overflow:hidden;mix-blend-mode:multiply}
[data-site="cn"] .cn-zen-page-top img{position:absolute;max-width:none;height:209.47%;left:-36%;top:-5.7%;width:175.78%}
[data-site="cn"] .cn-zen-page-bottom{position:absolute;max-width:none;left:-35.1623%;top:53.599%;width:163.37%;height:46.4014%;mix-blend-mode:multiply}
[data-site="cn"] .cn-zen-timer{padding:4.5856cqw 4.6327cqw;gap:2.7794cqw;font-size:5.5588cqw;line-height:6.7083cqw}
[data-site="cn"] .cn-zen-timer strong{font-size:4.8641cqw;line-height:6.2537cqw;color:var(--color-homepage-cn-zen-timer-strong-color-2)}
/* The settled reveal must release its stacking context so white image canvases
   blend against the complete tinted backdrop, not just the translucent row. */
[data-site="cn"] .tools-detail-dialog .td-reveal.td-revealed{translate:none}
[data-site="cn"] .tools-detail-dialog .td-media{mix-blend-mode:multiply}
[data-site="cn"] .zen-format{left:5.4098%;top:16.64865%}
[data-site="cn"] .zen-selection{left:9.3443%;top:19.7838%;width:9.8361%;height:1.6216%}

/* Chinese table content follows the captured chart's seven visible rows. The
   existing list/canvas layers and their animation geometry stay unchanged. */
[data-site="cn"] .cn-gantt-table{height:100%;overflow:hidden;border:1px solid var(--color-homepage-cn-gantt-table-border);border-radius:9.4px;background:var(--color-homepage-cn-gantt-table-background);font:400 10.5px/1.3 var(--xm-font-sans);color:var(--color-homepage-cn-gantt-table-color);box-sizing:border-box}
[data-site="cn"] .cn-gantt-head,[data-site="cn"] .cn-gantt-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 28px;align-items:center;box-sizing:border-box;border-bottom:1px solid var(--color-homepage-cn-gantt-head-border-bottom)}
[data-site="cn"] .cn-gantt-head{height:63.5px;font-weight:600;font-size:10px}
[data-site="cn"] .cn-gantt-row{height:35.57px}
[data-site="cn"] .cn-gantt-table span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px}
[data-site="cn"] .cn-gantt-table span:nth-child(n+2){text-align:center;padding:0;font-size:9px;font-variant-numeric:tabular-nums}
[data-site="cn"] .cn-gantt-group span:nth-child(n+2){color:var(--color-homepage-cn-gantt-group-span-nth-child-n-2-color)}

/* Original Figma image fills, clipped at their authored crop coordinates. */
[data-site="cn"] .cn-project-tasks{position:absolute;inset:0;mask:url('/hp/assets/cn-20261026/project-task-mask.svg') 0 0/100% 107.0388% no-repeat}
[data-site="cn"] .cn-project-task{position:absolute;left:10.25641%;width:77.13675%;height:41.22282%;border-radius:1.5522cqw;overflow:hidden;mix-blend-mode:multiply}
[data-site="cn"] .cn-project-task img{position:absolute;max-width:none;left:-8.37%;width:116.74%;height:497.99%}
[data-site="cn"] .cn-project-task-top{top:-15.83932%}
[data-site="cn"] .cn-project-task-top img{top:-280.04%}
[data-site="cn"] .cn-project-task-middle{top:26.95801%}
[data-site="cn"] .cn-project-task-middle img{top:-43.54%}
[data-site="cn"] .cn-project-task-bottom{position:absolute;left:10.25641%;top:69.75558%;width:77.13675%;height:41.22282%;mix-blend-mode:multiply}
[data-site="cn"] .project-tasks>.cn-tool-surface{transform-origin:50% 100%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-site="cn"] .tools-card:hover .project-tasks>.cn-tool-surface{transform:scale(1.025)}}
/* Use the original neutral canvas, without a single-colour key: antialiased
   edge pixels otherwise survive the key and form a faint rectangular outline. */
[data-site="cn"] .td-structure-cn .td-map img{filter:none}
[data-site="cn"] .td-structure-cn .td-map-2>div:first-child{background:rgb(237,237,237)!important}
.td-structure-cn{display:flex;flex-direction:column;gap:32px}
.td-structure-cn .td-cn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.td-structure-cn .td-cn-first{grid-template-columns:56fr 44fr}
.td-structure-cn .td-cn-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.td-structure-cn .td-cn-middle{grid-template-columns:66fr 34fr}
.td-structure-cn .td-cn-last{grid-template-columns:40fr 60fr}
.td-structure-cn .td-cn-left{display:flex;flex-direction:column;gap:32px;min-width:0}
.td-structure-cn .td-map{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;min-width:0}
.td-structure-cn .td-map>div:first-child{height:320px;min-height:0;box-sizing:border-box;flex-shrink:0}
.td-structure-cn .td-map-5>div:first-child{height:240px}
.td-structure-cn .td-map-8>div:first-child{height:auto;flex:1;min-height:540px}
@media(max-width:1199px){.td-structure-cn .td-map>div:first-child{height:280px}.td-structure-cn .td-map-5>div:first-child{height:220px}.td-structure-cn .td-map-8>div:first-child{height:auto}}
@media(max-width:959px){.td-structure-cn .td-cn-row{display:flex;flex-direction:column}.td-structure-cn .td-map>div:first-child{height:auto;min-height:220px}.td-structure-cn .td-map img{height:auto;max-height:420px}.td-structure-cn .td-map-8 img{max-height:650px}}

/* Keep translucent CN controls sharp while diffusing the map behind them.
   Shadows belong to the controls, not a filtered ancestor that blocks backdrop blur. */
[data-site="cn"] .cn-comment>img{filter:var(--shadow-homepage-cn-comment-img-filter)}
[data-site="cn"] .cn-comment-input>i{box-shadow:var(--shadow-homepage-cn-comment-input-i-box-shadow)}
[data-site="cn"] .closing-login{color:var(--color-homepage-closing-login-color)}
[data-site="cn"] .closing-login a{color:var(--color-homepage-closing-login-a-color);text-decoration:underline;text-underline-offset:3px;margin-left:4px}
[data-site="cn"] .closing-login a:hover{color:var(--color-homepage-closing-login-a-hover-color)}
[data-site="cn"] #closingTitle{white-space:pre-line}