/* 01 — Editorial */
.service-background-scene.scene-editorial{background:#11110f;color:#eee9df;font-family:"Songti SC","SimSun",serif}
.service-background-scene.scene-editorial::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 55%,rgba(116,66,46,.2),transparent 39%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.006) 4px);opacity:.8}
.service-background-scene .ed-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 5.7%,rgba(215,201,174,.1) 5.8%,transparent 5.9%,transparent 51%,rgba(215,201,174,.08) 51.1%,transparent 51.2%,transparent 94%,rgba(215,201,174,.1) 94.1%,transparent 94.2%)}
.service-background-scene .ed-top,.service-background-scene .ed-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 6%;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.25em;color:#b5aa9a}
.service-background-scene .ed-top{height:74px;border-bottom:1px solid rgba(227,216,193,.18)}
.service-background-scene .ed-top span:first-child{font-size:16px;font-weight:800;letter-spacing:.1em;color:#f0e7d9}
.service-background-scene .ed-top i{font-style:normal;color:#c58061}
.service-background-scene .ed-top b{font-size:20px;color:#d3b99a;margin-left:10px}
.service-background-scene .ed-body{min-height:513px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.service-background-scene .ed-copy{position:relative;z-index:4;padding:28px 0 40px 12%}
.service-background-scene .ed-no{color:#b9775c;font:700 10px Arial,sans-serif;letter-spacing:.22em;margin-bottom:27px}
.service-background-scene .ed-copy h2{font-size:clamp(48px,5.3vw,88px);line-height:1.28;letter-spacing:-.12em;font-weight:600;margin:0 0 25px}
.service-background-scene .ed-copy h2 span{color:#bd7658}
.service-background-scene .ed-copy p{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#b7ad9e;font-size:13px;line-height:2.1;margin-bottom:27px}
.service-background-scene .ed-link{display:inline-flex;align-items:center;gap:48px;border-bottom:1px solid #c08364;padding:0 0 9px;color:#dfc3aa;font:500 12px "Microsoft YaHei","PingFang SC",sans-serif}
.service-background-scene .ed-link span{font-size:21px}
.service-background-scene .ed-art{position:relative;height:500px;display:grid;place-items:center}
.service-background-scene .ed-circle{position:absolute;border:1px solid rgba(193,153,119,.28);border-radius:50%;aspect-ratio:1}
.service-background-scene .ed-circle-1{width:445px;animation:ed-spin 65s linear infinite}
.service-background-scene .ed-circle-1::before{content:"";position:absolute;left:-3px;top:50%;width:5px;height:5px;background:#c58566;border-radius:50%;box-shadow:0 0 15px #b77555}
.service-background-scene .ed-circle-2{width:315px;border-style:dashed;opacity:.6;animation:ed-spin 90s linear infinite reverse}
.service-background-scene .ed-leaf{position:relative;z-index:1;width:255px;height:292px;fill:#a65b43;color:#dfb18b;filter:drop-shadow(0 18px 26px rgba(118,45,33,.28));transform:rotate(-12deg);animation:ed-float 7s ease-in-out infinite}
.service-background-scene .ed-art-label{position:absolute;right:8%;bottom:11%;font:9px Arial,sans-serif;letter-spacing:.2em;color:#b49678}
.service-background-scene .ed-star{position:absolute;color:#d2a475}
.service-background-scene .ed-star-1{left:13%;top:18%;font-size:22px}
.service-background-scene .ed-star-2{right:14%;top:31%;font-size:15px}
.service-background-scene .ed-bottom{height:63px;border-top:1px solid rgba(227,216,193,.18);font-size:9px}/* 02 — Terminal */
.service-background-scene.scene-terminal{background:radial-gradient(ellipse at 72% 51%,#112438 2%,#071421 52%,#061019 100%);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#e8fff9}
.service-background-scene.scene-terminal::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(111,217,223,.025) 5px);z-index:5}
.service-background-scene .term-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,223,222,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(75,223,222,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 5%,#000 52%,#000 100%)}
.service-background-scene .term-scan{position:absolute;width:35%;height:100%;left:-35%;top:0;background:linear-gradient(90deg,transparent,rgba(67,227,219,.055),transparent);animation:term-scan 7s linear infinite}
.service-background-scene .term-top,.service-background-scene .term-bottom{height:63px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(93,223,220,.24);color:#63b6bd;font-size:9px;font-weight:700;letter-spacing:.16em}
.service-background-scene .term-top span:first-child{color:#c4fff2;font-size:15px}
.service-background-scene .term-top b{color:#36e6d6;font-size:20px}
.service-background-scene .term-top i{display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:#53e6cd;box-shadow:0 0 12px #53e6cd}
.service-background-scene .term-body{min-height:525px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.service-background-scene .term-copy{position:relative;z-index:2;padding:28px 0 28px 10%}
.service-background-scene .term-command{color:#5bd8d2;font:10px monospace;letter-spacing:.18em;margin-bottom:28px}
.service-background-scene .term-copy h2{font-size:clamp(54px,5.6vw,92px);line-height:1.12;letter-spacing:-.08em;margin-bottom:25px}
.service-background-scene .term-copy h2 em{font-style:normal;color:#47e9df;text-shadow:0 0 25px rgba(59,227,218,.38)}
.service-background-scene .term-copy h2 span{color:#f779ba;animation:cursor 1s steps(1) infinite}
.service-background-scene .term-copy>p{color:#7cbdc0;font-size:9px;letter-spacing:.2em;margin:0 0 30px}
.service-background-scene .term-actions{display:flex;gap:16px}
.service-background-scene .term-actions span{border:1px solid #3dc9cb;padding:12px 14px;font-size:11px;color:#a7e4e2}
.service-background-scene .term-actions span:first-child{background:#3ce1d8;color:#062229;font-weight:700;box-shadow:0 0 25px rgba(60,225,216,.25)}
.service-background-scene .term-metrics{display:flex;gap:44px;margin-top:51px}
.service-background-scene .term-metrics div{display:flex;flex-direction:column;gap:3px}
.service-background-scene .term-metrics b{font-size:18px;color:#e9fffa}
.service-background-scene .term-metrics small{font-size:8px;letter-spacing:.16em;color:#5d929b}
.service-background-scene .term-art{height:500px;position:relative;display:grid;place-items:center}
.service-background-scene .term-radar{position:absolute;width:440px;height:440px;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 310deg,rgba(65,230,219,.16) 350deg,transparent 360deg);animation:ed-spin 9s linear infinite}
.service-background-scene .term-ring{position:absolute;border:1px solid rgba(72,224,215,.34);border-radius:50%;aspect-ratio:1}
.service-background-scene .ring-a{width:450px;box-shadow:0 0 35px rgba(40,203,198,.08)}
.service-background-scene .ring-b{width:335px;border-style:dashed;animation:ed-spin 70s linear infinite}
.service-background-scene .ring-c{width:220px;border-color:rgba(90,247,224,.62);box-shadow:inset 0 0 36px rgba(50,227,208,.13)}
.service-background-scene .term-leaf{position:relative;z-index:2;width:210px;height:240px;fill:rgba(36,193,190,.26);stroke:#57efdf;stroke-width:2;color:#72ffee;filter:drop-shadow(0 0 18px rgba(74,237,223,.72));animation:ed-float 5s ease-in-out infinite}
.service-background-scene .term-target{position:absolute;border:1px solid rgba(95,222,222,.37);background:#061923;padding:7px 9px;color:#6bd0d2;font:8px monospace;letter-spacing:.1em}
.service-background-scene .target-a{top:16%;right:7%}
.service-background-scene .target-b{bottom:19%;left:2%}
.service-background-scene .target-c{bottom:12%;right:10%}
.service-background-scene .term-bottom{height:62px;border-top:1px solid rgba(93,223,220,.24);border-bottom:0}
.service-background-scene .term-bottom span:first-child{color:#54dbba}/* 03 — Washi */
.service-background-scene.scene-washi{background:linear-gradient(125deg,#111b27,#182331 54%,#0c1824);color:#eee9df;font-family:"Songti SC","SimSun",serif}
.service-background-scene .washi-noise{position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.28'/%3E%3C/svg%3E")}
.service-background-scene .washi-frame{position:absolute;inset:18px;border:1px solid rgba(231,220,200,.15)}
.service-background-scene .washi-top,.service-background-scene .washi-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 7%;height:76px;color:#aeb5b9;font:9px "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.15em}
.service-background-scene .washi-top span:first-child{font-family:"Songti SC","SimSun",serif;color:#eae5dd;font-size:17px;font-weight:700}
.service-background-scene .washi-top b{font-size:15px;color:#e47864}
.service-background-scene .washi-moon{position:absolute;right:18%;top:19%;width:375px;height:375px;border-radius:50%;background:radial-gradient(circle at 39% 40%,#d9d2be,#b7b6b0 52%,#758a95 91%);box-shadow:0 0 65px rgba(210,207,188,.2),0 0 125px rgba(164,181,188,.13);animation:washi-moon 9s ease-in-out infinite alternate}
.service-background-scene .washi-moon::before{content:"";position:absolute;inset:0;border-radius:50%;opacity:.21;background:radial-gradient(circle at 32% 60%,#687f8d 0 6%,transparent 7%),radial-gradient(circle at 66% 34%,#687f8d 0 11%,transparent 12%),radial-gradient(circle at 49% 78%,#718993 0 8%,transparent 9%)}
.service-background-scene .washi-horizon{position:absolute;inset:auto 0 0;height:200px;background:linear-gradient(transparent,#0a141f 79%)}
.service-background-scene .washi-copy{position:relative;z-index:2;padding:69px 0 55px 12%;min-height:504px}
.service-background-scene .washi-overline{color:#e09a85;font:11px "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.32em;margin-bottom:27px}
.service-background-scene .washi-copy h2{font-size:clamp(58px,6vw,101px);line-height:1.27;font-weight:600;letter-spacing:-.09em;margin-bottom:22px}
.service-background-scene .washi-copy h2 span{color:#df806b}
.service-background-scene .washi-copy p{color:#c0c5c4;font:13px/2.2 "Microsoft YaHei","PingFang SC",sans-serif;margin-bottom:24px}
.service-background-scene .washi-button{display:inline-flex;align-items:center;gap:34px;background:#ba654f;padding:14px 18px;color:#fff;font:12px "Microsoft YaHei","PingFang SC",sans-serif}
.service-background-scene .washi-button span{font-size:20px}
.service-background-scene .washi-vertical{position:absolute;z-index:2;right:8%;top:25%;writing-mode:vertical-rl;color:#d5ddd8;font-size:13px;letter-spacing:.3em}
.service-background-scene .washi-stamp{position:absolute;z-index:2;right:9%;bottom:20%;padding:10px;border:1px solid #dc7760;color:#dc7760;font-size:19px;font-weight:700;line-height:1.25;text-align:center;transform:rotate(7deg)}
.service-background-scene .washi-leaves{position:absolute;inset:0;overflow:hidden}
.service-background-scene .fall-leaf{position:absolute;fill:#bc6154;color:#ed9d83;filter:drop-shadow(0 7px 13px rgba(0,0,0,.3));animation:fall 10s linear infinite}
.service-background-scene .leaf-a{width:75px;left:62%;top:-10%;animation-delay:-2s}
.service-background-scene .leaf-b{width:42px;left:81%;top:-8%;animation-delay:-6s}
.service-background-scene .leaf-c{width:54px;left:95%;top:-8%;animation-delay:-9s}
.service-background-scene .washi-bottom{height:70px;position:relative;z-index:3;border-top:1px solid rgba(222,218,208,.12)}/* 04 — Nebula */
.service-background-scene.scene-nebula{background:#10101f;color:#fbf8ff;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}
.service-background-scene.scene-nebula::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 63% 47%,rgba(98,84,187,.23),transparent 40%),linear-gradient(120deg,#11101e,#17152e 53%,#0e1629)}
.service-background-scene .neb-blob{position:absolute;border-radius:50%;filter:blur(60px);mix-blend-mode:screen;opacity:.62;animation:neb-float 9s ease-in-out infinite alternate}
.service-background-scene .blob-one{width:360px;height:330px;right:23%;top:17%;background:#9b52bd}
.service-background-scene .blob-two{width:330px;height:330px;right:3%;bottom:0;background:#397ed3;animation-delay:-3s}
.service-background-scene .blob-three{width:260px;height:250px;left:38%;bottom:-80px;background:#e36181;animation-delay:-6s}
.service-background-scene .neb-grain{position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.5) 1px,transparent 2px),radial-gradient(circle at 74% 33%,rgba(255,255,255,.5) 1px,transparent 2px);background-size:200px 170px,270px 230px;opacity:.45}
.service-background-scene .neb-top,.service-background-scene .neb-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;height:76px;color:#d7cce7;font-size:9px;letter-spacing:.16em}
.service-background-scene .neb-top span:first-child{font-weight:800;font-size:15px;color:#fff}
.service-background-scene .neb-body{min-height:500px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.service-background-scene .neb-copy{position:relative;z-index:3;padding:30px 0 38px 11%}
.service-background-scene .neb-eyebrow{font-size:10px;color:#edb8d8;letter-spacing:.16em}
.service-background-scene .neb-copy h2{font-size:clamp(57px,5.8vw,96px);letter-spacing:-.085em;line-height:1.18;margin:22px 0 20px;font-weight:800}
.service-background-scene .neb-copy h2>span{background:linear-gradient(90deg,#ffb0b7,#d9a5ff,#9bcaff);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.service-background-scene .neb-period{color:#ef9ac9!important}
.service-background-scene .neb-copy p{font-size:13px;line-height:2;color:#b9b5cd;margin-bottom:25px}
.service-background-scene .neb-action{display:inline-flex;align-items:center;gap:48px;padding:13px 19px;border-radius:30px;background:#f2e9fb;color:#27203d;font-weight:700;font-size:12px;box-shadow:0 12px 35px rgba(210,154,236,.25)}
.service-background-scene .neb-action span{font-size:18px}
.service-background-scene .neb-art{position:relative;height:500px;display:grid;place-items:center}
.service-background-scene .neb-orbit{position:absolute;border:1px solid rgba(219,190,244,.3);border-radius:50%;transform:rotate(-22deg);animation:ed-spin 38s linear infinite}
.service-background-scene .orbit-one{width:440px;height:440px}
.service-background-scene .orbit-two{width:310px;height:310px;border-style:dashed;animation-direction:reverse}
.service-background-scene .neb-glass{position:relative;width:290px;height:360px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 22px;border:1px solid rgba(255,255,255,.35);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));box-shadow:0 28px 65px rgba(7,5,30,.35),inset 0 1px rgba(255,255,255,.4);backdrop-filter:blur(18px);transform:rotate(10deg);animation:neb-card 6s ease-in-out infinite}
.service-background-scene .neb-glass>span,.service-background-scene .neb-glass small{font-size:9px;letter-spacing:.16em;color:#f4d7fa}
.service-background-scene .neb-glass svg{width:205px;height:220px;fill:#ff849c;color:#ffe0c1;filter:drop-shadow(0 0 20px rgba(255,125,153,.7))}
.service-background-scene .neb-spark{position:absolute;text-shadow:0 0 17px currentColor;color:#f8d6f9}
.service-background-scene .sp-one{top:11%;left:17%;font-size:27px}
.service-background-scene .sp-two{bottom:18%;right:13%;font-size:35px}
.service-background-scene .sp-three{top:26%;right:4%;font-size:17px}
.service-background-scene .neb-bottom{height:74px;border-top:1px solid rgba(255,255,255,.15);font-size:8px}

@keyframes ed-spin{to{transform:rotate(360deg)}}
@keyframes ed-float{50%{transform:translateY(-14px) rotate(-8deg)}}
@keyframes term-scan{to{left:110%}}
@keyframes cursor{50%{opacity:0}}
@keyframes washi-moon{to{transform:translateY(-12px);box-shadow:0 0 85px rgba(210,207,188,.3),0 0 140px rgba(164,181,188,.16)}}
@keyframes fall{0%{transform:translate(0,-40px) rotate(0);opacity:0}10%{opacity:.9}90%{opacity:.8}100%{transform:translate(-160px,760px) rotate(420deg);opacity:0}}
@keyframes neb-float{to{transform:translate(35px,-24px) scale(1.15)}}
@keyframes neb-card{50%{transform:rotate(4deg) translateY(-15px)}}
@keyframes neb-ellipse{to{transform:rotate(329deg)}}
@keyframes neb-card-refined{50%{transform:rotate(3deg) translateY(-14px)}}
@keyframes neb-chip-float{50%{transform:translateY(-9px)}}
@keyframes scene-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@keyframes details-refresh{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes status-pulse{50%{opacity:.45;box-shadow:0 0 4px #6fe2b5}}
@keyframes home-mark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes home-copy-float{0%,100%{transform:translateY(0)}50%{transform:translateY(1px)}}
@keyframes home-name-shine{0%,37%,100%{background-position:100% 0}57%{background-position:0 0}}
@keyframes home-name-line{0%,100%{transform:scaleX(.72);opacity:.55}50%{transform:scaleX(1);opacity:1}}
@keyframes home-tag-shine{0%,100%{background-position:100% 0;opacity:.76}50%{background-position:0 0;opacity:1}}
