/* 定制能力全景最终立体精修层：只增强材质，不改变布局。 */
/* 本页支持 file:// 直接打开；主体内容默认可见，避免浏览器恢复滚动位置时
   reveal observer 未及时触发而留下只有高度、没有内容的透明空白区。 */
.custom-apple main .r{
  opacity:1;
  transform:none;
}
.custom-apple .custom-platform-map{
  border-color:rgba(255,255,255,.92);
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,250,247,.9));
  box-shadow:0 55px 120px -72px rgba(2,61,40,.7),0 18px 40px -32px rgba(4,78,51,.34),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(12,92,62,.055);
}
.custom-apple .custom-platform-column{
  border-color:rgba(12,103,70,.09);
  background:radial-gradient(circle at 22% 0,rgba(255,255,255,.9),transparent 38%),linear-gradient(145deg,#f5fcf8,#e9f5ef);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -18px 42px rgba(19,120,82,.025),0 26px 58px -46px rgba(4,70,47,.46);
}
.custom-apple .custom-platform-mfg{background:radial-gradient(circle at 24% 0,rgba(255,255,255,.92),transparent 40%),linear-gradient(145deg,#f2faf8,#e6f1f3)}
.custom-apple .custom-platform-list article{
  border-color:rgba(13,91,64,.105);
  background:radial-gradient(circle at 12% 0,rgba(255,255,255,.98),transparent 52%),linear-gradient(145deg,#fff,#f9fcfa);
  box-shadow:0 20px 42px -34px rgba(4,74,49,.52),0 6px 14px -12px rgba(3,60,41,.25),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(10,92,62,.04);
}
.custom-apple .custom-platform-list article:hover{
  transform:translateY(-5px);border-color:rgba(22,160,108,.24);background:linear-gradient(145deg,#fff,#f0faf5);
  box-shadow:0 30px 58px -38px rgba(3,84,54,.58),0 12px 22px -18px rgba(3,67,45,.28),inset 0 1px 0 #fff;
}
.custom-apple .custom-platform-list i{
  border-color:rgba(22,153,103,.16);background:linear-gradient(145deg,#ecfbf4,#cfeee0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -5px 10px rgba(27,138,94,.045),0 10px 18px -14px rgba(4,93,60,.5);
}
.custom-apple .custom-platform-core b{
  border-color:rgba(255,255,255,.9);
  background:radial-gradient(circle at 31% 18%,rgba(130,255,205,.42),transparent 31%),linear-gradient(145deg,#35cd8a 0%,#09a38f 62%,#07816f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -18px 30px rgba(0,77,58,.16),0 26px 54px -25px rgba(0,92,65,.7),0 0 0 1px rgba(11,129,91,.14),0 0 0 14px rgba(37,184,130,.06);
}
.custom-apple .custom-platform-output{
  background:radial-gradient(circle at 92% 0,rgba(84,213,164,.2),transparent 36%),linear-gradient(135deg,#08674f,#08765c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -10px 22px rgba(0,48,35,.11),0 20px 38px -29px rgba(0,71,49,.55);
}
.custom-apple .custom-platform-output strong{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 14px -12px rgba(0,0,0,.42)}
.custom-apple .custom-advantages article{
  border-color:rgba(12,91,63,.085);background:radial-gradient(circle at 14% 0,rgba(255,255,255,.98),transparent 50%),linear-gradient(145deg,#fff,#f7faf8);
  box-shadow:0 24px 48px -42px rgba(3,71,47,.5),0 8px 18px -16px rgba(4,64,44,.25),inset 0 1px 0 #fff;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.custom-apple .custom-advantages article:hover{transform:translateY(-4px);box-shadow:0 30px 55px -40px rgba(3,76,50,.52),inset 0 1px 0 #fff}
@media(max-width:700px){.custom-apple .custom-platform-list article:hover,.custom-apple .custom-advantages article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.custom-apple .custom-platform-list article,.custom-apple .custom-advantages article{transition:none}}

/* 2026-09-05: legible capability cards and dimensional platform connection. */
#custom-platform { scroll-margin-top:110px; }
#custom-platform > .iso-section-head h2 {
  font-size:clamp(30px,3.5vw,48px);line-height:1.25;letter-spacing:-.045em;color:#14372d;
}
#custom-platform .custom-platform-map {
  grid-template-columns:minmax(0,1.14fr) 148px minmax(0,.86fr);
  padding:18px;gap:0;border:1px solid #deebe4;border-radius:32px;
  background:linear-gradient(140deg,#fff,#f1f8f4);
  box-shadow:inset 0 2px 0 #fff,0 4px 0 -2px #dce9e1,0 28px 60px -38px rgba(22,72,45,.34);
}
#custom-platform .custom-platform-map::before { opacity:.38; }
#custom-platform .custom-platform-map::after { display:none; }
#custom-platform .custom-platform-column {
  display:flex;flex-direction:column;min-width:0;padding:28px 24px;border-radius:24px;
  border:1px solid #d4e6dc;background:linear-gradient(145deg,#f6fcf8,#e8f4ed);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(31,97,62,.04),0 10px 22px -20px rgba(24,78,46,.25);
}
#custom-platform .custom-platform-mfg { background:linear-gradient(145deg,#f5faf8,#e6f1ed); }
#custom-platform .custom-platform-column header {
  display:grid;grid-template-columns:1fr;gap:0;padding:0 0 22px;
  border-bottom:1px solid #cddfd4;
}
#custom-platform .custom-platform-column header span { margin-bottom:12px;font-size:12px;letter-spacing:.12em;color:#277456; }
#custom-platform .custom-platform-column header h3 { font-size:30px;line-height:1.3;letter-spacing:-.035em;font-weight:600; }
#custom-platform .custom-platform-column header p { margin-top:8px;font-size:14px;line-height:1.6;color:#536e61; }
#custom-platform .custom-platform-list { flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px; }
#custom-platform .custom-platform-mfg .custom-platform-list { grid-template-columns:1fr; }
#custom-platform .custom-platform-list article {
  display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:176px;padding:20px 16px;
  border:1px solid #e0ece5;border-radius:16px;
  background:linear-gradient(145deg,#fff,#f8fcf9);
  box-shadow:inset 0 1px 0 #fff,0 3px 0 -1px #d4e5da,0 10px 18px -12px rgba(25,81,47,.24);
  transition:transform .22s ease,box-shadow .22s ease;
}
#custom-platform .custom-platform-list article::after { display:none; }
#custom-platform .custom-platform-list article > div { min-width:0; }
#custom-platform .custom-platform-mfg .custom-platform-list article { min-height:140px;padding:22px 20px; }
#custom-platform .custom-platform-list i {
  display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;
  border:1px solid rgba(255,255,255,.95);color:#17734f;
  background:linear-gradient(145deg,#f3fcf7,#d7eee0);
  box-shadow:inset 0 1px 0 #fff,0 2px 0 -1px #bddbc8,0 7px 12px -8px rgba(28,93,52,.3);
}
#custom-platform .custom-platform-list i svg { width:23px;height:23px; }
#custom-platform .custom-platform-list h4 { margin:1px 0 9px;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:0; }
#custom-platform .custom-platform-list p { font-size:14px;line-height:1.8;color:#526d60;overflow-wrap:break-word; }
#custom-platform .custom-platform-core { gap:18px;letter-spacing:.02em; }
#custom-platform .custom-platform-core > span {
  padding:7px 10px;font-size:12px;line-height:1.5;color:#3e6753;
  background:#f6fcf8;border:1px solid #dcece2;box-shadow:0 3px 8px -6px rgba(27,84,48,.2);
}
#custom-platform .custom-platform-core > span:first-of-type::after { display:none; }
#custom-platform .custom-platform-core::before,
#custom-platform .custom-platform-core::after { height:46px; }
#custom-platform .custom-platform-core b {
  display:flex;justify-content:center;align-items:center;gap:6px;
  width:132px;height:132px;flex-shrink:0;padding:0;border:8px solid #f4fcf8;
  background:radial-gradient(circle at 27% 16%,rgba(104,186,137,.1),transparent 42%),linear-gradient(145deg,#177952,#086447);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -10px 18px rgba(0,69,41,.18),0 0 0 1px #b7dbca,0 6px 0 -3px #c4e4d3,0 18px 28px -17px rgba(9,89,48,.48);
}
#custom-platform .custom-platform-core b::before,
#custom-platform .custom-platform-core b::after { width:16px; }
#custom-platform .custom-platform-core mark { top:23px;font-size:12px;letter-spacing:0;color:#fff;font-weight:400; }
#custom-platform .custom-platform-core em { writing-mode:horizontal-tb;white-space:nowrap;letter-spacing:0;font-size:17px;margin-top:23px;font-weight:600; }
#custom-platform .custom-platform-core small { margin-top:23px;font-size:14px;opacity:.85; }
#custom-platform .custom-platform-output {
  grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding:18px;border-radius:16px;
  background:linear-gradient(135deg,#126c50,#0c7756);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 0 -1px #b8d9c7,0 10px 18px -12px rgba(14,91,51,.28);
}
#custom-platform .custom-platform-output > span { grid-column:1/-1;font-size:12px;line-height:1.5;letter-spacing:.06em;opacity:1;color:#e2f4e9; }
#custom-platform .custom-platform-output strong { padding:7px 4px;font-size:13px;line-height:1.5;text-align:center;white-space:nowrap; }
#custom-platform .custom-advantages { gap:18px;margin-top:24px; }
#custom-platform .custom-advantages article {
  padding:26px 28px;border-radius:20px;border:1px solid #dce9e1;
  background:linear-gradient(145deg,#fff,#f2faf5);
  box-shadow:inset 0 1px 0 #fff,0 3px 0 -1px #d7e6dc,0 13px 24px -19px rgba(22,78,43,.26);
}
#custom-platform .custom-advantages strong { color:#166a4c;font-size:18px;font-weight:600; }
#custom-platform .custom-advantages span { margin-top:10px;color:#526d60;font-size:14px;line-height:1.7; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #custom-platform .custom-platform-list article:hover { transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 3px 0 -1px #c8dfd1,0 16px 24px -14px rgba(22,82,46,.3); }
}
@media (max-width:1199px) and (min-width:901px) {
  #custom-platform .custom-platform-map { grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr); }
  #custom-platform .custom-platform-list { grid-template-columns:1fr; }
  #custom-platform .custom-platform-list article { min-height:0; }
}
@media (max-width:900px) {
  #custom-platform .custom-platform-map { grid-template-columns:minmax(0,1fr);padding:14px;gap:18px;border-radius:26px; }
  #custom-platform .custom-platform-list article { min-height:0; }
  #custom-platform .custom-platform-core { flex-direction:row;min-height:164px;gap:22px;border:0; }
  #custom-platform .custom-platform-core::before,
  #custom-platform .custom-platform-core::after { display:none; }
  #custom-platform .custom-platform-core b::before,
  #custom-platform .custom-platform-core b::after { width:20px; }
  #custom-platform .custom-platform-mfg .custom-platform-list { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  #custom-platform .custom-platform-column { padding:24px 18px;border-radius:20px; }
  #custom-platform .custom-platform-list { grid-template-columns:1fr; }
  #custom-platform .custom-platform-list article { padding:20px 16px; }
  #custom-platform .custom-platform-column header h3 { font-size:27px; }
  #custom-platform .custom-platform-core { gap:10px; }
  #custom-platform .custom-platform-core > span { padding:5px 7px; }
  #custom-platform .custom-platform-core b { width:124px;height:124px; }
  #custom-platform .custom-platform-core b::before,
  #custom-platform .custom-platform-core b::after { display:none; }
  #custom-platform .custom-advantages { grid-template-columns:1fr;gap:14px; }
}
@media (max-width:360px) {
  #custom-platform .custom-platform-core { flex-wrap:wrap;gap:12px; }
  #custom-platform .custom-platform-core > span { flex-basis:100%;text-align:center; }
}
@media (hover:none), (prefers-reduced-motion:reduce) {
  #custom-platform .custom-platform-list article:hover,
  #custom-platform .custom-advantages article:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  #custom-platform .custom-platform-list article,
  #custom-platform .custom-advantages article { transition:none; }
}