/* Approved 1023 SERVICES assets. Design basis: user-reviewed V3 + Chinese CMS,
   2026-10-27; original 1023 grid, gradient, 520-square composition and native
   832x520 mobile artwork fit remain the only outer geometry owners. */
#services .gss-scene { position:absolute;inset:0;isolation:isolate;color:var(--wy-g700);font-family:var(--wy-font-cn);font-size:2.5cqw;line-height:1.4;letter-spacing:normal; }
#services :is(.gss-scene,.gss-architecture) *,#services :is(.gss-scene,.gss-architecture) *::before,#services :is(.gss-scene,.gss-architecture) *::after { box-sizing:border-box; }
#services .gss-icon { display:block;flex:none;width:3.1cqw;height:3.1cqw; }
#services .gss-window { position:absolute;overflow:hidden;border:.19cqw solid #d9dce7;border-radius:1.9cqw;background:white;box-shadow:0 2.3cqw 6.1cqw -2.3cqw #23283829,0 .4cqw 1.2cqw #16161b09; }
#services .gss-chrome { display:flex;align-items:center;height:5.8cqw;gap:2.3cqw;padding:0 2.7cqw;background:linear-gradient(#fafafc,#f0f0f4);border-bottom:.19cqw solid #e7e7ed; }
#services .gss-dots { display:flex;gap:.95cqw; }
#services .gss-dots i { width:1.15cqw;height:1.15cqw;border-radius:50%;background:#f36c65; }
#services .gss-dots i:nth-child(2) { background:#f3be48; }
#services .gss-dots i:nth-child(3) { background:#47b974; }
#services .gss-url { flex:1;text-align:center;color:#8a8b97;font-family:var(--wy-font-en);font-size:1.9cqw; }
/* 01: a real workshop photo with the reference whiteboard at the center. */
#services .gss-workshop { position:absolute;left:-12%;top:8%;width:124%;height:84%;overflow:hidden;border-radius:2.3cqw;box-shadow:0 3cqw 7cqw -2cqw #2328382b;background:#e7edf1; }
#services .gss-workshop img { display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0; }
/* 2026-10-28 reference: website at upper left, foreground card at lower
   right. Keep the original square scene / artwork fit; 75% -> 60% is a
   20% width reduction. The source-ratio hero preserves both whole phones. */
