浅念
8cea7dee20
- SiteForge Enterprise V8.10.0-dev.1 upstream source (210 tests) - Fix: v8_workflows._mapped_input now reads both 类型/分类 columns so WXR imports keep post/product types instead of collapsing to page - Docs: trade-pro theme port spec (R3) and implementation plan Co-Authored-By: Claude Code <noreply@anthropic.com>
2 lines
5.9 KiB
CSS
2 lines
5.9 KiB
CSS
:root{--blue:#0a3d5c;--sky:#daeaf2;--orange:#ef8f35;--text:#1d3441}*{box-sizing:border-box}body{margin:0;color:var(--text);background:#f8fafb;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:contain}.wrap{width:min(1300px,90%);margin:auto}.top{background:#153d56;color:#a7c5d5;font-size:10px;letter-spacing:2px}.top .wrap{display:flex;justify-content:space-between;padding:9px 0}header{background:white;border-bottom:1px solid #e0e8ea}.header-inner{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.5px;line-height:1}.brand-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--blue);color:white;font-size:26px}.brand small{display:block;font-size:10px;color:#718793;letter-spacing:2px;margin-top:9px;font-weight:500}nav{display:flex;gap:25px;font-size:13px;font-weight:650;flex-wrap:wrap}nav a:hover{color:#eb8725}.request{background:#e88c36;color:white;padding:15px 20px;font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:.5px}.hero{background:linear-gradient(107deg,#073653 0%,#0e5270 51%,#14748c 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:55% 45%;min-height:530px}.hero-text{padding:76px 25px 60px 0;position:relative;z-index:1}.kicker{font-size:11px;letter-spacing:2px;font-weight:750;color:#ce882e}.hero .kicker{color:#f5ac57}.kicker i{display:inline-block;width:22px;height:2px;background:#f5ac57;vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(48px,6vw,86px);letter-spacing:-3px;line-height:1.02;max-width:700px;margin:35px 0 26px}.hero p{max-width:470px;color:#c6e1e9;font-size:17px}.button{display:inline-flex;gap:55px;align-items:center;background:#ef9136;padding:18px 22px;font-size:12px;letter-spacing:1px;font-weight:800;margin-top:26px}.button b{font-size:18px}.hero-tags{display:flex;gap:22px;margin-top:60px;font-size:10px;color:#85bfcb;letter-spacing:1px}.hero-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#2c94a6 2%,#11617b 45%,transparent 70%)}.hero-art:before,.hero-art:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #ffffff25;transform:rotate(45deg)}.hero-art:after{width:380px;height:380px}.hero-art img{position:relative;z-index:3;width:100%;max-height:480px;filter:drop-shadow(0 20px 20px #002a3b55)}.hero-art>span{position:relative;z-index:3;color:#c6eaf0;font-size:25px;letter-spacing:8px;text-align:center;font-weight:300}.ring{position:absolute;width:430px;height:430px;border:28px solid #ffffff13;border-radius:50%;transform:rotateX(55deg) rotate(45deg)}.ring-2{width:290px;height:290px;border-color:#ffffff1d}.ring-3{width:150px;height:150px;border-color:#fba74b55}.subhero{padding:80px 0;background:linear-gradient(110deg,#073e5d,#0d6981);color:white}.subhero h1{font-size:clamp(40px,5.3vw,68px);line-height:1.1;margin:20px 0}.subhero p{color:#b8d6df}.main{padding:58px 0 100px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:white;margin-top:-90px;position:relative;box-shadow:0 15px 45px #0b4f7515}.metrics>div{padding:25px 34px;display:flex;align-items:center;gap:18px;border-right:1px solid #eef3f5}.metrics strong{color:#dc7e2d;font-size:30px}.metrics span{letter-spacing:1px;font-size:11px;font-weight:800}.titlebar{margin:65px 0 28px;display:flex;justify-content:space-between;align-items:end}.titlebar h2{font-size:37px;margin:12px 0 0}.titlebar>a{color:#ba6d2f;font-size:12px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.product{border:1px solid #e0e8ed;background:white}.product:hover{box-shadow:0 15px 35px #194b6518}.product-img{height:225px;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#e8f0f4,#cadce6);overflow:hidden}.product-img img{height:100%;width:100%;object-fit:contain}.technical-graphic{width:110px;height:110px;border:18px solid #96b8c8;border-radius:50%;position:relative;box-shadow:0 20px 0 #244d6120}.technical-graphic span{position:absolute;color:#e9fbff}.technical-graphic span:first-child{top:-56px;left:-50px}.technical-graphic span:nth-child(2){top:-56px;right:-50px}.technical-graphic span:nth-child(3){bottom:-55px;left:-45px}.technical-graphic span:nth-child(4){bottom:-55px;right:-45px}.product-info{padding:25px}.product-info>span{font-size:9px;color:#c17a38;letter-spacing:1.5px;font-weight:700}.product-info h3{font-size:21px;margin:8px 0}.product-info p{color:#6d8792;font-size:13px}.arrow{border-top:1px solid #e6eef1;margin-top:25px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:800;color:#0c6788}.rich-content{margin:30px 0}.rich-content p{color:#617787}.section{padding:40px 0}.feature-grid,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:white;padding:25px;border-top:4px solid #f09c52}.stat strong{display:block;font-size:40px}.stat span{color:#78909c}.cta{padding:50px;background:#0e5675;color:white}.detail-image img{max-height:560px}footer{background:#0f334a;color:white;padding:65px 0 25px}.footer-cols{display:flex;justify-content:space-between;gap:40px}.footer-cols h2{font-size:26px}.footer-cols p{color:#96b1bf}.bottom{border-top:1px solid #36596d;margin-top:65px;padding-top:22px;display:flex;justify-content:space-between;letter-spacing:1px;font-size:10px;color:#9cb9c7}@media(max-width:940px){.header-inner{flex-wrap:wrap;padding:16px 0}nav{order:3;width:100%}.request{display:none}.hero-grid{grid-template-columns:1fr}.hero-text{padding-right:0}.hero-art{min-height:300px}.metrics{margin-top:0}}@media(max-width:660px){.product-grid,.metrics,.feature-grid,.stats{grid-template-columns:1fr}.hero h1{font-size:51px}.hero-tags{flex-wrap:wrap}.footer-cols,.bottom{flex-direction:column}.top span:last-child{display:none}.subhero{padding:60px 0}}
|