:root{--blue:#0869fa;--blue2:#00c9f0;--ink:#061b48;--muted:#5b7095;--line:#dfeafc;--bg:#f4f9ff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 "Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);background:#fff}button,input,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}.content-wrap{width:min(1368px,calc(100% - 96px));margin-inline:auto}.top{height:67px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);box-shadow:0 1px 8px #0e5bb31c}.top-inner{max-width:1370px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:160px;height:51px;object-fit:contain}.brand span{font-size:12px;color:#485c81;white-space:nowrap}.top nav{display:flex;align-items:center;gap:35px;height:100%}.top nav button{height:100%;background:none;position:relative;font-weight:700;color:#0b1c45;white-space:nowrap;padding:0 3px}.top nav button.active,.top nav button:hover{color:#0668ff}.top nav button.active:after{content:"";position:absolute;bottom:9px;height:3px;border-radius:4px;left:2px;right:2px;background:#0869fa}.top-actions{display:flex;align-items:center;gap:18px}.top-actions .login-link,.search-btn{background:none;font-weight:700;color:var(--ink);white-space:nowrap}.search-btn{font-size:32px;line-height:1}.primary{border:0;background:linear-gradient(135deg,#06a5ff,#064bf4);color:white;border-radius:9px;padding:12px 25px;font-weight:700;box-shadow:0 6px 14px #0568ec20}.primary:hover{filter:brightness(1.07)}.outline{border:1px solid #2480f9;background:#fff;color:#0966ef;border-radius:9px;padding:11px 24px;font-weight:700}.pale{background:#e8f2ff;color:#0848a5;border:0;border-radius:9px;padding:11px 24px;font-weight:700}.wide{width:100%;display:block}.small{padding:7px 13px}.signup-btn{white-space:nowrap;padding:11px 23px}.page{min-height:calc(100vh - 145px)}.hero-bg{background:linear-gradient(130deg,#e8f4ff 0%,#d2eaff 55%,#93ceff 100%);position:relative;overflow:hidden}.hero-bg:before,.page-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 20%,#ffffffd9,transparent 55%),radial-gradient(ellipse at 83% 88%,#ffffff77,transparent 55%);pointer-events:none}.hero-shell{max-width:1368px;margin:auto;min-height:440px;display:grid;grid-template-columns:45% 55%;position:relative;align-items:center}.hero-copy{z-index:2;padding:28px 0 30px}.hero-copy h1,.banner-copy h1{font-size:54px;line-height:1.26;letter-spacing:-1px;margin:0 0 17px;font-weight:900;color:#071944}.hero-copy h1 span,.banner-copy h1 span,.file-hero h1 span{color:#0965f6}.hero-copy p,.banner-copy p{font-size:19px;color:#223c68;line-height:1.65;margin:0 0 23px}.hero-actions{display:flex;gap:15px}.jumbo{padding:13px 32px;font-size:18px;border-radius:35px}.hero-visual{min-height:420px;background-repeat:no-repeat;background-position:center;background-size:contain}.home-visual{background-image:url('hero-home.png')}.benefit-row{display:flex;gap:23px;margin-top:26px}.benefit-row div{display:grid;grid-template-columns:29px auto;column-gap:5px;align-items:center;font-size:17px;color:#0765f0}.benefit-row b{color:#10224c;font-size:14px}.benefit-row small{grid-column:2;color:#536787;font-size:11px;white-space:nowrap}.home-cards,.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:-2px;position:relative;z-index:3}.feature-card{background:#fff;border:1px solid #e1edfd;border-radius:17px;padding:23px 30px;box-shadow:0 8px 26px #3578be16}.feature-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.feature-icon{height:57px;width:57px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#04b7ff,#0754f6);font-size:27px;color:#fff;flex-shrink:0}.feature-icon.green{background:linear-gradient(135deg,#2be0a4,#00976d)}.feature-head h2{font-size:22px;margin:0;font-weight:800}.feature-head h2 small{font-size:12px;color:#13aa6d;background:#e4fff1;padding:4px 8px;border-radius:5px;margin-left:8px}.feature-head p{margin:2px 0 0;font-size:13px;color:#5a7198}.inline-control{display:flex;gap:12px}.inline-control input,.pair-area input,.composer input,.auth-form input,.file-toolbar input,.quick-grid input{width:100%;min-width:0;padding:12px 15px;border:1px solid #d3e2f7;border-radius:9px;background:#fff;outline-color:#0873ff}.inline-control button{white-space:nowrap}.card-points{font-size:12px;color:#53709c;margin-top:19px}.feature-card>.pale{margin-top:10px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 20px;margin-top:14px;margin-bottom:16px;background:#fff;border:1px solid #edf3ff;border-radius:15px;box-shadow:0 5px 24px #0c59ae0c}.stat-strip>div{border-right:1px solid #dbe8fb;text-align:center}.stat-strip>div:last-child{border:0}.stat-strip b{font-size:19px;color:#0564f1;display:block}.stat-strip small{font-size:12px;color:#5b7196}.scenario{background:#f1f7ff;border-radius:16px;padding:18px 22px;text-align:center;margin-bottom:18px}.scenario h2{font-size:21px;margin:0}.scenario p{margin:2px 0 12px;color:#617394;font-size:12px}.scenario-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.scenario-grid div{padding:13px 4px;background:#fff;border-radius:12px;font-weight:700}.page-banner{position:relative;overflow:hidden;background:linear-gradient(110deg,#eaf6ff,#acd8ff 70%,#d3edff);min-height:452px;display:flex;align-items:center;gap:10px;padding:max(25px,2vw) max(calc((100vw - 1368px)/2),48px)}.banner-copy{position:relative;z-index:2;width:35%;flex-shrink:0}.banner-copy h1{font-size:50px}.banner-copy h3{font-size:18px;white-space:nowrap;margin:0 0 15px}.banner-copy p{font-size:17px}.banner-visual{position:relative;z-index:1;flex:1;align-self:stretch;min-width:250px;background-repeat:no-repeat;background-position:center;background-size:contain}.transfer-visual{background-image:url('hero-transfer.png')}.quick-visual{background-image:url('hero-quick.png')}.connect-card{position:relative;z-index:3;flex:0 0 290px;background:#fffffff2;border:1px solid #d7e7fa;border-radius:17px;padding:15px;box-shadow:0 10px 25px #1054a42c;text-align:center}.connect-tabs{display:flex;background:#edf4ff;border-radius:9px;overflow:hidden}.connect-tabs button{width:50%;padding:10px 4px;background:none;color:#183c71;font-weight:700}.connect-tabs .selected{background:#086aff;color:white}.qr-placeholder{background:white;border-radius:12px;padding:12px 8px;margin-top:10px}.qr-graphic{font-size:92px;line-height:1.3;color:#164d9a}.qr-placeholder p{font-size:12px;color:#576c8e}.pair-area{display:flex;gap:7px}.pair-area button{padding:9px 15px}.connect-card>small{font-size:10px;color:#5e7295}.perks{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid #e7f0ff;border-radius:17px;padding:17px 5px;margin-top:18px;box-shadow:0 8px 23px #0b66cb0c}.perks>div{border-right:1px solid #e0eafa;display:flex;align-items:center;flex-direction:column;font-size:29px;color:#0677ff}.perks>div:last-child{border:0}.perks b{font-size:15px;color:#11264c}.perks small{font-size:11px;color:#667899}.chat-shell{background:#fff;border:1px solid #e0eafa;border-radius:15px;margin-top:20px;padding:18px 23px}.chat-title{display:flex;justify-content:space-between;align-items:center}.chat-title h2{margin:0;font-size:20px}.chat-title small{color:#6a7d99}.messages{height:220px;overflow-y:auto;background:#f6faff;border-radius:12px;padding:18px;margin:12px 0}.empty{text-align:center;color:#6a84ab;padding:30px}.bubble{background:#fff;padding:12px 16px;margin-bottom:9px;border-radius:10px;box-shadow:0 1px 4px #1d62a019;max-width:80%;overflow-wrap:anywhere}.bubble a{color:#0569ff}.msg-foot{display:flex;gap:15px;align-items:center;color:#7e8eaa}.delete-msg{background:none;color:#de5862;font-size:12px}.composer{display:flex;gap:10px}.composer input{flex:1}.attach{display:grid;place-items:center;min-width:45px;background:#e9f3ff;border-radius:9px;font-size:26px;color:#0871ef;cursor:pointer}.steps{text-align:center;padding:20px 0}.steps h2{font-size:24px}.steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3edfb;border-radius:15px;padding:18px;text-align:left}.steps article>b{border-radius:50%;background:#0678fa;color:#fff;padding:6px 16px;font-size:25px}.steps article h3{font-size:16px;white-space:nowrap}.steps article p{font-size:12px;color:#62799a}.quick-banner{min-height:360px}.quick-grid{margin-top:20px;margin-bottom:30px}.upload-zone{border:2px dashed #b4d5ff;min-height:150px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0877ee;font-size:30px;cursor:pointer}.upload-zone strong{font-size:15px;color:#163a73}.upload-zone small{font-size:12px;color:#7284a4}.quick-grid textarea{width:100%;resize:vertical;border:1px solid #dce9fa;border-radius:8px;padding:10px;margin:12px 0 8px}.quick-grid .inline-control{margin:24px 0 12px}.file-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:30px}.file-types span{background:#eef5ff;border-radius:9px;padding:15px 5px;display:flex;flex-direction:column;text-align:center;font-size:25px;color:#096dff}.file-types b{font-size:13px;color:#13284e}.file-types small{font-size:10px;color:#627a9c}.result{padding:13px;margin:12px 0;background:#e9f4ff;border-radius:10px;overflow-wrap:anywhere}.result .code{font-size:30px;letter-spacing:7px;color:#0069fb;font-weight:800}.file-hero{background:linear-gradient(115deg,#f0f9ff,#d2eaff);min-height:180px}.file-hero-inner{display:flex;align-items:center;justify-content:space-between}.file-hero h1{font-size:43px;margin:15px 0 0}.file-hero p{font-size:18px;margin:0 0 12px}.file-hero-inner img{width:40%;max-height:190px;object-fit:contain}.file-workspace{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:22px 0}.file-sidebar,.file-main{background:#fff;border:1px solid #e5effd;border-radius:14px;padding:16px}.file-sidebar>button:not(.primary){display:block;width:100%;background:#fff;padding:12px;text-align:left;border-radius:8px;color:#173a6a}.file-sidebar>button.active,.file-sidebar>button:hover{background:#e7f2ff!important;color:#076aff!important}.file-sidebar hr{border:0;border-top:1px solid #e3edfa}.storage-note{padding:12px;background:#f2f7ff;margin-top:25px;border-radius:8px}.storage-note small{color:#6b80a0}.file-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.file-toolbar input{margin-left:auto;max-width:260px}.file-table-head,.file-row{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1.4fr 120px;gap:15px;align-items:center;padding:12px 18px;border-bottom:1px solid #e6effa}.file-table-head{background:#f3f8ff;font-weight:700;color:#667b9e}.file-row span{overflow-wrap:anywhere}.file-row a{color:#0869fa}.file-row button{color:#e34d62;background:none;padding:5px}.help-head{text-align:center;padding:40px;background:linear-gradient(110deg,#e5f3ff,#a5d7ff)}.help-head h1{font-size:39px;margin:0}.help-layout{display:grid;grid-template-columns:225px 1fr;gap:20px;padding:25px 0}.help-layout aside,.faq{border:1px solid #e4eefe;border-radius:14px;background:#fff;padding:25px}.help-layout aside a{display:block;padding:12px;border-bottom:1px solid #eaf1fb}.faq details{padding:15px 0;border-bottom:1px solid #e4ecf9}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#5f7191}.admin-shell{padding:35px 0}.admin-shell .panel{padding:25px;border:1px solid #e0eaf8;border-radius:15px}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.features article{background:#eef6ff;border-radius:10px;padding:20px;text-align:center}.features b{display:block;font-size:23px;color:#0674ff}.features small{color:#6b7b98}.site-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setting-item{border:1px solid #e2eaf7;padding:15px;border-radius:10px}.setting-item label{display:block}.setting-item input,.site-settings textarea{width:100%;padding:9px;margin:6px 0;border:1px solid #d4e4f9;border-radius:7px}.site-footer{border-top:1px solid #dbe7f8;background:#fafdff;font-size:12px;color:#40577d}.footer-top{display:flex;align-items:center;gap:22px;min-height:66px;border-bottom:1px solid #e3ebf8}.footer-logo{display:flex;align-items:center;gap:10px;flex:0 0 255px}.footer-logo img{width:116px;height:44px;object-fit:contain}.footer-logo>span:not(.hidden){font-size:10px}.footer-menu{display:flex;gap:19px;align-items:center;flex:1;justify-content:center;white-space:nowrap}.footer-menu a:hover,.footer-links a:hover{color:#066afa}.footer-friends{display:flex;gap:8px;align-items:center;border-left:1px solid #d6e5f7;padding-left:18px;min-width:220px}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;min-height:34px;color:#657899;gap:20px}.filings{display:flex;gap:16px}.account-dialog{padding:0;border:0;border-radius:18px;max-width:920px;width:calc(100vw - 40px);box-shadow:0 25px 90px #00194c77}.account-dialog::backdrop{background:#061f4d99}.auth-dialog{display:grid;grid-template-columns:1fr 1fr;min-height:490px}.auth-aside{padding:35px;background:linear-gradient(130deg,#d6edff,#a4d6ff);position:relative;overflow:hidden}.auth-aside h2{font-size:33px;line-height:1.3;margin:0}.auth-aside h2 span{color:#066bff}.auth-aside p{font-size:13px}.auth-aside>div{font-size:14px;line-height:2.2}.auth-aside img{position:absolute;width:105%;bottom:0;left:0;max-height:190px;object-fit:cover;opacity:.85}.auth-form{padding:45px 32px 25px;position:relative}.dialog-close{position:absolute;right:12px;top:8px;font-size:28px;background:none}.auth-switch{display:flex;background:#eff6ff;border-radius:9px;margin-bottom:22px}.auth-switch button{width:50%;padding:10px;background:none}.auth-switch .selected{background:#0874fb;color:#fff;border-radius:9px}.auth-form h2{margin:0}.auth-form p{color:#6b7e9c;font-size:12px}.auth-form label{display:block;margin:15px 0 8px;font-weight:700;font-size:13px}.auth-form label input{display:block;margin-top:6px}.auth-form>.wide{margin-top:14px}.password-change{margin-top:18px;color:#55739c}.password-change input{width:100%;margin:6px 0}.password-change button{margin-top:7px}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:99;background:#0a2b5a;color:#fff;border-radius:10px;padding:12px 24px;box-shadow:0 7px 20px #0b2b5c33}
@media(max-width:1200px){.top-inner{padding:0 22px}.brand span{display:none}.top nav{gap:17px}.hero-shell{padding:0 35px}.content-wrap{width:calc(100% - 56px)}.page-banner{padding:25px}.banner-copy{width:33%}.connect-card{flex-basis:260px}.banner-copy h1{font-size:43px}.banner-copy h3{white-space:normal}}
@media(max-width:800px){.top{height:auto}.top-inner{flex-wrap:wrap;padding:8px 14px;gap:5px}.brand img{width:128px;height:40px}.top nav{order:3;overflow-x:auto;width:100%;justify-content:space-between;gap:12px;height:43px}.top nav button{font-size:12px}.top-actions{margin-left:auto;gap:8px}.signup-btn{padding:8px 12px}.search-btn{display:none}.content-wrap{width:calc(100% - 28px)}.hero-shell{grid-template-columns:1fr;padding:20px 16px}.hero-copy h1,.banner-copy h1{font-size:35px}.hero-copy p,.banner-copy p{font-size:14px}.hero-visual{min-height:240px}.benefit-row{gap:9px;flex-wrap:wrap}.home-cards,.quick-grid{grid-template-columns:1fr;margin-top:15px}.stat-strip{grid-template-columns:repeat(2,1fr);gap:12px}.stat-strip>div:nth-child(2){border:0}.scenario-grid{grid-template-columns:repeat(2,1fr)}.page-banner{display:block;padding:22px 16px}.banner-copy{width:100%}.banner-visual{height:245px}.connect-card{max-width:450px;margin:0 auto}.perks{grid-template-columns:repeat(4,1fr);row-gap:12px}.perks>div{font-size:21px}.perks b{font-size:12px}.perks small{font-size:10px}.steps>div{grid-template-columns:1fr}.file-workspace,.help-layout{grid-template-columns:1fr}.file-sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.file-sidebar .primary,.storage-note{grid-column:1/-1}.file-toolbar{flex-wrap:wrap}.file-table-head,.file-row{grid-template-columns:1.5fr 1fr 1fr;gap:5px;font-size:12px}.file-table-head span:nth-child(3),.file-row span:nth-child(3){display:none}.file-hero h1{font-size:32px}.footer-top{flex-wrap:wrap;padding:12px 0}.footer-logo{flex-basis:100%}.footer-menu{flex-wrap:wrap;justify-content:flex-start}.footer-friends{border-left:0;padding-left:0}.footer-bottom{flex-wrap:wrap;padding:8px 0}.auth-dialog{grid-template-columns:1fr}.auth-aside{display:none}.auth-form{padding:36px 20px}.site-settings{grid-template-columns:1fr}}


/* V1.2.2 desktop layout and legacy Chromium fallback */
@media (min-width: 801px) {
 .top-inner {width:calc(100% - 64px);max-width:1368px;margin-left:auto;margin-right:auto;gap:18px}
 .top nav {gap:clamp(15px,2vw,32px);flex:0 1 auto;min-width:0}
 .top-actions {flex-shrink:0}
 .brand img {width:160px;height:50px}
 .brand span {font-size:11px}
 .content-wrap {width:calc(100% - 64px);max-width:1368px;margin-left:auto;margin-right:auto}
 .hero-shell {width:calc(100% - 64px);max-width:1368px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,43%) minmax(0,57%);min-height:445px}
 .hero-visual {width:100%;min-width:0;min-height:420px}
 .home-visual {background-image:url('hero-home-clean.webp');background-size:contain;background-position:center center}
 .hero-copy {min-width:0}
 .hero-copy p {font-size:18px}
 .home-cards {grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:14px}
 .feature-card {min-width:0}
 .file-workspace {grid-template-columns:220px minmax(0,1fr)}
 .file-main {min-width:0}
 .file-table-head,.file-row {grid-template-columns:minmax(220px,2fr) minmax(65px,1fr) minmax(130px,1.4fr) 120px}
 .footer-top {justify-content:space-between}
}
@media (min-width:801px) and (max-width:1280px) {
 .brand span {display:none}
 .top nav {gap:14px}
 .top-inner {gap:10px}
 .top-actions {gap:8px}
 .hero-copy h1 {font-size:46px}
 .hero-copy p {font-size:16px}
}
@media (max-width:800px) {
 .home-visual {background-image:url('hero-home-clean.webp');background-size:contain}
}
/* Defensive rules for older Chromium engines */
.top-inner,.footer-top,.footer-bottom {display:-webkit-box;display:-webkit-flex;display:flex}
.home-cards,.quick-grid,.file-workspace,.file-table-head,.file-row {display:grid}
img {max-width:100%}