#services .gs-blueprint .gsb-site--global { left:-22%;top:8%;width:100%;height:auto;block-size:auto; }
#services .gs-blueprint .gsb-site--global .gsb-hero { flex:none;aspect-ratio:1536 / 1024; }
#services .gss-architecture { position:absolute;z-index:5;left:64%;top:62%;width:60%;padding:3cqw 3.8cqw;border:.19cqw solid #d7d9e8;border-radius:2.3cqw;background:#fffffff7;box-shadow:0 2.3cqw 6cqw -1.5cqw #2328382b;color:var(--wy-ink);font-family:var(--wy-font-cn);font-size:2.5cqw;line-height:1.4;letter-spacing:normal; }
#services .gss-arch-layer { display:flex;align-items:center;justify-content:center;min-height:5.4cqw;padding:1cqw 2.3cqw;border:.19cqw solid #e3e3ee;border-radius:1.15cqw;background:#f8f8fb; }
#services .gss-arch-title { flex:none;font-weight:500;white-space:nowrap; }
#services .gss-arch-connector { display:flex;justify-content:center;height:2.2cqw; }
#services .gss-arch-connector i { width:.19cqw;background:#bcb5d5;position:relative; }
#services .gss-arch-connector i::after { content:"";position:absolute;bottom:-.19cqw;left:-.47cqw;width:1.15cqw;height:1.15cqw;border-right:.19cqw solid #bcb5d5;border-bottom:.19cqw solid #bcb5d5;transform:rotate(45deg); }
#services .gss-arch-connector--single { padding:0; }
#services .gss-arch-platform { justify-content:center;gap:1.9cqw;border-color:#c9c0e7;background:#ede9f9;color:var(--wy-primary); }
/* 03: component browser follows reference 2, with a robot website preview. */
#services .gss-cms-window { left:-7%;top:10%;width:114%;height:80%;display:grid;grid-template-rows:5.8cqw 8.5cqw minmax(0,1fr); }
#services .gss-cms-toolbar { display:flex;align-items:center;gap:2cqw;border-bottom:.19cqw solid #ececf2;padding:0 3cqw;white-space:nowrap; }
#services .gss-cms-brand { display:flex;align-items:center;gap:1.5cqw;width:27%;font-family:var(--wy-font-en);font-size:2.1cqw; }
#services .gss-cms-brand img { width:14cqw;height:auto;border-radius:0; }
#services .gss-breadcrumb { display:flex;gap:1.6cqw;font-size:2.1cqw;color:#71717c; }
#services .gss-actions { display:flex;gap:1.2cqw;margin-left:auto;font-size:1.9cqw; }
#services .gss-actions > span { display:flex;align-items:center;gap:1cqw;padding:1cqw 1.5cqw;border:.19cqw solid #e3e3e9;border-radius:.8cqw; }
#services .gss-actions .gss-icon { width:2.3cqw;height:2.3cqw; }
#services .gss-actions .gss-publish { background:var(--wy-primary);color:white;border-color:var(--wy-primary); }
#services .gss-cms-body { display:grid;grid-template-columns:32% minmax(0,1fr);min-height:0; }
#services .gss-components { padding:3cqw 2cqw;background:white;border-right:.19cqw solid #e9e9ef;font-family:var(--wy-font-cn);letter-spacing:normal; }
#services .gss-components-heading { display:block;padding:0 1.5cqw;font-size:2.4cqw;font-weight:500; }
#services .gss-components ul { margin:1.5cqw 0 0;padding:0;list-style:none; }
#services .gss-components li { display:flex;align-items:center;gap:1.5cqw;height:6.9cqw;padding:0 1.5cqw;border-bottom:.19cqw solid #efeff4;font-size:2.5cqw;white-space:nowrap; }
#services .gss-components li:last-child { border:0; }
#services .gss-components .is-selected { background:#ede9f9;color:var(--wy-primary);border-radius:1cqw; }
#services .gss-cms-canvas { padding:4.8cqw 2.7cqw;background:#f6f6f9;min-width:0; }
#services .gss-robot-page { position:relative;box-shadow:0 .4cqw 1.5cqw #16161b0c; }
#services .gss-robot-nav { display:flex;align-items:center;justify-content:flex-end;gap:2cqw;height:3.846cqw;padding:0 2.3cqw;background:white;font-family:var(--wy-font-en);font-size:1.2cqw;line-height:1;letter-spacing:normal; }
#services .gss-robot-hero { position:relative;aspect-ratio:1672/941;background:#51301a; }
#services .gss-robot-hero > img { position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:0; }
#services .gss-cms-selection { position:absolute;inset:0;border:.25cqw solid var(--wy-primary); }
#services .gss-cms-selection > span { position:absolute;top:0;left:0;background:var(--wy-primary);color:white;padding:.6cqw 1.3cqw;font-size:2.1cqw; }
#services :is(.gss-cms-selection,.gss-selection-handles) > i { position:absolute;width:1.15cqw;height:1.15cqw;background:white;border:.19cqw solid var(--wy-primary); }
#services :is(.gss-cms-selection,.gss-selection-handles) > i:nth-of-type(1) { top:-.65cqw;left:-.65cqw; }
#services :is(.gss-cms-selection,.gss-selection-handles) > i:nth-of-type(2) { top:-.65cqw;right:-.65cqw; }
#services :is(.gss-cms-selection,.gss-selection-handles) > i:nth-of-type(3) { bottom:-.65cqw;left:-.65cqw; }
#services :is(.gss-cms-selection,.gss-selection-handles) > i:nth-of-type(4) { bottom:-.65cqw;right:-.65cqw; }
#services .gss-component-slot { display:flex;align-items:center;justify-content:center;gap:1.5cqw;height:8.5cqw;margin-top:3.1cqw;border:.19cqw dashed #b8a6e6;background:#f5f2fc;border-radius:1cqw;color:var(--wy-primary);font-size:2.2cqw; }
#services .gss-drag { position:absolute;z-index:3;left:14%;top:72%;display:flex;align-items:center;gap:1.9cqw;width:44%;height:9.6cqw;padding:0 2.7cqw;border:.19cqw solid #ccc2e7;border-radius:1.5cqw;background:white;box-shadow:0 2cqw 4cqw #23283826;font-family:var(--wy-font-cn);font-size:2.7cqw;letter-spacing:normal;white-space:nowrap; }
#services .gss-drag .gss-icon:first-child { color:var(--wy-primary); }
#services .gss-drag .gss-icon:last-child { margin-left:auto;color:#aaa7b7;width:2.5cqw; }
#services .gss-cursor { position:absolute;z-index:4;left:53%;top:77%;width:8.0769cqw;height:8.0769cqw;pointer-events:none;filter:drop-shadow(0 1.3462cqw 2.6923cqw #2820506b); }
/* 04: the tree is the leftmost control; locks and pencils distinguish the
   two editable regions on the medical device banner itself. */
#services .gss-content-window { left:-22%;top:8%;width:114%;height:70%; }
#services .gss-content-body { display:grid;grid-template-columns:29% minmax(0,1fr);height:calc(100% - 5.8cqw); }
#services .gss-site-tree { padding:4.2cqw 1.5cqw 0;border-right:.19cqw solid #e7e7ef;background:white;font-size:2.3cqw;white-space:nowrap; }
#services .gss-tree-root { display:flex;align-items:center;gap:.9cqw;height:5.4cqw;color:#34343e; }
#services .gss-tree-root .gss-icon:first-child { width:2.1cqw; }
#services .gss-tree-root .gss-icon:nth-child(2) { width:2.7cqw; }
#services .gss-site-tree b { font-family:var(--wy-font-en);font-weight:500;font-size:2cqw; }
#services .gss-tree-children { margin:1cqw 0 0 3cqw;border-left:.19cqw solid #dddde7;padding-left:1.5cqw; }
#services .gss-tree-children > div { position:relative;display:flex;align-items:center;gap:1.2cqw;height:6.3cqw;padding:0 1.2cqw; }
#services .gss-tree-children > div::before { content:"";position:absolute;left:-1.5cqw;width:1.5cqw;top:50%;border-top:.19cqw solid #dddde7; }
#services .gss-tree-children .gss-icon { width:2.5cqw;height:2.5cqw; }
#services .gss-tree-children .gss-icon:last-child { width:1.8cqw;margin-left:auto; }
#services .gss-tree-children .is-current { background:#ede9f9;color:var(--wy-primary);border-radius:.8cqw; }
#services .gss-content-canvas { padding:4.8cqw 2.7cqw;background:#f5f6f9;min-width:0; }
#services .gss-medical-page { background:white; }
#services .gss-medical-nav { display:flex;align-items:center;justify-content:space-between;height:6.2cqw;padding:0 2.3cqw;gap:1.5cqw;font-family:var(--wy-font-en); }
#services .gss-medical-nav > span:first-child { font-size:2.6cqw;font-weight:500;color:#133646; }
#services .gss-medical-nav > span:last-child { font-size:1.5cqw;white-space:nowrap; }
#services .gss-medical-hero { position:relative;height:39cqw;overflow:hidden;background:#e7f0f6; }
#services .gss-medical-backdrop { position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;border-radius:0; }
#services .gss-medical-hero::after { content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#edf5fae6,#edf5fab8 37%,#edf5fa00 62%);pointer-events:none; }
#services .gss-medical-copy { position:absolute;z-index:1;left:4%;top:17%;bottom:8%;width:43%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2.7cqw;margin:0;padding:2.7cqw 1.7cqw;border:.25cqw solid var(--wy-primary);font-family:var(--wy-font-en);color:#133646; }
#services .gss-medical-copy strong { font-size:3.1cqw;font-weight:500;line-height:1.25;letter-spacing:normal; }
#services .gss-medical-copy > span:not(.gss-selection-tag) { font-size:1.6cqw;white-space:nowrap; }
#services .gss-medical-copy .gss-medical-cta { display:flex;align-items:center;gap:1.2cqw;color:white;background:#174d65;padding:1.3cqw 1.6cqw; }
#services .gss-medical-cta .gss-icon { width:1.9cqw;height:1.9cqw; }
#services .gss-medical-product { position:absolute;z-index:1;left:57%;right:2%;top:6cqw;bottom:3.5cqw;min-width:0;border:.25cqw solid #6d839b; }
#services .gss-selection-tag { position:absolute;z-index:2;left:-.25cqw;top:-.25cqw;display:flex;align-items:center;gap:.7cqw;padding:.8cqw 1.2cqw;background:var(--wy-primary);color:white;font-family:var(--wy-font-cn);font-size:1.9cqw;white-space:nowrap; }
#services .gss-selection-tag .gss-icon { width:2.3cqw;height:2.3cqw; }
#services .gss-medical-copy .gss-selection-tag { top:-3.8cqw; }
#services .gss-medical-product .gss-selection-tag { top:-3.8cqw;background:#61788e; }
#services .gss-medical-product .gss-selection-handles i { border-color:#6d839b; }
/* Same diagonal composition, with the rules card narrowed 80% -> 64%. */
#services .gss-content-rules { position:absolute;z-index:2;left:60%;top:66%;width:64%;padding:3.5cqw 4.2cqw;border:.19cqw solid #d7d9e8;border-radius:1.9cqw;background:white;box-shadow:0 2.3cqw 6cqw -2cqw #23283829; }
#services .gss-content-rules > div { display:flex;align-items:center;gap:1.9cqw;font-size:3.1cqw;font-weight:500;color:var(--wy-ink); }
#services .gss-content-rules > div .gss-icon { color:var(--wy-primary); }
#services .gss-content-rules dl { margin:2.7cqw 0 0; }
#services .gss-content-rules dl > div { display:flex;align-items:center;justify-content:space-between;padding:1.7cqw 0;border-top:.19cqw solid #ededf3;font-size:2.4cqw; }
#services .gss-content-rules dd { display:flex;gap:1.2cqw;align-items:center;margin:0;color:var(--wy-primary); }
#services .gss-content-rules dl > div:first-child dd { color:#61788e; }
#services .gss-content-rules dd .gss-icon { width:2.7cqw;height:2.7cqw; }
/* 05: a home-appliance website with the three requested audit scores. */
#services .gss-operations-window { left:-4%;top:8%;width:108%;height:66%; }
#services .gss-live { display:flex;align-items:center;gap:.8cqw;color:#3d9a6c;background:#edf8f1;padding:.6cqw 1.2cqw;border-radius:.8cqw;font-size:1.8cqw;white-space:nowrap; }
#services .gss-live .gss-icon { width:2.3cqw;height:2.3cqw; }
#services .gss-appliance-nav { display:flex;align-items:center;justify-content:space-between;height:6.9cqw;padding:0 3.1cqw;font-family:var(--wy-font-en); }
#services .gss-appliance-nav > span:first-child { font-size:2.6cqw;font-weight:500; }
#services .gss-appliance-nav > span:last-child { font-size:1.7cqw; }
#services .gss-appliance-hero { position:relative;height:calc(100% - 12.7cqw);background:#343431;overflow:hidden; }
#services .gss-appliance-hero > img { display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 19%;border-radius:0; }
#services .gss-appliance-hero::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171c20b3,transparent 72%); }
#services .gss-appliance-hero > div { position:absolute;z-index:1;top:12%;left:5%;color:white;font-family:var(--wy-font-en); }
#services .gss-appliance-hero strong { display:block;font-size:4cqw;font-weight:500;line-height:1.25;letter-spacing:normal; }
#services .gss-appliance-hero > div > span { display:flex;align-items:center;gap:2cqw;margin-top:3.5cqw;font-size:2.1cqw; }
#services .gss-appliance-hero > div .gss-icon { width:2.5cqw;height:2.5cqw; }
/* 2026-10-27: reduce the complete monitor card by 40% and move it right.
   Preserve its vertical center; type, rings, spacing and shadow scale together. */