/* V1.2.3: login left visual fully visible; preserve original illustration aspect ratio */
@media (min-width:801px){
 .account-dialog{overflow:hidden;}
 .auth-dialog{min-height:535px;align-items:stretch;}
 .auth-aside{display:flex;flex-direction:column;min-width:0;padding:28px 32px 0;overflow:hidden;}
 .auth-aside h2{font-size:33px;flex:0 0 auto;}
 .auth-aside p{margin:12px 0;font-size:13px;flex:0 0 auto;}
 .auth-aside>div{line-height:2.05;flex:0 0 auto;}
 .auth-aside img{position:static;display:block;width:calc(100% + 64px);height:auto;max-height:none;object-fit:contain;object-position:center bottom;opacity:1;margin:auto -32px 0;flex:0 0 auto;}
}
@media (min-width:801px) and (max-height:650px){
 .auth-aside{padding-top:16px;} .auth-aside h2{font-size:29px;}
 .auth-aside p{margin:7px 0;} .auth-aside>div{line-height:1.8;}
}


/* V1.3 layered heroes: artwork and interactive content are independent */
:root{--hero-blue:#0b70fb}
.hero-bg{background:#cde9ff url('hero-atmosphere.webp') center center/cover no-repeat;isolation:isolate;min-height:455px}
.hero-bg:before{background:linear-gradient(90deg,rgba(237,248,255,.72) 0%,rgba(231,247,255,.38) 37%,transparent 72%),linear-gradient(0deg,rgba(255,255,255,.16),transparent 36%)}
.hero-shell{grid-template-columns:39% 61%;min-height:455px;max-width:1368px}
.hero-copy{position:relative;z-index:3;padding:30px 0 20px}
.hero-copy h1{font-size:54px;line-height:1.22}
.hero-copy p{font-size:16px;line-height:1.6}
.hero-visual.home-visual{background-image:url('hero-devices.png')!important;background-size:contain!important;background-position:center bottom!important;min-height:432px;align-self:end;filter:drop-shadow(0 18px 20px rgba(2,70,160,.10))}
.home-cards{margin-top:-18px;z-index:4}
.page-banner{isolation:isolate;background:linear-gradient(105deg,#edf8ff 0%,#c5e6ff 52%,#8ec9ff 100%);min-height:400px}
.page-banner:after,.file-hero:after,.help-head:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 15%,rgba(255,255,255,.65),transparent 48%),repeating-radial-gradient(ellipse at 70% 100%,transparent 0 90px,rgba(255,255,255,.14) 92px 94px,transparent 96px 140px);z-index:0}
.page-banner>*{position:relative;z-index:1}
.banner-visual{background-repeat:no-repeat;background-size:contain;background-position:center center;filter:drop-shadow(0 14px 20px rgba(10,96,185,.13))}
.transfer-visual{background-image:url('scene-transfer.png')!important}
.quick-visual{background-image:url('scene-quick.png')!important}
.file-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#eff9ff,#d7efff 50%,#a8d8ff)}
.file-hero-inner{position:relative;z-index:1}
.file-hero-inner img{object-fit:contain;mix-blend-mode:multiply}
.help-head{position:relative;overflow:hidden;background:linear-gradient(110deg,#edf9ff,#d2ebff,#9fd1ff)}
.help-head:before{content:'?';position:absolute;right:16%;top:-65px;font-weight:900;font-size:280px;line-height:1;color:rgba(0,105,245,.08)}
.footer-friends{margin-left:auto}
.admin-entry{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:7px;background:#e9f3ff;color:#0769ed;font-weight:700}
.admin-shell h1{color:#0a2e67}
@media(min-width:801px) and (max-width:1280px){.hero-shell{grid-template-columns:42% 58%}.hero-copy h1{font-size:45px}.hero-visual.home-visual{min-height:355px}}
@media(max-width:800px){.hero-shell{grid-template-columns:1fr;min-height:auto}.hero-visual.home-visual{min-height:250px;background-position:center center!important}.home-cards{margin-top:15px}.hero-copy h1{font-size:36px}.hero-bg{min-height:auto}.page-banner{min-height:auto}}

/* V1.4 reference-accurate PC visual reconstruction */
@media (min-width:1281px){
  .top{height:58px;box-shadow:0 1px 0 rgba(28,82,145,.08)}
  .top-inner{max-width:1368px;width:calc(100% - 80px);gap:22px}
  .brand img{width:156px;height:48px}.brand span{font-size:11px}
  .top nav{gap:31px}.top nav button{font-size:14px}.top nav button.active:after{bottom:6px;height:2px}
  .signup-btn{padding:9px 22px;border-radius:9px}
  .content-wrap{max-width:1368px;width:calc(100% - 80px)}

  #home .hero-bg{height:410px;min-height:410px;background:linear-gradient(90deg,#eaf6ff 0%,#d8eeff 37%,#acd9ff 100%);overflow:hidden}
  #home .hero-bg:before{background:radial-gradient(ellipse at 16% 10%,rgba(255,255,255,.98),rgba(255,255,255,.35) 35%,transparent 61%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.18));z-index:0}
  #home .hero-shell{max-width:1368px;width:calc(100% - 80px);height:410px;min-height:410px;display:block;position:relative}
  #home .hero-copy{position:relative;width:43%;padding:49px 0 0;z-index:5}
  #home .hero-copy h1{font-size:49px;line-height:1.17;letter-spacing:-2px;margin:0 0 13px}
  #home .hero-copy p{font-size:16px;line-height:1.55;margin-bottom:17px}
  #home .hero-actions{gap:12px}#home .jumbo{font-size:16px;padding:10px 28px;min-width:158px}
  #home .benefit-row{margin-top:20px;gap:21px}#home .benefit-row div{grid-template-columns:26px auto;font-size:16px}#home .benefit-row b{font-size:13px}#home .benefit-row small{font-size:10px}
  #home .home-visual{position:absolute;z-index:2;right:-40px;top:0;width:66%;height:410px;min-height:0;background-image:url('hero-devices.png')!important;background-size:cover!important;background-position:center center!important;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 100%)}
  #home .home-visual:after{content:"";position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#d9efff 0,transparent 75%);height:44px}
  #home .home-cards{margin-top:-1px;gap:12px;max-width:1310px}
  #home .feature-card{padding:16px 24px;border-radius:14px;min-height:160px}#home .feature-icon{width:48px;height:48px;font-size:23px}#home .feature-head{margin-bottom:10px}#home .feature-head h2{font-size:20px}#home .inline-control input{padding:10px 14px}#home .card-points{margin-top:12px}
  #home .stat-strip{max-width:1368px;margin-top:10px;margin-bottom:10px;padding:10px 20px}#home .stat-strip b{font-size:18px}
  #home .scenario{padding:10px 18px 12px;margin-bottom:10px}#home .scenario h2{font-size:20px}#home .scenario-grid div{padding:9px 4px}

  .page-banner{min-height:405px;padding:25px max(calc((100vw - 1368px)/2),40px);background:linear-gradient(90deg,#edf8ff 0,#d5efff 38%,#a8d9ff 100%)}
  .page-banner:before{background:radial-gradient(ellipse at 12% 15%,rgba(255,255,255,.95),transparent 46%),linear-gradient(180deg,transparent 70%,rgba(255,255,255,.3))}
  .banner-copy{width:35%;z-index:4}.banner-copy h1{font-size:47px;line-height:1.18}.banner-copy p{font-size:16px}
  .banner-visual{position:absolute;z-index:1;left:34%;right:20%;top:0;bottom:0;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent)}
  .connect-card{margin-left:auto;flex:0 0 295px;z-index:5}
  .quick-banner .banner-visual{right:4%;left:39%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000);mask-image:linear-gradient(90deg,transparent,#000 10%,#000)}
  .perks{margin-top:12px}.chat-shell{margin-top:14px}

  .file-hero{min-height:205px;background:linear-gradient(90deg,#f2faff,#d9efff 52%,#a9dbff)}
  .file-hero-inner{height:205px}.file-hero h1{font-size:44px}.file-hero-inner img{width:46%;height:205px;max-height:none;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent)}
  .file-workspace{margin-top:14px}

  .help-head{height:235px;padding:0;background:linear-gradient(100deg,#f1faff,#d7efff 55%,#a9d9ff)}
  .help-head:before{display:none}.help-hero-inner{height:235px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.help-head h1{font-size:44px;margin:0 0 4px}.help-head h1 span{color:#0965f6}.help-head p{font-size:17px;margin:0 0 18px}.help-search{width:390px;background:#fff;border:1px solid #d8e8fa;border-radius:10px;padding:12px 18px;color:#7a8da9;box-shadow:0 8px 25px rgba(20,91,166,.08)}.help-art{display:flex;align-items:center;gap:22px;margin-right:80px;color:#1267db}.help-art b{font-size:112px;line-height:1;text-shadow:0 15px 35px rgba(8,104,245,.15)}.help-art span{font-size:18px;line-height:1.8;font-weight:700}
}