#services .gss-scores { position:absolute;left:64%;top:57%;width:93%;padding:3.8cqw 4.6cqw;border:.19cqw solid #d7d9e8;border-radius:1.9cqw;background:white;box-shadow:0 2.3cqw 6cqw -2cqw #23283829;transform:scale(.6);transform-origin:0 50%; }
#services .gss-score-heading { display:flex;align-items:center;gap:1.9cqw;color:var(--wy-ink);font-size:3.1cqw;font-weight:500; }
#services .gss-score-heading > .gss-icon { color:var(--wy-primary);width:3.8cqw;height:3.8cqw; }
#services .gss-status { display:flex;align-items:center;gap:1.1cqw;margin-left:auto;color:#3d9a6c;font-size:2.1cqw;font-weight:400; }
#services .gss-status i { width:1cqw;height:1cqw;background:currentColor;border-radius:50%; }
#services .gss-scores dl { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw;margin:3.8cqw 0 0; }
#services .gss-score { display:flex;flex-direction:column-reverse;align-items:center;gap:1.9cqw; }
#services .gss-score dt { font-family:var(--wy-font-en);font-size:2.4cqw;letter-spacing:normal; }
#services .gss-score dd { position:relative;display:grid;place-items:center;width:17cqw;height:17cqw;margin:0;color:#248456; }
#services .gss-score dd svg { position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:5; }
#services .gss-ring-track { stroke:#e7f2ec; }
#services .gss-ring-value { stroke:#3d9a6c;stroke-linecap:round; }
#services .gss-score dd > span { font-family:var(--wy-font-en);font-size:4.6cqw;font-weight:500;letter-spacing:normal; }
#services .gss-score small { font-size:2.4cqw;margin-left:.5cqw; }